Giter Club home page Giter Club logo

ace's Introduction

Twitter bootstrap 3 admin template

I've never been a developer of this template. What I did once — I downloaded all the files from wrapbootstrap.com ace-admin demo-template and put everything on GitHub with minimal changes.

Actually, I uploaded to GitHub everything that has already been in public as demo-template. Ace repository struck a chord and became popular on GitHub so I've been supporting the repository some time with new versions.

I wrote PHP-library to be able to download all the files from bootstrap-templates but library works not 100% and the code is too complicated to be shared in public.

I've never received any warnings from template authors that's why the repository is still here. No support here. Please, don't email me.

I`m not developer of this theme.

It`s only copy of ace demo-template from wrapbootstrap. Repo contains minified ace js/css files. You can read more about the license here.

see example http://ace.jeka.by/

Try:

  • git clone [email protected]:bopoda/ace.git
  • open ace/index.html in your desktop or mobile browser

Простой и многофункциональный Twitter bootstrap 3 шаблон для админки. Responsive дизайн.

Browsers:

  • Internet Explorer 10
  • Internet Explorer 11
  • Internet Explorer 8
  • Internet Explorer 9
  • Latest Chrome
  • Latest Firefox
  • Latest Opera
  • Latest Safari

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

Save changes

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

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.

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?

License

Hi,

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

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),

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

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

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)

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..

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);
}

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

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

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??)

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

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

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';  ?>

jQuery dataTables BUG

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

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.

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!

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'));
        });`

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.