github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #450 from pbihler/boxActivate 

Enable explicit box activation
pull/426/merge
Abdullah Almsaeed 2015-05-23 12:51:18 +03:00
parent d08e0e0c69 3eb31be585
commit 6f09c02537
4 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
dist/js/app.js vendored
View File

@ -528,16 +528,19 @@ function _init() {
$.AdminLTE.boxWidget = {
selectors: $.AdminLTE.options.boxWidgetOptions.boxWidgetSelectors,
icons: $.AdminLTE.options.boxWidgetOptions.boxWidgetIcons,
activate: function () {
activate: function (_box) {
var _this = this;
if (! _box) {
_box = document; // activate all boxes per default
}
//Listen for collapse event triggers
$(_this.selectors.collapse).on('click', function (e) {
$(_box).find(_this.selectors.collapse).on('click', function (e) {
e.preventDefault();
_this.collapse($(this));
});
//Listen for remove event triggers
$(_this.selectors.remove).on('click', function (e) {
$(_box).find(_this.selectors.remove).on('click', function (e) {
e.preventDefault();
_this.remove($(this));
});
@ -656,6 +659,23 @@ function _init() {
})(jQuery);
/*
* EXPLICIT BOX ACTIVATION
* -----------------------
* This is a custom plugin to use with the component BOX. It allows you to activate
* a box inserted in the DOM after the app.js was loaded.
*
* @type plugin
* @usage $("#box-widget").activateBox();
*/
(function ($) {
$.fn.activateBox = function () {
$.AdminLTE.boxWidget.activate(this);
};
})(jQuery);
/*
* TODO LIST CUSTOM PLUGIN
* -----------------------

2
dist/js/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
documentation/build/include/components.html
View File

@ -985,6 +985,13 @@
&LT;/div>&LT;!-- /.box --></pre>
</div><!-- /.col -->
</div><!-- /.row -->
<p>
If you inserted a box into the document after <code>app.js</code> was loaded, you have to activate
the collapse/remove buttons explicitly by calling <code>.activateBox()</code>:
</p>
<pre class='prettyprint'><code class='html'>&LT;script>
$("#box-widget").activateBox();
&LT;/script></code></pre>
<h4>Loading States</h4>
<div class="row">

7
documentation/index.html
View File

@ -1355,6 +1355,13 @@ AdminLTE/
&LT;/div>&LT;!-- /.box --></pre>
</div><!-- /.col -->
</div><!-- /.row -->
<p>
If you inserted a box into the document after <code>app.js</code> was loaded, you have to activate
the collapse/remove buttons explicitly by calling <code>.activateBox()</code>:
</p>
<pre class='prettyprint'><code class='html'>&LT;script>
$("#box-widget").activateBox();
&LT;/script></code></pre>
<h4>Loading States</h4>
<div class="row">