update notification

app/assets/javascripts/CRM.js

@@ -19,6 +19,7 @@
 //= require momentjs/moment
 //= require bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker
 //= require jquery-slimscroll/jquery.slimscroll.js
+//= require bootstrap-notify/bootstrap-notify.js
 //= require node-waves/waves.js
 //= require sweetalert/sweetalert.min.js
 //= require BSBMaterial/admin.js

app/assets/javascripts/application.js

@@ -24,6 +24,7 @@
 //= require bootstrap/js/bootstrap.js
 //= 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
@@ -37,7 +38,9 @@
 //= require select2
 //= require custom.js
 
+
 $(document).on('turbolinks:load', function() {
+
     
     $('.datetimepicker').bootstrapMaterialDatePicker({
         format: 'DD-MM-YYYY - HH:mm',
@@ -57,9 +60,6 @@ $(document).on('turbolinks:load', function() {
         clearButton: true,
         date: false
     });
-   
-});
-$(document).on('turbolinks:load', function() {
 
   // Image Upload
   $("#simple_menu_item_image_path").fileinput({
@@ -102,12 +102,9 @@ $(document).on('turbolinks:load', function() {
     }
   });
 
-});
+  
 
-// $(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)
 {
@@ -116,3 +113,4 @@ function export_to(path)
 }
 
 
+

app/assets/javascripts/custom.js

@@ -50,4 +50,49 @@ $(document).on('turbolinks:load', function() {
     });
   });
 
+  // for Notificaiotn message
+  var placementFrom  = $("#notify_message").attr('data-placement-from');
+  var placementAlign = $("#notify_message").attr('data-placement-align');
+  var animateEnter   = $("#notify_message").attr('data-animate-enter');
+  var animateExit    = $("#notify_message").attr('data-animate-exit');
+  var colorName      = $("#notify_message").attr('data-color-name');
+  var text           = $("#notify_message").attr('data-message');
+  if (text != null || colorName != null){
+     showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit); 
+  }
+
+  function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) {
+    if (colorName === null || colorName === '') { colorName = 'bg-black'; }
+    if (animateEnter === null || animateEnter === '') { animateEnter = 'animated fadeInDown'; }
+    if (animateExit === null || animateExit === '') { animateExit = 'animated fadeOutUp'; }
+    var allowDismiss = true;
+    $.notify({
+        message: text
+    },
+        {
+            type: colorName,
+            allow_dismiss: allowDismiss,
+            newest_on_top: true,
+            timer: 1000,
+            placement: {
+                from: placementFrom,
+                align: placementAlign
+            },
+            animate: {
+                enter: animateEnter,
+                exit: animateExit
+            },
+            template: '<div data-notify="container" class="bootstrap-notify-container alert alert-dismissible {0} ' + (allowDismiss ? "p-r-30" : "") + '" role="alert">' +
+            '<button type="button" aria-hidden="true" class="close float-right m-l-20 m-t--5" data-notify="dismiss">×</button>' +
+            '<span data-notify="icon"></span> ' +
+            '<span data-notify="title">{1}</span> ' +
+            '<span data-notify="message">{2}</span>' +
+            '<div class="progress" data-notify="progressbar">' +
+            '<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
+            '</div>' +
+            '<a href="{3}" target="{4}" data-notify="url"></a>' +
+            '</div>'
+        });
+   }
+  //end Notificaiotn message
 });