rails_material_admin 0.1.5 → 0.1.9

data/vendor/rails_material_admin/js/app.js

@@ -0,0 +1,404 @@
+'use strict'
+
+function msg_receive(a) {
+  var e = new Date()
+  return (
+    "<li class='msg_receive'><div class='chat-content'><div class='box bg-light-info'>" +
+    a +
+    "</div></div><div class='chat-time'>" +
+    e.getHours() +
+    ':' +
+    e.getMinutes() +
+    '</div></li>'
+  )
+}
+
+function msg_sent(a) {
+  var e = new Date()
+  return (
+    "<li class='odd msg_sent'><div class='chat-content'><div class='box bg-light-info'>" +
+    a +
+    "</div><br></div><div class='chat-time'>" +
+    e.getHours() +
+    ':' +
+    e.getMinutes() +
+    '</div></li>'
+  )
+}
+
+$.fn.AdminSettings = function (t) {
+  var miniSidebarToggled = localStorage.getItem('miniSidebarToggled')
+
+  var i = this.attr('id'),
+    a =
+      ((t = $.extend(
+        {},
+        {
+          Theme: !0,
+          Layout: 'vertical',
+          LogoBg: 'skin1',
+          NavbarBg: 'skin6',
+          SidebarType: 'full',
+          SidebarColor: 'skin1',
+          SidebarPosition: !1,
+          HeaderPosition: !1,
+          BoxedLayout: !1
+        },
+        t
+      )),
+      {
+        AdminSettingsInit: function () {
+          a.ManageTheme(),
+            a.ManageThemeLayout(),
+            a.ManageThemeBackground(),
+            a.ManageSidebarType(),
+            a.ManageSidebarColor(),
+            a.ManageSidebarPosition(),
+            a.ManageBoxedLayout()
+        },
+        ManageTheme: function () {
+          var a = t.Theme
+          switch (t.Layout) {
+            case 'vertical':
+              1 == a
+                ? ($('body').attr('data-theme', 'dark'), $('#theme-view').prop('checked', !0))
+                : ($('#' + i).attr('data-theme', 'light'), $('body').prop('checked', !1))
+          }
+        },
+        ManageThemeLayout: function () {
+          switch (t.Layout) {
+            case 'horizontal':
+              $('#' + i).attr('data-layout', 'horizontal')
+              var a = function () {
+                ;(0 < window.innerWidth ? window.innerWidth : this.screen.width) < 768
+                  ? $('.scroll-sidebar').perfectScrollbar({})
+                  : $('.scroll-sidebar').perfectScrollbar('destroy')
+              }
+              $(window).ready(a), $(window).on('resize', a)
+              break
+            case 'vertical':
+              $('#' + i).attr('data-layout', 'vertical'), $('.scroll-sidebar').perfectScrollbar({})
+          }
+        },
+        ManageThemeBackground: function () {
+          var a, e
+          null != (a = t.LogoBg) && '' != a
+            ? $('#' + i + ' .topbar .top-navbar .navbar-header').attr('data-logobg', a)
+            : $('#' + i + ' .topbar .top-navbar .navbar-header').attr('data-logobg', 'skin1'),
+            null != (e = t.NavbarBg) && '' != e
+              ? ($('#' + i + ' .topbar .navbar-collapse').attr('data-navbarbg', e),
+                $('#' + i + ' .topbar').attr('data-navbarbg', e),
+                $('#' + i).attr('data-navbarbg', e))
+              : ($('#' + i + ' .topbar .navbar-collapse').attr('data-navbarbg', 'skin1'),
+                $('#' + i + ' .topbar').attr('data-navbarbg', 'skin1'),
+                $('#' + i).attr('data-navbarbg', 'skin1'))
+        },
+        ManageSidebarType: function () {
+          switch (t.SidebarType) {
+            case 'full':
+              $('#' + i).attr('data-sidebartype', 'full')
+
+              if (!miniSidebarToggled || miniSidebarToggled === 'false') {
+                $('#main-wrapper').attr('data-sidebartype', 'mini-sidebar')
+                $('#main-wrapper').addClass('mini-sidebar')
+              } else {
+                $('#main-wrapper').attr('data-sidebartype', 'full')
+                $('#main-wrapper').removeClass('mini-sidebar')
+              }
+
+              $('.sidebartoggler').on('click', function () {
+                if (!miniSidebarToggled || miniSidebarToggled === 'false') {
+                  localStorage.setItem('miniSidebarToggled', 'true')
+                } else {
+                  localStorage.setItem('miniSidebarToggled', 'false')
+                }
+
+                $('#main-wrapper').toggleClass('mini-sidebar'),
+                  $('#main-wrapper').hasClass('mini-sidebar')
+                    ? ($('.sidebartoggler').prop('checked', !0),
+                      $('#main-wrapper').attr('data-sidebartype', 'mini-sidebar'))
+                    : ($('.sidebartoggler').prop('checked', !1), $('#main-wrapper').attr('data-sidebartype', 'full'))
+              })
+              break
+            case 'mini-sidebar':
+              $('#' + i).attr('data-sidebartype', 'mini-sidebar'),
+                $('.sidebartoggler').on('click', function () {
+                  $('#main-wrapper').toggleClass('mini-sidebar'),
+                    $('#main-wrapper').hasClass('mini-sidebar')
+                      ? ($('.sidebartoggler').prop('checked', !0), $('#main-wrapper').attr('data-sidebartype', 'full'))
+                      : ($('.sidebartoggler').prop('checked', !1),
+                        $('#main-wrapper').attr('data-sidebartype', 'mini-sidebar'))
+                })
+              break
+            case 'iconbar':
+              $('#' + i).attr('data-sidebartype', 'iconbar')
+              a = function () {
+                ;(0 < window.innerWidth ? window.innerWidth : this.screen.width) < 1170
+                  ? ($('#main-wrapper').attr('data-sidebartype', 'mini-sidebar'),
+                    $('#main-wrapper').addClass('mini-sidebar'))
+                  : ($('#main-wrapper').attr('data-sidebartype', 'iconbar'),
+                    $('#main-wrapper').removeClass('mini-sidebar'))
+              }
+              $(window).ready(a),
+                $(window).on('resize', a),
+                $('.sidebartoggler').on('click', function () {
+                  $('#main-wrapper').toggleClass('mini-sidebar'),
+                    $('#main-wrapper').hasClass('mini-sidebar')
+                      ? ($('.sidebartoggler').prop('checked', !0),
+                        $('#main-wrapper').attr('data-sidebartype', 'mini-sidebar'))
+                      : ($('.sidebartoggler').prop('checked', !1),
+                        $('#main-wrapper').attr('data-sidebartype', 'iconbar'))
+                })
+              break
+            case 'overlay':
+              $('#' + i).attr('data-sidebartype', 'overlay')
+              a = function () {
+                ;(0 < window.innerWidth ? window.innerWidth : this.screen.width) < 767
+                  ? ($('#main-wrapper').attr('data-sidebartype', 'mini-sidebar'),
+                    $('#main-wrapper').addClass('mini-sidebar'))
+                  : ($('#main-wrapper').attr('data-sidebartype', 'overlay'),
+                    $('#main-wrapper').removeClass('mini-sidebar'))
+              }
+              $(window).ready(a),
+                $(window).on('resize', a),
+                $('.sidebartoggler').on('click', function () {
+                  $('#main-wrapper').toggleClass('show-sidebar'), $('#main-wrapper').hasClass('show-sidebar')
+                })
+          }
+        },
+        ManageSidebarColor: function () {
+          var a
+          null != (a = t.SidebarColor) && '' != a
+            ? $('#' + i + ' .left-sidebar').attr('data-sidebarbg', a)
+            : $('#' + i + ' .left-sidebar').attr('data-sidebarbg', 'skin1')
+        },
+        ManageSidebarPosition: function () {
+          var a = t.SidebarPosition,
+            e = t.HeaderPosition
+          switch (t.Layout) {
+            case 'vertical':
+            case 'horizontal':
+              1 == a
+                ? ($('#' + i).attr('data-sidebar-position', 'fixed'), $('#sidebar-position').prop('checked', !0))
+                : ($('#' + i).attr('data-sidebar-position', 'absolute'), $('#sidebar-position').prop('checked', !1)),
+                1 == e
+                  ? ($('#' + i).attr('data-header-position', 'fixed'), $('#header-position').prop('checked', !0))
+                  : ($('#' + i).attr('data-header-position', 'relative'), $('#header-position').prop('checked', !1))
+          }
+        },
+        ManageBoxedLayout: function () {
+          var a = t.BoxedLayout
+          switch (t.Layout) {
+            case 'vertical':
+            case 'horizontal':
+              1 == a
+                ? ($('#' + i).attr('data-boxed-layout', 'boxed'), $('#boxed-layout').prop('checked', !0))
+                : ($('#' + i).attr('data-boxed-layout', 'full'), $('#boxed-layout').prop('checked', !1))
+          }
+        }
+      })
+  a.AdminSettingsInit()
+}
+
+$(document).on('turbolinks:load', function () {
+  $('#chat')
+  $('#chat .message-center a').on('click', function () {
+    var a = $(this).find('.mail-contnet h5').text(),
+      e = $(this).find('.user-img img').attr('src'),
+      t = $(this).attr('data-user-id'),
+      i = $(this).find('.profile-status').attr('data-status')
+    if ($(this).hasClass('active')) $(this).toggleClass('active'), $('.chat-windows #user-chat' + t).hide()
+    else if (($(this).toggleClass('active'), $('.chat-windows #user-chat' + t).length))
+      $('.chat-windows #user-chat' + t)
+        .removeClass('mini-chat')
+        .show()
+    else {
+      var r = msg_receive('I watched the storm, so beautiful yet terrific.'),
+        s = "<div class='user-chat' id='user-chat" + t + "' data-user-id='" + t + "'>"
+      ;(s +=
+        "<div class='chat-head'><img src='" +
+        e +
+        "' data-user-id='" +
+        t +
+        "'><span class='status " +
+        i +
+        "'></span><span class='name'>" +
+        a +
+        "</span><span class='opts'><i class='ti-close closeit' data-user-id='" +
+        t +
+        "'></i><i class='ti-minus mini-chat' data-user-id='" +
+        t +
+        "'></i></span></div>"),
+        (s +=
+          "<div class='chat-body'><ul class='chat-list'>" +
+          (r += msg_sent('That is very deep indeed!')) +
+          '</ul></div>'),
+        (s +=
+          "<div class='chat-footer'><input type='text' data-user-id='" +
+          t +
+          "' placeholder='Type & Enter' class='form-control'></div>"),
+        (s += '</div>'),
+        $('.chat-windows').append(s)
+    }
+  }),
+    $(document).on('click', '.chat-windows .user-chat .chat-head .closeit', function (a) {
+      var e = $(this).attr('data-user-id')
+      $('.chat-windows #user-chat' + e).hide(),
+        $('#chat .message-center .user-info#chat_user_' + e).removeClass('active')
+    }),
+    $(document).on(
+      'click',
+      '.chat-windows .user-chat .chat-head img, .chat-windows .user-chat .chat-head .mini-chat',
+      function (a) {
+        var e = $(this).attr('data-user-id')
+        $('.chat-windows #user-chat' + e).hasClass('mini-chat')
+          ? $('.chat-windows #user-chat' + e).removeClass('mini-chat')
+          : $('.chat-windows #user-chat' + e).addClass('mini-chat')
+      }
+    ),
+    $(document).on('keypress', '.chat-windows .user-chat .chat-footer input', function (a) {
+      if (13 == a.keyCode) {
+        var e = $(this).attr('data-user-id'),
+          t = $(this).val()
+        ;(t = msg_sent(t)),
+          $('.chat-windows #user-chat' + e + ' .chat-body .chat-list').append(t),
+          $(this).val(''),
+          $(this).focus()
+      }
+      $('.chat-windows #user-chat' + e + ' .chat-body').perfectScrollbar({
+        suppressScrollX: !0
+      })
+    }),
+    $('.page-wrapper').on('click', function (a) {
+      $('.chat-windows').addClass('hide-chat'), $('.chat-windows').removeClass('show-chat')
+    }),
+    $('.service-panel-toggle').on('click', function (a) {
+      $('.chat-windows').addClass('show-chat'), $('.chat-windows').removeClass('hide-chat')
+    })
+})
+
+$(document).on('turbolinks:load', function () {
+  $('#main-wrapper').AdminSettings({
+    Theme: false, // this can be true or false ( true means dark and false means light ),
+    Layout: 'vertical',
+    LogoBg: 'skin1', // You can change the Value to be skin1/skin2/skin3/skin4/skin5/skin6
+    NavbarBg: 'skin1', // You can change the Value to be skin1/skin2/skin3/skin4/skin5/skin6
+    SidebarType: 'full', // You can change it full / mini-sidebar / iconbar / overlay
+    SidebarColor: 'skin6', // You can change the Value to be skin1/skin2/skin3/skin4/skin5/skin6
+    SidebarPosition: true, // it can be true / false ( true means Fixed and false means absolute )
+    HeaderPosition: true, // it can be true / false ( true means Fixed and false means absolute )
+    BoxedLayout: false // it can be true / false ( true means Boxed and false means Fluid )
+  })
+})
+
+$(document).on('turbolinks:load', function () {
+  //****************************
+  /* Left header Theme Change function Start */
+  //****************************
+  function handlelogobg() {
+    $('.theme-color .theme-item .theme-link').on('click', function () {
+      var logobgskin = $(this).attr('data-logobg')
+      $('.topbar .top-navbar .navbar-header').attr('data-logobg', logobgskin)
+    })
+  }
+  handlelogobg()
+  //****************************
+  /* Top navbar Theme Change function Start */
+  //****************************
+  function handlenavbarbg() {
+    if ($('#main-wrapper').attr('data-navbarbg') == 'skin6') {
+      // do this
+      $('.topbar .navbar').addClass('navbar-light')
+      $('.topbar .navbar').removeClass('navbar-dark')
+    } else {
+      // do that
+    }
+    $('.theme-color .theme-item .theme-link').on('click', function () {
+      var navbarbgskin = $(this).attr('data-navbarbg')
+      $('#main-wrapper').attr('data-navbarbg', navbarbgskin)
+      $('.topbar .navbar-collapse').attr('data-navbarbg', navbarbgskin)
+      if ($('#main-wrapper').attr('data-navbarbg') == 'skin6') {
+        // do this
+        $('.topbar .navbar').addClass('navbar-light')
+        $('.topbar .navbar').removeClass('navbar-dark')
+      } else {
+        // do that
+        $('.topbar .navbar').removeClass('navbar-light')
+        $('.topbar .navbar').addClass('navbar-dark')
+      }
+    })
+  }
+
+  handlenavbarbg()
+
+  //****************************
+  // ManageSidebar Type
+  //****************************
+  function handlesidebartype() {}
+  handlesidebartype()
+
+  //****************************
+  /* Manage sidebar bg color */
+  //****************************
+  function handlesidebarbg() {
+    $('.theme-color .theme-item .theme-link').on('click', function () {
+      var sidebarbgskin = $(this).attr('data-sidebarbg')
+      $('.left-sidebar').attr('data-sidebarbg', sidebarbgskin)
+    })
+  }
+  handlesidebarbg()
+  //****************************
+  /* sidebar position */
+  //****************************
+  function handlesidebarposition() {
+    $('#sidebar-position').change(function () {
+      if ($(this).is(':checked')) {
+        $('#main-wrapper').attr('data-sidebar-position', 'fixed')
+        $('.topbar .top-navbar .navbar-header').attr('data-navheader', 'fixed')
+      } else {
+        $('#main-wrapper').attr('data-sidebar-position', 'absolute')
+        $('.topbar .top-navbar .navbar-header').attr('data-navheader', 'relative')
+      }
+    })
+  }
+  handlesidebarposition()
+  //****************************
+  /* Header position */
+  //****************************
+  function handleheaderposition() {
+    $('#header-position').change(function () {
+      if ($(this).is(':checked')) {
+        $('#main-wrapper').attr('data-header-position', 'fixed')
+      } else {
+        $('#main-wrapper').attr('data-header-position', 'relative')
+      }
+    })
+  }
+  handleheaderposition()
+  //****************************
+  /* sidebar position */
+  //****************************
+  function handleboxedlayout() {
+    $('#boxed-layout').change(function () {
+      if ($(this).is(':checked')) {
+        $('#main-wrapper').attr('data-boxed-layout', 'boxed')
+      } else {
+        $('#main-wrapper').attr('data-boxed-layout', 'full')
+      }
+    })
+  }
+  handleboxedlayout()
+  //****************************
+  /* Header position */
+  //****************************
+  function handlethemeview() {
+    $('#theme-view').change(function () {
+      if ($(this).is(':checked')) {
+        $('body').attr('data-theme', 'dark')
+      } else {
+        $('body').attr('data-theme', 'light')
+      }
+    })
+  }
+  handlethemeview()
+})