sinatra-hexacta 0.0.1

data/lib/sinatra/public/js/app.js

@@ -0,0 +1,794 @@
+/*
+ * Detact Mobile Browser
+ */
+if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
+   $('html').addClass('ismobile');
+}
+
+// configuration of the observer:
+var config = { attributes: false, childList: true, characterData: false, subtree: true };
+ 
+
+// Chosen touch support.
+if ($('.chosen-container').length > 0) {
+  $('.chosen-container').on('touchstart', function(e){
+    e.stopPropagation(); e.preventDefault();
+    // Trigger the mousedown event.
+    $(this).trigger('mousedown');
+  });
+}
+
+$(document).ready(function(){
+
+    // Fix modal inside other components
+    $('.modal').appendTo("body");
+
+    if (window.top.location.hash.indexOf("#") != -1) {
+      $("a[href=" + window.top.location.hash +"]").trigger('click');
+    }
+
+    $("a[data-toggle='tab']").click(function() {
+      window.top.location.hash = $(this).attr("href");
+    });
+    /* --------------------------------------------------------
+        Layout
+    -----------------------------------------------------------*/
+    (function () {
+
+        //Get saved layout type from LocalStorage
+        var layoutStatus = localStorage.getItem('ma-layout-status');
+        $('#header').attr('data-current-skin', "pink");
+        if(!$('#header-2')[0]) {  //Make it work only on normal headers
+            if (layoutStatus == 1) {
+                $('body').addClass('sw-toggled');
+                $('#tw-switch').prop('checked', true);
+            }
+        }
+
+        $('body').on('change', '#toggle-width input:checkbox', function () {
+            if ($(this).is(':checked')) {
+                setTimeout(function () {
+                    $('body').addClass('toggled sw-toggled');
+                    localStorage.setItem('ma-layout-status', 1);
+                }, 250);
+            }
+            else {
+                setTimeout(function () {
+                    $('body').removeClass('toggled sw-toggled');
+                    localStorage.setItem('ma-layout-status', 0);
+                }, 250);
+            }
+        });
+    })();
+
+    //Hack for modal to work on dropdown menu
+    $('header .lv-item').click(function(e) {
+        e.stopPropagation();
+        if ($(e.target).is('[data-toggle=modal]')) {
+            $($(e.target).data('target')).modal()
+        }
+    });
+
+    /* --------------------------------------------------------
+        Scrollbar
+    -----------------------------------------------------------*/
+    function scrollBar(selector, theme, mousewheelaxis) {
+        $(selector).mCustomScrollbar({
+            theme: theme,
+            scrollInertia: 100,
+            axis:'yx',
+            mouseWheel: {
+                enable: true,
+                axis: mousewheelaxis,
+                preventDefault: true
+            }
+        });
+    }
+
+    if (!$('html').hasClass('ismobile')) {
+        //On Custom Class
+        if ($('.c-overflow')[0]) {
+            scrollBar('.c-overflow', 'minimal-dark', 'y');
+        }
+    }
+
+    /*
+     * Top Search
+     */
+    (function(){
+        $('body').on('click', '#top-search > a', function(e){
+            e.preventDefault();
+
+            $('#header').addClass('search-toggled');
+            $('#top-search-wrap input').focus();
+        });
+
+        $('body').on('click', '#top-search-close', function(e){
+            e.preventDefault();
+
+            $('#header').removeClass('search-toggled');
+        });
+    })();
+
+    /*
+     * Sidebar
+     */
+    (function(){
+        //Toggle
+        $('body').on('click', '#menu-trigger, #chat-trigger', function(e){
+            e.preventDefault();
+            var x = $(this).data('trigger');
+
+            $(x).toggleClass('toggled');
+            $(this).toggleClass('open');
+
+          //Close opened sub-menus
+          $('.sub-menu.toggled').not('.active').each(function(){
+            $(this).removeClass('toggled');
+            $(this).find('ul').hide();
+          });
+
+
+
+      $('.profile-menu .main-menu').hide();
+
+            if (x == '#sidebar') {
+
+                $elem = '#sidebar';
+                $elem2 = '#menu-trigger';
+
+                $('#chat-trigger').removeClass('open');
+
+                if (!$('#chat').hasClass('toggled')) {
+                    $('#header').toggleClass('sidebar-toggled');
+                }
+                else {
+                    $('#chat').removeClass('toggled');
+                }
+            }
+
+            if (x == '#chat') {
+                $elem = '#chat';
+                $elem2 = '#chat-trigger';
+
+                $('#menu-trigger').removeClass('open');
+
+                if (!$('#sidebar').hasClass('toggled')) {
+                    $('#header').toggleClass('sidebar-toggled');
+                }
+                else {
+                    $('#sidebar').removeClass('toggled');
+                }
+            }
+
+            //When clicking outside
+            if ($('#header').hasClass('sidebar-toggled')) {
+                $(document).on('click', function (e) {
+                    if (($(e.target).closest($elem).length === 0) && ($(e.target).closest($elem2).length === 0)) {
+                        setTimeout(function(){
+                            $($elem).removeClass('toggled');
+                            $('#header').removeClass('sidebar-toggled');
+                            $($elem2).removeClass('open');
+                        });
+                    }
+                });
+            }
+        })
+
+        //Submenu
+        $('body').on('click', '.sub-menu > a', function(e){
+            e.preventDefault();
+            $(this).next().slideToggle(200);
+            $(this).parent().toggleClass('toggled');
+        });
+    })();
+
+    /*
+     * Clear Notification
+     */
+    $('body').on('click', '[data-clear="notification"]', function(e){
+      e.preventDefault();
+
+      var x = $(this).closest('.listview');
+      var y = x.find('.lv-item');
+      var z = y.size();
+
+      $(this).parent().fadeOut();
+
+      x.find('.list-group').prepend('<i class="grid-loading hide-it"></i>');
+      x.find('.grid-loading').fadeIn(1500);
+
+
+      var w = 0;
+      y.each(function(){
+          var z = $(this);
+          setTimeout(function(){
+          z.addClass('animated fadeOutRightBig').delay(1000).queue(function(){
+              z.remove();
+          });
+          }, w+=150);
+      })
+
+      //Popup empty message
+      setTimeout(function(){
+          $('#notifications').addClass('empty');
+      }, (z*150)+200);
+    });
+
+    /*
+     * Dropdown Menu
+     */
+    if($('.dropdown')[0]) {
+      //Propagate
+      $('body').on('click', '.dropdown.open .dropdown-menu', function(e){
+          e.stopPropagation();
+      });
+
+      $('.dropdown').on('shown.bs.dropdown', function (e) {
+          if($(this).attr('data-animation')) {
+        $animArray = [];
+        $animation = $(this).data('animation');
+        $animArray = $animation.split(',');
+        $animationIn = 'animated '+$animArray[0];
+        $animationOut = 'animated '+ $animArray[1];
+        $animationDuration = ''
+        if(!$animArray[2]) {
+            $animationDuration = 500; //if duration is not defined, default is set to 500ms
+        }
+        else {
+            $animationDuration = $animArray[2];
+        }
+
+        $(this).find('.dropdown-menu').removeClass($animationOut)
+        $(this).find('.dropdown-menu').addClass($animationIn);
+          }
+      });
+
+      $('.dropdown').on('hide.bs.dropdown', function (e) {
+      if($(this).attr('data-animation')) {
+        e.preventDefault();
+        $this = $(this);
+        $dropdownMenu = $this.find('.dropdown-menu');
+
+        $dropdownMenu.addClass($animationOut);
+        setTimeout(function(){
+            $this.removeClass('open')
+
+        }, $animationDuration);
+          }
+      });
+    }
+
+    /*
+    * Profile Menu
+    */
+    $('body').on('click', '.profile-menu > a', function(e){
+        e.preventDefault();
+        $(this).parent().toggleClass('toggled');
+      $(this).next().slideToggle(200);
+    });
+
+    /*
+     * Text Feild
+     */
+
+    //Add blue animated border and remove with condition when focus and blur
+    if($('.fg-line')[0]) {
+        $('body').on('focus', '.fg-line .form-control', function(){
+            $(this).closest('.fg-line').addClass('fg-toggled');
+        })
+
+        $('body').on('blur', '.form-control', function(){
+            var p = $(this).closest('.form-group, .input-group');
+            var i = p.find('.form-control').val();
+
+            if (p.hasClass('fg-float')) {
+                if (i.length == 0) {
+                    $(this).closest('.fg-line').removeClass('fg-toggled');
+                }
+            }
+            else {
+                $(this).closest('.fg-line').removeClass('fg-toggled');
+            }
+        });
+    }
+
+    //Add blue border for pre-valued fg-flot text feilds
+    if($('.fg-float')[0]) {
+        $('.fg-float .form-control').each(function(){
+            var i = $(this).val();
+
+            if (!i.length == 0) {
+                $(this).closest('.fg-line').addClass('fg-toggled');
+            }
+
+        });
+    }
+
+    /*
+     * Tag Select
+     */
+    if($('.chosen')[0]) {
+        $('.chosen').chosen({
+            allow_single_deselect: true,
+            width: '100%'
+        });
+    }
+
+    /*
+     * Date Time Picker
+     */
+
+
+    //Date Time Picker
+    if ($('.date-time-picker')[0]) {
+     $('.date-time-picker').datetimepicker({
+         locale: 'es' 
+      });
+    }
+
+    //Time
+    if ($('.time-picker')[0]) {
+      $('.time-picker').datetimepicker({
+          format: 'LT'
+      });
+    }
+
+    //Date
+    if ($('.date-picker')[0]) {
+      $('.date-picker').datetimepicker({
+          format: 'DD/MM/YYYY',
+          locale: 'en'
+      });
+    }
+
+    //Date
+    if ($('.month-picker')[0]) {
+      $('.month-picker').datetimepicker({
+        viewMode: 'years',
+        format: 'MM/YYYY'
+      });
+    }
+
+    //Date
+    if ($('.year-picker')[0]) {
+      $('.year-picker').datetimepicker({
+        viewMode: 'years',
+        format: 'YYYY'
+      });
+    }
+
+    /*
+     * Waves Animation
+     */
+    (function(){
+         Waves.attach('.btn:not(.btn-icon):not(.btn-float)');
+         Waves.attach('.btn-icon, .btn-float', ['waves-circle', 'waves-float']);
+        Waves.init();
+    })();
+
+    /*
+     * Lightbox
+     */
+    if ($('.lightbox')[0]) {
+        $('.lightbox').lightGallery({
+            enableTouch: true
+        });
+    }
+
+    /*
+     * Link prevent
+     */
+    $('body').on('click', '.a-prevent', function(e){
+        e.preventDefault();
+    });
+
+    /*
+     * Collaspe Fix
+     */
+    if ($('.collapse')[0]) {
+
+        //Add active class for opened items
+        $('.collapse').on('show.bs.collapse', function (e) {
+            $(this).closest('.panel').find('.panel-heading').addClass('active');
+        });
+
+        $('.collapse').on('hide.bs.collapse', function (e) {
+            $(this).closest('.panel').find('.panel-heading').removeClass('active');
+        });
+
+        //Add active class for pre opened items
+        $('.collapse.in').each(function(){
+            $(this).closest('.panel').find('.panel-heading').addClass('active');
+        });
+    }
+
+    /*
+     * Tooltips
+     */
+    if ($('[data-toggle="tooltip"]')[0]) {
+        $('[data-toggle="tooltip"]').tooltip();
+    }
+
+    /*
+     * Popover
+     */
+    if ($('[data-toggle="popover"]')[0]) {
+        $('[data-toggle="popover"]').popover();
+    }
+
+    /*
+     * Message
+     */
+
+    //Actions
+    if ($('.on-select')[0]) {
+        var checkboxes = '.lv-avatar-content input:checkbox';
+        var actions = $('.on-select').closest('.lv-actions');
+
+        $('body').on('click', checkboxes, function() {
+            if ($(checkboxes+':checked')[0]) {
+                actions.addClass('toggled');
+            }
+            else {
+                actions.removeClass('toggled');
+            }
+        });
+    }
+
+    if($('#ms-menu-trigger')[0]) {
+        $('body').on('click', '#ms-menu-trigger', function(e){
+            e.preventDefault();
+            $(this).toggleClass('open');
+            $('.ms-menu').toggleClass('toggled');
+        });
+    }
+
+    /*
+     * Login
+     */
+    if ($('.login-content')[0]) {
+        //Add class to HTML. This is used to center align the logn box
+        $('html').addClass('login-content');
+
+        $('body').on('click', '.login-navigation > li', function(){
+            var z = $(this).data('block');
+            var t = $(this).closest('.lc-block');
+
+            t.removeClass('toggled');
+
+            setTimeout(function(){
+                $(z).addClass('toggled');
+            });
+
+        })
+    }
+
+    /*
+     * Fullscreen Browsing
+     */
+    if ($('[data-action="fullscreen"]')[0]) {
+      var fs = $("[data-action='fullscreen']");
+      fs.on('click', function(e) {
+          e.preventDefault();
+
+          //Launch
+          function launchIntoFullscreen(element) {
+            if(element.requestFullscreen) {
+              element.requestFullscreen();
+            } else if(element.mozRequestFullScreen) {
+              element.mozRequestFullScreen();
+            } else if(element.webkitRequestFullscreen) {
+              element.webkitRequestFullscreen();
+            } else if(element.msRequestFullscreen) {
+              element.msRequestFullscreen();
+            }
+          }
+
+          //Exit
+          function exitFullscreen() {
+            if(document.exitFullscreen) {
+              document.exitFullscreen();
+            } else if(document.mozCancelFullScreen) {
+              document.mozCancelFullScreen();
+            } else if(document.webkitExitFullscreen) {
+              document.webkitExitFullscreen();
+            }
+          }
+
+          launchIntoFullscreen(document.documentElement);
+          fs.closest('.dropdown').removeClass('open');
+      });
+    }
+
+    /*
+     * Clear Local Storage
+     */
+    if ($('[data-action="clear-localstorage"]')[0]) {
+        var cls = $('[data-action="clear-localstorage"]');
+
+        cls.on('click', function(e) {
+            e.preventDefault();
+
+            swal({
+                title: "¿Estás seguro?",
+                text: "Todos tus datos locales serán borrados.",
+                type: "warning",
+                showCancelButton: true,
+                confirmButtonColor: "#DD6B55",
+                confirmButtonText: "Borrar",
+                cancelButtonText: "Cancelar",
+                closeOnConfirm: false
+            }, function(){
+                localStorage.clear();
+                swal("Hecho!", "Cache borrada", "success");
+            });
+        });
+    }
+
+    /*
+     * Profile Edit Toggle
+     */
+    if ($('[data-pmb-action]')[0]) {
+        $('body').on('click', '[data-pmb-action]', function(e){
+            e.preventDefault();
+            var d = $(this).data('pmb-action');
+
+            if (d === "edit") {
+                $(this).closest('.pmb-block').toggleClass('toggled');
+            }
+
+            if (d === "reset") {
+                $(this).closest('.pmb-block').removeClass('toggled');
+            }
+
+
+        });
+    }
+
+    /*
+     * IE 9 Placeholder
+     */
+    if($('html').hasClass('ie9')) {
+        $('input, textarea').placeholder({
+            customClass: 'ie9-placeholder'
+        });
+    }
+
+
+    /*
+     * Listview Search
+     */
+    if ($('.lvh-search-trigger')[0]) {
+
+
+        $('body').on('click', '.lvh-search-trigger', function(e){
+            e.preventDefault();
+            x = $(this).closest('.lv-header-alt').find('.lvh-search');
+
+            x.fadeIn(300);
+            x.find('.lvhs-input').focus();
+        });
+
+        //Close Search
+        $('body').on('click', '.lvh-search-close', function(){
+            x.fadeOut(300);
+            setTimeout(function(){
+                x.find('.lvhs-input').val('');
+            }, 350);
+        })
+    }
+
+
+    /*
+     * Print
+     */
+    if ($('[data-action="print"]')[0]) {
+        $('body').on('click', '[data-action="print"]', function(e){
+            e.preventDefault();
+
+            window.print();
+        })
+    }
+
+    /*
+    * Modal hide
+    */
+    $('.modal').bind('shown.bs.modal', function (e) {
+      $(this).find('#submit').attr("disabled",false);
+    });
+
+});
+
+function start_load() {
+  if (!$("#loader")[0]) {
+    $("html").append('<div id="loader" style="position: fixed;z-index: 100000000;padding:5px;top: 0;"><div class="preloader pl-lg pls-white"  style="left: 10px; top: 5px;"><svg class="pl-circular" viewBox="25 25 50 50"><circle class="plc-path" cx="50" cy="50" r="20"></circle></svg></div></div>');
+  }
+}
+
+function stop_load() {
+  $("#loader").remove();
+}
+
+
+$( document ).ajaxSend(function( event, jqxhr, settings )  {
+  if (!settings.url.includes(".json")) {
+    start_load();
+  }
+});
+
+$( document ).ajaxStop(function() {
+  stop_load();
+});
+
+function rm(url) {
+  disableButtons();
+  if (confirm('¿Estás seguro que deseas realizar esta operación?')) {
+    $.ajax({
+        url: url,
+        type: 'DELETE',
+        done: function(result) {
+          location.reload();
+        },
+        success: function(result) {
+          location.reload();
+        },
+        error: function(error) {
+          alert("Ha ocurrido un error, intentalo nuevamente!");
+          enableButtons();
+        }
+    });
+  } else {
+    enableButtons();
+  }
+}
+
+
+function rm_object(object,id) {
+  disableButtons();
+  $.ajax({
+    url: '/' + object + '/' + id,
+    type: 'DELETE',
+    data: {},
+    success: function(result) {
+      location.reload();
+    }
+  });
+}
+
+function post(url) {
+  disableButtons();
+  if (confirm('¿Estás seguro que deseas realizar esta operación?')) {
+    $.ajax({
+        url: url,
+        type: 'POST',
+        done: function(result) {
+          location.reload();
+        },
+        success: function(result) {
+          location.reload();
+        },
+        error: function(error) {
+          alert("Ha ocurrido un error, intentalo nuevamente!");
+          enableButtons();
+        }
+    });
+  } else {
+    enableButtons();
+  }
+}
+
+function disableButtons() {
+  $(".btn").each(function() {
+    $(this).data("temp",$(this).val());
+    $(this).attr("disabled",true);
+  });
+  return true
+}
+function enableButtons() {
+  $(".btn").each(function() {
+    $(this).attr("disabled",false);
+  });
+  return true
+}
+(function( $ ){
+   $.fn.disableSelect = function() {
+      $(this).prop("disabled", true);
+      $(this).selectpicker('refresh');
+   }; 
+})( jQuery );
+(function( $ ){
+   $.fn.enableSelect = function() { 
+      $(this).prop("disabled", false);
+      $(this).selectpicker('refresh');
+   }; 
+})( jQuery );
+
+/*
+ * Bootstrap Growl - Notifications popups
+ */
+function notify(message, type){
+    $('[data-growl="container"]').find('[data-growl="dismiss"]').trigger('click');
+    $.growl({
+        message: message
+    },{
+        type: type,
+        allow_dismiss: false,
+        label: 'Cancel',
+        className: 'btn-xs btn-inverse growl-animated',
+        placement: {
+            from: 'bottom',
+            align: 'left'
+        },
+        delay: 5000,
+        animate: {
+                enter: 'animated fadeInUp',
+                exit: 'animated fadeOutDown'
+        },
+        offset: {
+            x: 0,
+            y: 0
+        }
+    });
+};
+
+function encodeQueryData(data)
+{
+   var ret = [];
+   for (var d in data)
+      ret.push(encodeURIComponent(d) + "=" + encodeURIComponent(data[d]));
+   return ret.join("&");
+}
+
+(function ($) {
+    "use strict";
+    function centerModal() {
+        $(this).css('display', 'block');
+        var $dialog  = $(this).find(".modal-dialog"),
+        offset       = ($(window).height() - $dialog.height()) / 2,
+        bottomMargin = parseInt($dialog.css('marginBottom'), 10);
+
+        // Make sure you don't hide the top part of the modal w/ a negative margin if it's longer than the screen height, and keep the margin equal to the bottom margin of the modal
+        if(offset < bottomMargin) offset = bottomMargin;
+        $dialog.css("margin-top", offset);
+    }
+
+    $(document).on('show.bs.modal', '.modal', centerModal);
+    $(window).on("resize", function () {
+        $('.modal:visible').each(centerModal);
+    });
+}(jQuery));
+
+function buildFilterMap(offset) {
+  filter_map = {};
+  $("#form select, #form input").each(function() {
+    if ($(this).val() != null && $(this).val() != "") {
+      if ($(this).is(':checkbox')) {
+        if ($(this).is(':checked')) { 
+          filter_map[$(this)[0].name] = "on";
+        } else {
+          filter_map[$(this)[0].name] = "off";
+        }
+      } else {
+        filter_map[$(this)[0].name] = $(this).val();
+      }
+    }
+  });
+  if (offset != null) {
+    filter_map["offset"] = offset;
+  } else {
+    filter_map["offset"] = filter_map["offset"] - 1;
+  }
+  return filter_map;
+}
+
+function read_notify(id,url) {
+  $.ajax({
+    url: '/notifications/' + id,
+    type: 'POST',
+    data: {},
+    success: function(result) {
+      window.location = url;
+    }
+  });
+}