+
{SETSTYLE=admin_menu}
{ADMIN_MENU}
{ADMIN_PWORD}
diff --git a/e107_themes/bootstrap3/admin_theme.php b/e107_themes/bootstrap3/admin_theme.php
index 24b253d1a..a22596891 100644
--- a/e107_themes/bootstrap3/admin_theme.php
+++ b/e107_themes/bootstrap3/admin_theme.php
@@ -5,7 +5,7 @@ define("SEP"," ");
define("BOOTSTRAP", 3);
define('FONTAWESOME', 4);
-
+e107::js("theme", "js/bootstrap3.js", 'jquery');
// e107::js("url", "https://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js",'jquery', 2);
// e107::css('url', 'http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
diff --git a/e107_themes/bootstrap3/js/bootstrap3.js b/e107_themes/bootstrap3/js/bootstrap3.js
new file mode 100644
index 000000000..785189583
--- /dev/null
+++ b/e107_themes/bootstrap3/js/bootstrap3.js
@@ -0,0 +1,52 @@
+var e107 = e107 || {'settings': {}, 'behaviors': {}};
+
+(function ($)
+{
+ 'use strict';
+
+ /**
+ * Initializes draggable panels on the dashboard.
+ *
+ * @type {{attach: e107.behaviors.adminDashboardDraggablePanels.attach}}
+ */
+ e107.behaviors.adminDashboardDraggablePanels = {
+ attach: function (context, settings)
+ {
+ var selector = '.draggable-panels';
+ var onceKey = 'admin-dashboard-draggable-panels';
+
+ $(context).find(selector).once(onceKey).each(function ()
+ {
+ var $panel = $(this);
+
+ $panel.sortable({
+ connectWith: selector,
+ handle: '.panel-heading',
+ cursor: 'move',
+ placeholder: 'placeholder',
+ forcePlaceholderSize: true,
+ opacity: 0.4,
+ stop: function (event, ui)
+ {
+ var SortOrder = "SortOrder:\n";
+ var i = 0;
+
+ $(selector + " .panel-title").each(function ()
+ {
+ i++;
+ var $this = $(this);
+ var title = $this.text();
+ SortOrder += i + " - " + title + "\n";
+ });
+
+ console.log(SortOrder);
+ }
+ });
+
+ $panel.disableSelection();
+
+ });
+ }
+ };
+
+})(jQuery);