keppler 2.0.2 → 2.0.3

data/installer/core/app/assets/javascripts/admin/preview_template.js

@@ -12,10 +12,10 @@ $(document).ready(function() {
   })
 
   $('#reload').click(function() {
-    $('iframe').attr('src', "/")
+    $('iframe').attr('src', '/')
   })
 
-  $('.icon-trash').click(function() {
+  $('#customize-index .icon-trash').click(function() {
     $('#spinner').css('display', 'block')
   })
 });

data/installer/core/app/assets/javascripts/admin/sidebar.js

@@ -8,13 +8,14 @@ $(function ($) {
   });
 
   // On ready, read the set state and collapse if needed
-  if (localStorage.getItem('sidebar') === '0') {
-    $body.addClass('disable-animations sidebar-collapse');
-    $slice.toggleClass('hidden')
-    requestAnimationFrame(function () {
-      $body.removeClass('disable-animations');
-    });
+  if (window.width >= 768){
+    if (localStorage.getItem('sidebar') === '0') {
+      $body.addClass('disable-animations sidebar-collapse');
+      $slice.toggleClass('hidden')
+      requestAnimationFrame(function () {
+        $body.removeClass('disable-animations');
+      });
+    }
   }
 
-
 });

data/installer/core/app/assets/javascripts/admin/swal.js

@@ -0,0 +1,37 @@
+$(function ($) {
+  $('.delete').click(function(e){
+    e.preventDefault()
+    swal({
+      title: 'Submit your Github username',
+      input: 'text',
+      inputAttributes: {
+        autocapitalize: 'off'
+      },
+      showCancelButton: true,
+      confirmButtonText: 'Look up',
+      showLoaderOnConfirm: true,
+      preConfirm: (login) => {
+        return fetch(`//api.github.com/users/${login}`)
+          .then(response => {
+            if (!response.ok) {
+              throw new Error(response.statusText)
+            }
+            return response.json()
+          })
+          .catch(error => {
+            swal.showValidationError(
+              `Request failed: ${error}`
+            )
+          })
+      },
+      allowOutsideClick: () => !swal.isLoading()
+    }).then((result) => {
+      if (result.value) {
+        swal({
+          title: `${result.value.login}'s avatar`,
+          imageUrl: result.value.avatar_url
+        })
+      }
+    })
+  })
+});

data/installer/core/app/assets/javascripts/admin/switch.js

@@ -0,0 +1,6 @@
+$('.keppler-switch').click(function(event) {
+  event.preventDefault()
+  $(this).find('input')
+    .toggleClass('active')
+    .attr('checked', $(this).find('input').hasClass('active'))
+})

data/installer/core/app/assets/javascripts/admin/tooltips.coffee

@@ -0,0 +1,3 @@
+$('body').tooltip({
+  selector: "[data-toggle~='tooltip']"
+})

data/installer/core/app/assets/javascripts/errors/application.js.coffee

@@ -0,0 +1 @@
+#= require_tree .

data/installer/core/app/assets/javascripts/errors/errors.js

@@ -0,0 +1,113 @@
+var particles = {
+  "particles": {
+    "number": {
+      "value": 160,
+      "density": {
+        "enable": true,
+        "value_area": 800
+      }
+    },
+    "color": {
+      "value": "#ffffff"
+    },
+    "shape": {
+      "type": "circle",
+      "stroke": {
+        "width": 0,
+        "color": "#000000"
+      },
+      "polygon": {
+        "nb_sides": 5
+      },
+      "image": {
+        "src": "img/github.svg",
+        "width": 100,
+        "height": 100
+      }
+    },
+    "opacity": {
+      "value": 1,
+      "random": true,
+      "anim": {
+        "enable": true,
+        "speed": 1,
+        "opacity_min": 0,
+        "sync": false
+      }
+    },
+    "size": {
+      "value": 3,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 4,
+        "size_min": 0.3,
+        "sync": false
+      }
+    },
+    "line_linked": {
+      "enable": false,
+      "distance": 150,
+      "color": "#ffffff",
+      "opacity": 0.4,
+      "width": 1
+    },
+    "move": {
+      "enable": true,
+      "speed": 0.17,
+      "direction": "none",
+      "random": true,
+      "straight": false,
+      "out_mode": "out",
+      "bounce": false,
+      "attract": {
+        "enable": false,
+        "rotateX": 600,
+        "rotateY": 600
+      }
+    }
+  },
+  "interactivity": {
+    "detect_on": "canvas",
+    "events": {
+      "onhover": {
+        "enable": false,
+        "mode": "bubble"
+      },
+      "onclick": {
+        "enable": false,
+        "mode": "repulse"
+      },
+      "resize": false
+    },
+    "modes": {
+      "grab": {
+        "distance": 400,
+        "line_linked": {
+          "opacity": 1
+        }
+      },
+      "bubble": {
+        "distance": 250,
+        "size": 0,
+        "duration": 2,
+        "opacity": 0,
+        "speed": 3
+      },
+      "repulse": {
+        "distance": 400,
+        "duration": 0.4
+      },
+      "push": {
+        "particles_nb": 4
+      },
+      "remove": {
+        "particles_nb": 2
+      }
+    }
+  },
+  "retina_detect": true
+ };
+ particlesJS('particles-js', particles, function() {
+   console.log('callback - particles.js config loaded');
+ });

data/installer/core/app/assets/javascripts/keppler_ga_dashboard/view-selector2.js

@@ -110,7 +110,7 @@
         var i = {};
         i[e] = t.value, this.set(i), this.execute()
       },
-      template: '<div class="ViewSelector2 row">  <div class="ViewSelector2-item col s4" style="display:none;">    <label>Cuenta</label>    <select class="form-control"></select>  </div>  <div class="ViewSelector2-item col-lg-6">    <label>Propiedad</label>    <select class="form-control"></select>  </div>  <div class="ViewSelector2-item col-lg-6">    <label>Vista</label>    <select class="form-control"></select>  </div></div>'
+      template: '<div class="ViewSelector2 row">  <div class="ViewSelector2-item col s4" style="display:none;">    <label>Cuenta</label>    <select class="form-control"></select>  </div>  <div class="ViewSelector2-item col-md-6">    <label>Propiedad</label>    <select class="form-control"></select>  </div>  <div class="ViewSelector2-item col-md-6">    <label>Vista</label>    <select class="form-control"></select>  </div></div>'
     })
   })
 }, function(t, e, i) {

data/installer/core/app/assets/javascripts/vue_admin/index.js

@@ -22,7 +22,10 @@ var app = new Vue({
       items: [],
       deleteList:[],
       controller: "",
-      current_page: ""
+      current_page: "",
+      states: {
+        checkall: false
+      }
     },
     mounted: function(){
       var that;
@@ -56,22 +59,44 @@ var app = new Vue({
         }else{
           that.deleteList.push(user_id)
         }
+        let check = document.getElementById(`checkbox-all`)
+        if(that.deleteList.length == that.items.length){
+          check.checked = true;
+          that.states.checkall = true;
+          console.log(that.states.checkall)
+        }else{
+          check.checked = false;
+          that.states.checkall = false;
+        }
         //console.log(that.deleteList);
       },
       selectAll: function(){
         var that = this;
-        if (that.deleteList.length < that.items.length){
+        let advice = false;
+        if(that.states.checkall){
           that.items.map(function(item, idx){
-            if (!that.deleteList.includes(item.id)) document.getElementById(`checkbox-${item.id}`).click();
-              //console.log(that.deleteList.length + ' - ' + that.items.length);
-              //console.log(`Este fue agregado ${item.id}`);
+            let check = document.getElementById(`checkbox-${item.id}`)
+            if (check.checked) check.click();
           });
         }else{
-          that.items.map(function(item, idx){
-            //console.log(`Este fue quitado ${item.id}`);
-            document.getElementById(`checkbox-${item.id}`).click();
-          });
+          if (that.deleteList.length < that.items.length){
+            that.items.map(function(item, idx){
+              if (!that.deleteList.includes(item.id)) document.getElementById(`checkbox-${item.id}`).click();
+                //console.log(that.deleteList.length + ' - ' + that.items.length);
+                //console.log(`Este fue agregado ${item.id}`);
+            });
+          }else{
+            that.items.map(function(item, idx){
+              //console.log(`Este fue quitado ${item.id}`);
+              document.getElementById(`checkbox-${item.id}`).click();
+            });
+            advice = true;
+          }  
         }
+        // console.log(that.states.checkall)
+        if (advice) that.states.checkall = !that.states.checkall;
+        
+        // console.log(that.states.checkall)
       }
       // deleteThem: function(){
       //   var that = this;

data/installer/core/app/assets/stylesheets/admin/application.scss

@@ -1,4 +1,4 @@
-//= require simple-line-icons
+// require simple-line-icons
 //= require animate-css
 //= require jquery.minicolors
 //= require noty
@@ -19,19 +19,6 @@
 @import 'utils/theme';
 @import 'utils/base';
 
-// Page folder
-@import 'pages/navbar';
-@import 'pages/devise';
-@import 'pages/sidebar';
-@import 'pages/listing';
-@import 'pages/files';
-@import 'pages/show';
-@import 'pages/form';
-@import 'pages/preloader';
-@import 'pages/switchs';
-@import 'pages/index';
-@import 'pages/search';
-
 //Components folder
 @import "components/navigation/navbar";
 @import "components/navigation/sidebar";
@@ -41,3 +28,6 @@
 
 //Vendor folder
 @import "vendor/admin-lte/skin-blue";
+
+// Page folder
+@import 'pages/*';

data/installer/core/app/assets/stylesheets/admin/components/navigation/_navbar.scss

@@ -10,22 +10,23 @@
       z-index: 9;
     }
 
-  	.navbar-static-top {
+    .navbar-static-top {
       margin: 0%;
-  		background: white !important;
+      background: white !important;
       box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
       // border-radius: 4px 0px 0px 4px !important;
 
       a {
         color: #949494 !important;
       }
-  	}
+    }
 
     li.user-header {
       background-image: url('profile-menu.jpg');
       background-position: center;
       background-size: cover;
       border-bottom: 2px solid $keppler-color;
+      border-color: $keppler-color;
     }
 
     .sidebar-toggle:hover {
@@ -75,5 +76,3 @@ header.main-header a.logo span span {
     z-index: 850;
   }
 }
-
-

data/installer/core/app/assets/stylesheets/admin/components/navigation/_sidebar.scss

@@ -1,19 +1,21 @@
+$sidebar-color: linear-gradient(to right, #ffffff, #f5f5f5);
+
 .skin-blue {
   .main-sidebar{
     // position: fixed;
-    background-color: #e3e5e9 !important;
+    background: $sidebar-color !important;
     padding-top: 50px !important;
-    border-right: 1px solid #e4e4e4;
-    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
+    // border-right: 1px solid #e4e4e4;
+    // box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
   }
 
   .sidebar-menu > li:hover > a,
   .sidebar-menu > li.active > a {
     background: #fff !important;
-    color: #353535 !important;
+    color: #5a5a5a !important;
     border-left-color: $keppler-color !important;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
-    transition: .3s;
+    transition: .5s;
 
     i {
       color: $keppler-color !important;
@@ -22,13 +24,14 @@
 
   .sidebar-menu > li > .treeview-menu {
     margin: 0 1px;
-    background: #dadada !important;
-    color: #353535 !important;
+    background: #eee !important;
+    color: #5a5a5a !important;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
     border-radius: none !important;
 
     a:hover {
-      color: $keppler-color !important;
+      color: #5a5a5a;
+      transition: .5s;
     }
   }
 
@@ -36,7 +39,11 @@
     min-height: 84vh;
     margin: 0px !important;
     a {
-      color: #353535 !important;
+      color: #8c8c8c !important;
+      transition: .5s;
+      &:hover {
+        color: #5a5a5a !important;
+      }
       span {
         margin-left: 10px;
       }
@@ -55,7 +62,7 @@
     font-weight: 600;
     margin-bottom: 0px;
     white-space: initial;
-    color: #353535 !important;
+    color: #5a5a5a !important;
   }
 
   .user-panel > .info > small {
@@ -70,22 +77,24 @@
 
 body .side-img-profile {
   vertical-align: middle;
-  width: 45px;
-  height: 45px;
+  width: 40px !important;
+  height: 40px !important;
   transition: .2s;
-  box-shadow: 1px 1px 2px #c0c0c0;
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  background: $keppler-color;
+  object-fit: cover;
 }
 
 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
   top: 0;
   margin-left: -3px;
   padding: 12px 5px 12px 20px;
-  background-color: inherit;
+  background: inherit;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
 }
 
 
 .skin-blue .main-sidebar li.header {
-  color: #353535 !important;
-  background: #e3e5e9 !important;
-}
+  color: #5a5a5a !important;
+  background: $sidebar-color !important;
+}

data/installer/core/app/assets/stylesheets/admin/pages/_appearance.scss

@@ -0,0 +1,5 @@
+#colors {
+  .change-color {
+    margin-left: 10px;
+  }
+}