Merge pull request #369 from divio/feature/cleanup-javascript

Introduce webpack for js bundling

.gitignore

@@ -1,5 +1,6 @@
 *.pyc
 dist
+!djangocms_admin_style/static/djangocms_admin_style/js/dist
 *egg-info*
 bin/
 include/
@@ -10,7 +11,6 @@ database.db
 .idea
 .sass-cache
 build
-dist
 .eggs
 screenshots/results
 screenshots/failures

CHANGELOG.rst

@@ -14,6 +14,7 @@ CHANGELOG
 * Fixed an issue with sortable tables
 * Fixed an issue with datetime fields
 * Fixed an issue with long names and smaller screens in change list
+* Added single js bundle vs many small javascript files
 
 1.2.3 (2016-06-22)
 ------------------

djangocms_admin_style/static/djangocms_admin_style/js/base-admin.js

@@ -1,87 +1,21 @@
-(function () {
-    /**
-     * @function toggleClass
-     * @param {Element} element
-     * @param {String} className
-     * @returns {Boolean|void}
-     */
-    function toggleClass(element, className) {
-        var classString = element.className;
-        var nameIndex = classString.indexOf(className);
-
-        if (!element || !className) {
-            return false;
-        }
-
-        if (nameIndex === -1) {
-            classString += ' ' + className;
-        } else {
-            classString = classString.substr(0, nameIndex) + classString.substr(nameIndex + className.length);
-        }
-
-        element.className = classString;
-    }
-
-    var submenu = document.getElementsByClassName('submenu')[0];
-    var menuItem = document.getElementsByClassName('menu-item')[0];
-    var html = document.getElementsByTagName('html')[0];
-
-
-    menuItem.addEventListener('click', function (event) {
-        var evt = event || window.event;
-
-        evt.preventDefault();
-
-        toggleClass(submenu, 'submenu-open');
-        toggleClass(menuItem, 'menu-item-open');
-    });
-
-
-    html.addEventListener('click', function (event) {
-        if (event.target !== menuItem) {
-            var submenuOpen = document.getElementsByClassName('submenu-open')[0];
-            var menuItemOpen = document.getElementsByClassName('menu-item-open')[0];
-
-            if (submenuOpen && menuItemOpen) {
-                submenuOpen.className = submenuOpen.className.replace('submenu-open', '');
-                menuItemOpen.className = menuItemOpen.className.replace('menu-item-open', '');
-            }
-        }
-    });
-
-    // Back to link
-    try {
-        var cmsFrameData = JSON.parse(window.name);
-        var headerLink = document.getElementsByClassName('js-header-link')[0];
-
-        if (cmsFrameData.name && cmsFrameData.name === 'cms_frame') {
-            headerLink.setAttribute('href', cmsFrameData.url);
-        }
-    } catch (error) {
-
-    }
-
-    if (window.jQuery || (window.django && window.django.jQuery)) {
-        // scopes the jQuery
-        (function ($) {
-            // waits for the document.ready
-            $(function () {
-                var toplinks = $('.toplinks');
-
-                // calls touch support function
-                if ($.fn.touchSupport && $('.drag-handler').length) {
-                    $(window).touchSupport();
-                }
-                // this has to be done by javascript because we don't change html markup
-                // floats toolbar if actions are visible #275, #285
-                if ($('#changelist-form').find('.actions').length) {
-                    $('#toolbar').addClass('actions-visible');
-                }
-                // adds class to toplinks if list is empty to remove unnecessary space
-                if (toplinks.children().length === 0 && toplinks.parent().hasClass('xfull')) {
-                    toplinks.parent().addClass('hidden');
-                }
-            });
-        })(window.jQuery || window.django.jQuery);
-    }
-})();
+var $ = require('jquery');
+var initDateTimeFields = require('./modules/datetimefields');
+var initDragAndDropSupportForTreeBeard = require('./modules/drag-touch-support');
+var initUIFixes = require('./modules/ui-fixes');
+var initRelatedWidgetWrappers = require('./modules/related-widget-wrapper');
+var initToolbarDropdown = require('./modules/toolbar-dropdown');
+
+// this attaches to global jQuery because
+// we need to touch punch the things like sortedm2m
+// which use django jquery
+//
+// also, it's a custom script, so be careful with updating
+require('./modules/jquery.ui.touch-punch.min');
+
+$(function () {
+    initDateTimeFields();
+    initDragAndDropSupportForTreeBeard();
+    initUIFixes();
+    initRelatedWidgetWrappers();
+    initToolbarDropdown();
+});