dist/js
folder.
assets/js
folder.
ace-elements.js contains custom plugins such as file input, scrollbars, colorpicker and wrappers for spinner, wizard, treeview and wysiwyg plugins.
Please note that if you want to use one of these wrappers, you still need to include the plugin's script.
For example:
<script src="fuleux/spinner.js"></script> <script src="ace.elements.js"></script>You can find more info about this in each plugin's section.
ace-extra.js which has cookie/localStorage functionality to save & retrieve user's settings.
Also, sidebar collapse/expand, fixing navbar/sidebar/breadcrumbs are defined inside this file.
For more info about page options and settings, please see Settings section.
And for info about cookies and storage you can refer to Cookies & Storage section.
x-editable/ace-editable.js which contains 5 additional inline editable addons: date, slider, spinner, wysiwyg and image.
You can find more about about these addons here and about x-editable plugin here.
ace.js and ace-elements.js
are generated using in-browser Javascript builder by merging separate script files that are inside
assets/js/ace
folder, which contains:
assets/js/ace/ace.js
assets/js/ace/ace.sidebar.js
assets/js/ace/ace.widget-box.js
assets/js/ace/elements.scroller.js
assets/js/ace/elements.fileinput.js
assets/js/ace
For more information about any of the above files you can refer to Javascript builder as it has some description about each file.
assets/js
folder.
dist/js
folder.
I have put some scripts that are similar in separate folders.
But that's optional and you can have your own structure.
For example:
assets/js/date-time
assets/js/fuelux
assets/js/markdown
assets/js/x-editable
assets/js/flot
assets/js/jqGrid
mustache/app/data/pages
folder.
mustache/app/data/pages/index.json
assets/js/jquery-ui.custom.js
which is a custom build which contains stripped down functionality needed by some plugins and sections.
assets/js/jquery-ui.full.js
is a full version containing all of jQuery UI's functionality used in jQuery UI sample page.
function.bind
polyfill to html5shiv
HEAD
element:
mustache/app/views/layouts/partials/_shared/_template/styles.mustache
)
<head> . . . <script src="ace-extra.min.js"></script> <!--[if lte IE 8]> <script src="html5shiv.min.js"></script> <script src="respond.min.js"></script> <![endif]--> </head>
mustache/app/views/layouts/partials/_shared/_template/scripts.mustache
)
. . . <!--[if !IE]> --> <script src="jquery.min.js"></script> <!-- <![endif]--> <!--[if lte IE 9]> <script src="jquery1x.min.js"></script> <![endif]--> <script src="bootstrap.min.js"></script> <!-- ie8 canvas if required for plugins such as charts, etc --> <!--[if lte IE 8]> <script src="excanvas.min.js"></script> <![endif]--> <script src="plugin1.min.js"></script> <script src="plugin2.min.js"></script> <script src="plugin3.min.js"></script> <script src="ace-elements.min.js"></script> <script src="ace.min.js"></script> <script type="text/javascript"> //If page has any inline scripts, it goes here jQuery(function($) { alert('hello!'); }); </script> </body>