Giter VIP home page Giter VIP logo

ace's People

Contributors

bopoda avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ace's Issues

pic file not exists...again

jquery.gritter.min.css ( filepath: ace\assets\css\jquery.gritter.min.css)

those background img in this css file are all not exist,such as:
../images/ie-spacer.gif
../images/gritter.png
../images/gritter-light.png

Export to Excel Not Working

Dear in tables.html in jQuery dataTables portion all the buttons export to pdf,csv etc etc but Export to Excel Not Working means its generate the file but that was empty.

Which jQuery version does support Ace?

Hello ,

Please insert "prerequisite" into README.MD file.
I don't know which version of jQuery does support Ace ?

I included JQuery 3.4.1 min but it seems it isn't compatible with this version.

thanks in advance

Menu

Español: Me gustaría saber cómo ocultar el menú después de hacer clic en un nodo, es decir, un elemento que no contiene hijos.

English: I would like to know how to hide the menu after to click on a node, that is, a item that no contains childrens.

License

Hi,

I was wondering, can I use this theme in an open source and free application?

offsetHeight

well, the node-wekit ,which i used ,is unfriendly to your jobs.
and when i try change the node-wekit size,the error occurred! following :

TypeError: Cannot read property 'offsetHeight' of undefined
at file:///D:/web-admin/assets/js/ace.min.js:633:15
at file:///D:/web-admin/assets/js/ace.min.js:638:11
at a (file:///D:/web-admin/assets/js/flot/jquery.flot.resize.min.js:7:740)
at n.event.dispatch (file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:3:6404)
at r.handle (file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:3:3179)
at Object.n.event.trigger (file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:3:5512)
at file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:3:11480
at Function.n.extend.each (file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:2:2880)
at n.fn.n.each (file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:2:847)
at n.fn.extend.trigger (file:///D:/web-admin/assets/js/jquery.2.1.1.min.js:3:11456)

Problem with drag drop

Hi, I am using Laravel and your template to make a website. However, I am facing issues when performing a drap drop. I am using the component as exampled in form-elements.html. It works fine when I manually select a file. But when I drag drop, Laravel does not detect any file input. Can you please let me know why? Thanks. Below is my javascript code it it helps:

    `function show() {
            @if(!empty($user->avatar))
                $('.restore-group').show('fast');
            @endif
        }

        function populate() {
            @if(!empty($user->avatar))
                avatar.ace_file_input('show_file_list', [
                {type: 'image', name: '{{decrypt($user->avatar)}}', path: '{{url('file/avatar/small')}}'}
            ]);
            @endif
        }

        var avatar = $('#avatar');

        avatar.ace_file_input({
            style: 'well',
            btn_change: null,
            droppable: true,
            thumbnail: 'small',
            btn_choose: "Drop images here or click to choose",
            no_icon: "ace-icon fa fa-picture-o",
            allowExt: ["jpeg", "jpg", "png", "gif", "bmp"],
            allowMime: ["image/jpg", "image/jpeg", "image/png", "image/gif", "image/bmp"],
            before_remove: function () {
                show();
                $('#_action').val('removed');
                return true;
            },
            before_change: function () {
                show();
                $('#_action').val('changed');
                return true;
            }
        }).on('change', function () {
            console.log($(this).data('ace_input_files'));
            console.log($(this).data('ace_input_method'));
        });`

Tooltip and Popover can't use html on content ?

I hope use <a>, <li> on tooltip content.

<a data-rel="popover" 
     data-placement="top"
     data-original-title="Links"
     data-content="<a href='/hoge'>hoge</a><br/><a href='/hogehoge'>hogehoge</a>" >
  links
</a>

I got a result follows 😢

2018-04-18 10 27 31

How can I use a html on tooltip content ?? ( is possible??)

Save changes

How to save changes on profile page (editable fields) with php and mysql?
Thanks

What License?

What license is ace under? The link in the readme, links to wrapbootstrap and says "This item is no longer forsale"... So no license info there.

Values of checkbox not working

The checkbox displays a string of "YES" or "NO" instead of one of my values.

This is my code snippet in index.html.

{name: "status", index: "status", width: 50, sorttype: "text", editable: true, edittype:"checkbox", 
editoptions: {value:"True:False"}, unformat: aceSwitch
}

The code of aceSwitch remains unchanged.

function aceSwitch( cellvalue, options, cell ) {
setTimeout(function(){
$(cell) .find('input[type=checkbox]')
            .addClass('ace ace-switch ace-switch-5')
	.after('<span class="lbl"></span>');
}, 0);
}

The Licensed was changed?

Hello,

I just notice that the license file was changed, does it means the repo would not be MIT any more?

default change to rtl with jquery

Hi

How can I rtl the template page by default with jquery?

function (a, b) {
a("#ace-settings-rtl").removeAttr("checked").on("click", function () {
c()
});
var c = function () {
function b(b) {
function c(a, b) {
e.find("." + a).removeClass(a).addClass("tmp-rtl-" + a).end().find("." + b).removeClass(b).addClass(a).end().find(".tmp-rtl-" + a).removeClass("tmp-rtl-" + a).addClass(b)
}
var d = a(document.body);
b || d.toggleClass("rtl"), b = b || document.body;
var e = a(b);
e.find(".dropdown-menu:not(.datepicker-dropdown,.colorpicker)").toggleClass("dropdown-menu-right").end().find(".pull-right:not(.dropdown-menu,blockquote,.profile-skills .pull-right)").removeClass("pull-right").addClass("tmp-rtl-pull-right").end().find(".pull-left:not(.dropdown-submenu,.profile-skills .pull-left)").removeClass("pull-left").addClass("pull-right").end().find(".tmp-rtl-pull-right").removeClass("tmp-rtl-pull-right").addClass("pull-left").end().find(".chosen-select").toggleClass("chosen-rtl").next().toggleClass("chosen-rtl"), c("align-left", "align-right"), c("no-padding-left", "no-padding-right"), c("arrowed", "arrowed-right"), c("arrowed-in", "arrowed-in-right"), c("tabs-left", "tabs-right"), c("messagebar-item-left", "messagebar-item-right"), a(".modal.aside-vc").ace_aside("flip").ace_aside("insideContainer"), e.find(".fa").each(function () {
if (!(this.className.match(/ui-icon/) || a(this).closest(".fc-button").length > 0))
for (var b = this.attributes.length, c = 0; b > c; c++) {
var d = this.attributes[c].value;
d.match(/fa-(?:[\w-]+)-left/) ? this.attributes[c].value = d.replace(/fa-([\w-]+)-(left)/i, "fa-$1-right") : d.match(/fa-(?:[\w-]+)-right/) && (this.attributes[c].value = d.replace(/fa-([\w-]+)-(right)/i, "fa-$1-left"))
}
});
var f = d.hasClass("rtl");
f ? (e.find(".scroll-hz").addClass("make-ltr").find(".scroll-content").wrapInner('

'), a(".sidebar[data-sidebar-hover=true]").ace_sidebar_hover("changeDir", "right")) : (e.find(".scroll-hz").removeClass("make-ltr").find(".make-rtl").children().unwrap(), a(".sidebar[data-sidebar-hover=true]").ace_sidebar_hover("changeDir", "left")), a.fn.ace_scroll && e.find(".scroll-hz").ace_scroll("reset");
try {
var g = a("#piechart-placeholder");
if (g.length > 0) {
var h = d.hasClass("rtl") ? "nw" : "ne";
g.data("draw").call(g.get(0), g, g.data("chart"), h)
}
} catch (i) { }
ace.helper.redraw(b, !0)
}
b(), a(".page-content-area[data-ajax-content=true]").on("ajaxscriptsloaded.rtl", function () {
a("body").hasClass("rtl") && b(this)
})
}
}(jQuery),

Color Picker Issue

The color picker of you theme is not working. But once I click inside the picker it starts working.

screen shot 2016-09-20 at 4 58 09 pm

Update scrollbar in success of ajax

The code is like
$.ajax({
type: "POST",
url: '@Url.Action("testMethod")',
dataType: "json",
mtype: "post",
success: function (data) {
$("#sidebar").ace_scroll({ inline_style: true, size: 680, observeContent: true });
}
});

But it doesnot update after adding new li to sidebar..

dashborad can not be set properly?

das
am trying to create dashboard but its not working properly,please help me in create dashboard.

      <ul class="breadcrumb">
          <li>
              <i class="ace-icon fa fa-home home-icon"></i>
              <a href="">Home</a>
          </li>
          <li class="active">Dashboard</li>
      </ul><!-- /.breadcrumb -->

      <!--<div class="nav-search" id="nav-search">
          <form class="form-search">
              <span class="input-icon">
                  <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                  <i class="ace-icon fa fa-search nav-search-icon"></i>
              </span>
          </form>
      </div>-->
      <!-- /.nav-search -->
  </div>

  <div class="page-content">
      <div class="ace-settings-container" id="ace-settings-container">
         <!-- <div class="ace-settings-box clearfix" id="ace-settings-box">
              <div class="pull-left width-50">
                  <div class="ace-settings-item">
                      <div class="pull-left">
                          <select id="skin-colorpicker" class="hide">
                              <option data-skin="no-skin" value="#438EB9">#438EB9</option>
                              <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                              <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                              <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                          </select>
                      </div>
                      <span>&nbsp; Choose Skin</span>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
                      <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
                      <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
                      <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
                      <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
                      <label class="lbl" for="ace-settings-add-container">
                          Inside
                          <b>.container</b>
                      </label>
                  </div>
              </div><!-- /.pull-left -->

              <!--<div class="pull-left width-50">
                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
                      <label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
                      <label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
                  </div>

                  <div class="ace-settings-item">
                      <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
                      <label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
                  </div>
              </div><!-- /.pull-left -->
          </div><!-- /.ace-settings-box -->
      </div><!-- /.ace-settings-container -->

      <div class="page-header">
          <h1>
              Dashboard
              <small>
                  <i class="ace-icon fa fa-angle-double-right"></i>
                  overview &amp; stats
              </small>
          </h1>
      </div><!-- /.page-header -->

      <div class="row">
          <div class="col-xs-12">
              <!-- PAGE CONTENT BEGINS -->

              <div class="row">
                  <div class="space-6"></div>

                  <div class="col-sm-7 infobox-container">
                      <div class="infobox infobox-green">
                          <div class="infobox-icon">
                              <i class="ace-icon glyphicon glyphicon-user"></i>
                          </div>

                          <div class="infobox-data">
                              <span class="infobox-data-number"></span>
                              <div class="infobox-content">Members</div>
                          </div>

                      </div>

                      <div class="infobox infobox-blue">
                          <div class="infobox-icon">
                              <i class="ace-icon glyphicon glyphicon-user"></i>
                          </div>

                          <div class="infobox-data">
                              <span class="infobox-data-number"></span>
                              <div class="infobox-content">Trainers</div>
                          </div>

                          <!--<div class="badge badge-success">
                              +32%
                              <i class="ace-icon fa fa-arrow-up"></i>
                          </div>-->
                      </div>

                      <!--<div class="infobox infobox-pink">
                          <div class="infobox-icon">
                              <i class="ace-icon fa fa-shopping-cart"></i>
                          </div>

                          <div class="infobox-data">
                              <span class="infobox-data-number">8</span>
                              <div class="infobox-content">new orders</div>
                          </div>
                          <div class="stat stat-important">4%</div>
                      </div>-->

                      <!--<div class="infobox infobox-red">
                          <div class="infobox-icon">
                              <i class="ace-icon fa fa-flask"></i>
                          </div>

                          <div class="infobox-data">
                              <span class="infobox-data-number">7</span>
                              <div class="infobox-content">experiments</div>
                          </div>
                      </div>

                      <div class="infobox infobox-orange2">
                          <div class="infobox-chart">
                              <span class="sparkline" data-values="196,128,202,177,154,94,100,170,224"></span>
                          </div>

                          <div class="infobox-data">
                              <span class="infobox-data-number">6,251</span>
                              <div class="infobox-content">pageviews</div>
                          </div>

                          <div class="badge badge-success">
                              7.2%
                              <i class="ace-icon fa fa-arrow-up"></i>
                          </div>
                      </div>

                      <div class="infobox infobox-blue2">
                          <div class="infobox-progress">
                              <div class="easy-pie-chart percentage" data-percent="42" data-size="46">
                                  <span class="percent">42</span>%
                              </div>
                          </div>

                          <div class="infobox-data">
                              <span class="infobox-text">traffic used</span>

                              <div class="infobox-content">
                                  <span class="bigger-110">~</span>
                                  58GB remaining
                              </div>
                          </div>
                      </div>-->

                      <div class="space-6"></div>

                      <!--<div class="infobox infobox-green infobox-small infobox-dark">
                          <div class="infobox-progress">
                              <div class="easy-pie-chart percentage" data-percent="61" data-size="39">
                                  <span class="percent">61</span>%
                              </div>
                          </div>

                          <div class="infobox-data">
                              <div class="infobox-content">Task</div>
                              <div class="infobox-content">Completion</div>
                          </div>
                      </div>

                      <div class="infobox infobox-blue infobox-small infobox-dark">
                          <div class="infobox-chart">
                              <span class="sparkline" data-values="3,4,2,3,4,4,2,2"></span>
                          </div>

                          <div class="infobox-data">
                              <div class="infobox-content">Earnings</div>
                              <div class="infobox-content">$32,000</div>
                          </div>
                      </div>

                      <div class="infobox infobox-grey infobox-small infobox-dark">
                          <div class="infobox-icon">
                              <i class="ace-icon fa fa-download"></i>
                          </div>

                          <div class="infobox-data">
                              <div class="infobox-content">Downloads</div>
                              <div class="infobox-content">1,205</div>
                          </div>
                      </div>-->
                  </div>

                  <div class="vspace-12-sm"></div>

                  <!--<div class="col-sm-5">
                      <div class="widget-box">
                          <div class="widget-header widget-header-flat widget-header-small">
                              <h5 class="widget-title">
                                  <i class="ace-icon fa fa-signal"></i>
                                  Traffic Sources
                              </h5>

                              <div class="widget-toolbar no-border">
                                  <div class="inline dropdown-hover">
                                      <button class="btn btn-minier btn-primary">
                                          This Week
                                          <i class="ace-icon fa fa-angle-down icon-on-right bigger-110"></i>
                                      </button>

                                      <ul class="dropdown-menu dropdown-menu-right dropdown-125 dropdown-lighter dropdown-close dropdown-caret">
                                          <li class="active">
                                              <a href="#" class="blue">
                                                  <i class="ace-icon fa fa-caret-right bigger-110">&nbsp;</i>
                                                  This Week
                                              </a>
                                          </li>

                                          <li>
                                              <a href="#">
                                                  <i class="ace-icon fa fa-caret-right bigger-110 invisible">&nbsp;</i>
                                                  Last Week
                                              </a>
                                          </li>

                                          <li>
                                              <a href="#">
                                                  <i class="ace-icon fa fa-caret-right bigger-110 invisible">&nbsp;</i>
                                                  This Month
                                              </a>
                                          </li>

                                          <li>
                                              <a href="#">
                                                  <i class="ace-icon fa fa-caret-right bigger-110 invisible">&nbsp;</i>
                                                  Last Month
                                              </a>
                                          </li>
                                      </ul>
                                  </div>
                              </div>
                          </div>

                          <div class="widget-body">
                              <div class="widget-main">
                                  <div id="piechart-placeholder"></div>

                                  <div class="hr hr8 hr-double"></div>

                                  <div class="clearfix">
                                      <div class="grid3">
                                          <span class="grey">
                                              <i class="ace-icon fa fa-facebook-square fa-2x blue"></i>
                                              &nbsp; likes
                                          </span>
                                          <h4 class="bigger pull-right">1,255</h4>
                                      </div>

                                      <div class="grid3">
                                          <span class="grey">
                                              <i class="ace-icon fa fa-twitter-square fa-2x purple"></i>
                                              &nbsp; tweets
                                          </span>
                                          <h4 class="bigger pull-right">941</h4>
                                      </div>

                                      <div class="grid3">
                                          <span class="grey">
                                              <i class="ace-icon fa fa-pinterest-square fa-2x red"></i>
                                              &nbsp; pins
                                          </span>
                                          <h4 class="bigger pull-right">1,050</h4>
                                      </div>
                                  </div>
                              </div><!-- /.widget-main -->
                          </div><!-- /.widget-body -->
                      </div><!-- /.widget-box -->
                  </div><!-- /.col -->
              </div><!-- /.row -->

              


              <!-- PAGE CONTENT ENDS -->
          </div><!-- /.col -->
      </div><!-- /.row -->
  </div><!-- /.page-content -->
<?php include'footer.php';  ?>

Update scrollbar in success of ajax

The code is like
$.ajax({
type: "POST",
url: '@Url.Action("testMethod")',
dataType: "json",
mtype: "post",
success: function (data) {
$("#sidebar").ace_scroll({ inline_style: true, size: 680, observeContent: true });
}
});

But it doesnot update after adding new li to sidebar..

pic file not exists

.light-login{background:url(images/pattern.jpg) #DFE0E2}

pattern.jpg,this file is not exists in the images folder,pls added

Loading problem

use requirejs to load ace.min.js and ace-elements.min.js is useless,
I have set the shim to make them dependent on jQuery and bootstrap

the source of ace.js

could you provide the source of ace.js ,ace-elements.js and ace-extra.js?
I want to learn more about it.
thank you!

jQuery dataTables BUG

If the number of columns in the table is not 7, forms a dynamic search and paging functionality is lost

Bootstrap Table

bootstrap table with pagination is not working properly only showing first value.
data-toggle="table" data-toolbar-align="left" data-pagination="true" data-page-size="5" data-page-list="[10,20,50,100,1000]" data-url="Buildings/getBuildingDetails" data-show-refresh="true" data-show-columns="true" data-search="true"
and (data-show-columns,data-show-refresh) css issue with ace.min.css file

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.