Update materialize.css to master, add perfect scrollbar to the admin

Author: kmmbvnr

gulpfile.babel.js

@@ -1,8 +1,9 @@
 import autoprefixer from 'autoprefixer'
+import concat from 'gulp-concat'
 import gulp from 'gulp'
+import merge from 'merge-stream'
 import postcss from 'gulp-postcss'
 import sass from 'gulp-sass'
-import merge from 'merge-stream'
 
 var supportedBrowsers = [
   'Chrome >= 50',
@@ -28,7 +29,7 @@ gulp.task('3rdparty.js', () => {
     'node_modules/datatables.net-responsive/js/dataTables.responsive.js',
     'node_modules/datatables/media/js/jquery.dataTables.js',
     'node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.js',
-    'node_modules/materialize-css/dist/js/materialize.js',
+    // 'node_modules/materialize-css/dist/js/materialize.js',
     'node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.js',
     'node_modules/turbolinks/dist/turbolinks.js'
   ]
@@ -48,6 +49,45 @@ gulp.task('3rdparty.css', () => {
     .pipe(gulp.dest('./material/static/material/css/'))
 })
 
+
+gulp.task('materialize.js', () => {
+  var deps = [
+    "node_modules/materialize-css/js/initial.js",
+    "node_modules/materialize-css/js/jquery.easing.1.3.js",
+    "node_modules/materialize-css/js/animation.js",
+    "node_modules/materialize-css/js/velocity.min.js",
+    "node_modules/materialize-css/js/hammer.min.js",
+    "node_modules/materialize-css/js/jquery.hammer.js",
+    "node_modules/materialize-css/js/global.js",
+    "node_modules/materialize-css/js/collapsible.js",
+    "node_modules/materialize-css/js/dropdown.js",
+    "node_modules/materialize-css/js/modal.js",
+    "node_modules/materialize-css/js/materialbox.js",
+    "node_modules/materialize-css/js/parallax.js",
+    "node_modules/materialize-css/js/tabs.js",
+    "node_modules/materialize-css/js/tooltip.js",
+    "node_modules/materialize-css/js/waves.js",
+    "node_modules/materialize-css/js/toasts.js",
+    "node_modules/materialize-css/js/sideNav.js",
+    "node_modules/materialize-css/js/scrollspy.js",
+    "node_modules/materialize-css/js/forms.js",
+    "node_modules/materialize-css/js/slider.js",
+    "node_modules/materialize-css/js/cards.js",
+    "node_modules/materialize-css/js/chips.js",
+    "node_modules/materialize-css/js/pushpin.js",
+    "node_modules/materialize-css/js/buttons.js",
+    "node_modules/materialize-css/js/transitions.js",
+    "node_modules/materialize-css/js/scrollFire.js",
+    "node_modules/materialize-css/js/date_picker/picker.js",
+    "node_modules/materialize-css/js/date_picker/picker.date.js",
+    "node_modules/materialize-css/js/character_counter.js",
+    "node_modules/materialize-css/js/carousel.js",
+  ]
+  return gulp.src(deps)
+    .pipe(concat('materialize.js'))
+    .pipe(gulp.dest('./material/static/material/js/'));
+})
+
 gulp.task('materialize.scss', () => {
   return gulp.src('./material/static/material/sass/*.scss')
     .pipe(sass({
@@ -87,5 +127,6 @@ gulp.task('default', [
   '3rdparty.js',
   '3rdparty.css',
   'materialize.scss',
-  'materialize.django.scss'
+  'materialize.django.scss',
+  'materialize.js'
 ])

material/admin/templates/admin/includes/material_css.html

@@ -5,5 +5,6 @@
 <link href="{% static 'material/css/jquery.datetimepicker.css' %}" rel="stylesheet">
 <link href="{% static 'material/css/responsive.dataTables.css' %}" rel="stylesheet">
 <link href="{% static 'material/css/fixedHeader.dataTables.css' %}" rel="stylesheet">
+<link href="{% static 'material/css//perfect-scrollbar.css' %}" rel="stylesheet" />
 <link href="{% block stylesheet %}{% static 'material/css/materialize.admin.css' %}{% endblock %}" rel="stylesheet" type="text/css" />
 <link href="{% block extraicons %}{% static 'admin/css/icons.css' %}" rel="stylesheet" type="text/css" />{% endblock %}

material/admin/templates/admin/includes/material_js.html

@@ -4,6 +4,7 @@
 <script src="{% static 'material/js/jquery.dataTables.js' %}"></script>
 <script src="{% static 'material/js/dataTables.responsive.js' %}"></script>
 <script src="{% static 'material/js/dataTables.fixedHeader.js' %}"></script>
+<script src="{% static 'material/js/perfect-scrollbar.jquery.js' %}"></script>
 <script src="{% static 'material/js/materialize.js' %}"></script>
 <script src="{% static 'material/js/materialize.forms.js' %}"></script>
 <script src="{% static 'material/js/materialize.admin.js' %}"></script>

material/static/material/js/materialize.admin.js

@@ -1,3 +1,4 @@
 $(document).on('ready', function() {
-      $(document).find('.button-collapse').sideNav();
+  $('.button-collapse').sideNav()
+  $('#slide-out').perfectScrollbar()
 });

material/static/material/js/materialize.js

@@ -15,6 +15,7 @@
     "datatables.net-responsive-dt": "^2.1.0",
     "gulp": "^3.9.1",
     "gulp-babel": "^6.1.2",
+    "gulp-concat": "^2.6.0",
     "gulp-postcss": "^6.1.1",
     "gulp-sass": "^2.3.2",
     "jquery-datetimepicker": "^2.5.4",