upgrade version

app/assets/javascripts/application.js

@@ -11,34 +11,106 @@
 // about supported directives.
 //
 //= require jquery
-//= require jquery_nested_form
-//= require tether
-//= require bootstrap
 //= require jquery_ujs
-//= require turbolinks
+//= require tether
+//= require bootstrap/js/popper.min
+//= require bootstrap/js/bootstrap-material-design.min
+//= require jquery_nested_form
 //= require cable
+//= require tether
+//= require bootstrap/js/popper.min
+//= require bootstrap/js/bootstrap-material-design.min
+//= require momentjs/moment
+//= require bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker
+//= require multi-select/js/jquery.multi-select.js
+//= require jquery-slimscroll/jquery.slimscroll.js
+//= require bootstrap-notify/bootstrap-notify.js
+//= require node-waves/waves.js
+//= require sweetalert/sweetalert.min.js
+//= require autosize/autosize.js
+//= require jquery-countto/jquery.countTo.js
+//= require raphael/raphael.min
+//= require chartjs/Chart.bundle.js
+//= require fileinput.min
 //= require settings/processing_items
-//= require jquery-ui
-//= require bootstrap-datepicker
-//= require moment
-//= require daterangepicker
-//= require select2
-//= require jquery.datetimepicker
-//= require Chart
+//= require BSBMaterial/admin.js
+//= require BSBMaterial/demo.js
+//= require custom.js
 
+$(document).ready(function() {
+  $('.count-to').countTo();
 
-$(document).on('turbolinks:load', function() {
-  $('.datepicker').datepicker({
-     format : 'dd-mm-yyyy',
-     autoclose: true
+  //Sales count to
+  $('.sales-count-to').countTo({
+      formatter: function (value, options) {
+          return '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, ' ').replace('.', ',');
+      }
   });
-  $('.datepicker').attr('ReadOnly','true');
-  $('.datepicker').css('cursor','pointer');
-});
 
- $(document).on("focus", "[data-behaviour~='datepicker']", function(e){
-    $(this).datepicker({"format": "yyyy-M-dd", "weekStart": 1, "autoclose": true});
-  $('.dropdown-toggle').dropdown();
+  $('.datetimepicker').bootstrapMaterialDatePicker({
+      format: 'DD-MM-YYYY - HH:mm',
+      clearButton: true,
+      weekStart: 1
+  });
+
+  $('.datepicker').bootstrapMaterialDatePicker({
+      format: 'DD-MM-YYYY',
+      clearButton: true,
+      weekStart: 1,
+      time: false
+  });
+
+  $('.timepicker').bootstrapMaterialDatePicker({
+      format: 'HH:mm',
+      clearButton: true,
+      date: false
+  });
+  
+  // Image Upload
+  $("#simple_menu_item_image_path").fileinput({
+      previewFileType: "image",
+      allowedFileExtensions: ["jpg", "gif", "png"],
+      browseClass: "btn btn-success",
+      browseLabel: "Pick Image",
+      browseIcon: "<i class=\"fa fa-image\"></i> ",
+      removeClass: "btn btn-danger",
+      removeLabel: "Delete",
+      removeIcon: "<i class=\"fa fa-trash\"></i> ",
+      showUpload: false,
+      // uploadClass: "btn btn-info",
+      // uploadLabel: "Upload",
+      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
+      previewTemplates: {
+        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
+                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
+                '</div>\n',
+      }
+  });
+
+  $("#product_image_path").fileinput({
+      previewFileType: "image",
+      allowedFileExtensions: ["jpg", "gif", "png"],
+      browseClass: "btn btn-success",
+      browseLabel: "Pick Image",
+      browseIcon: "<i class=\"fa fa-image\"></i> ",
+      removeClass: "btn btn-danger",
+      removeLabel: "Delete",
+      removeIcon: "<i class=\"fa fa-trash\"></i> ",
+      showUpload: false,
+      // uploadClass: "btn btn-info",
+      // uploadLabel: "Upload",
+      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
+      previewTemplates: {
+        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
+                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
+                '</div>\n',
+    }
+  });
+
+// $(document).on("focus", "[data-behaviour~='datepicker']", function(e){
+//   $(this).datepicker({"format": "yyyy-M-dd", "weekStart": 1, "autoclose": true});
+//   $('.dropdown-toggle').dropdown();
+// });
 });
 
 function export_to(path)
@@ -277,3 +349,4 @@ $(document).ready(function(){
 });
 
 
+