keppler 2.0.0

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

@@ -0,0 +1,87 @@
+function removeA(arr) {
+  var what, a = arguments, L = a.length, ax;
+  while (L > 1 && arr.length) {
+    what = a[--L];
+    while ((ax= arr.indexOf(what)) !== -1) {
+      arr.splice(ax, 1);
+    }
+  }
+  return arr;
+}
+
+
+$(function ($) {
+  moveDropdown();
+});
+
+
+var app = new Vue({
+    el: "#index-container",
+    //  props: [action, controller],
+    data: {
+      items: [],
+      deleteList:[],
+      controller: "",
+      current_page: ""
+    },
+    mounted: function(){
+      var that;
+      that = this;
+      that.controller = that._vnode.data.attrs.controller;
+      that.current_page = window.location.pathname;
+      $.ajax({
+        url: `${that.current_page}.json`,
+        success: function(res){
+          that.items = res;
+          //console.log(res);
+        }
+      });
+    },
+    computed:{
+      checks: function(){
+        return this.deleteList.length > 0
+      },
+      link: function(){
+        return `${this.current_page}/destroy_multiple?multiple_ids=[${this.deleteList}]`
+      },
+      checkItems: function(){
+        return this.items.length > 0
+      }
+    },
+    methods: {
+      listDelete: function(user_id){
+        var that = this;
+        if(that.deleteList.includes(user_id)){
+          removeA(that.deleteList, user_id)
+        }else{
+          that.deleteList.push(user_id)
+        }
+        //console.log(that.deleteList);
+      },
+      selectAll: function(){
+        var that = this;
+        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();
+          });
+        }
+      }
+      // deleteThem: function(){
+      //   var that = this;
+      //   //$.ajax({
+      //   //  method: 'DELETE',
+      //   //  url: "/admin/users?multiple_ids=[" + that.deleteList + "]",
+      //   //  success: function(res){
+      //   //    that.$el.$remove()
+      //   //  }
+      //   //})
+      // }
+    }
+  });

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

@@ -0,0 +1,43 @@
+//= require simple-line-icons
+//= require animate-css
+//= require jquery.minicolors
+//= require noty
+//= require_self
+
+//Libraries and plugins as gems
+@import 'bourbon';
+@import 'font-awesome-sprockets';
+@import 'font-awesome';
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@import "adminlte";
+@import "simple-line-icons";
+
+//Utils folder
+@import 'utils/variables';
+@import 'utils/mixins';
+@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";
+@import "components/layouts/footer";
+@import "components/layouts/settings";
+@import "components/paginator/paginator";
+
+//Vendor folder
+@import "vendor/admin-lte/skin-blue";

data/installer/core/app/assets/stylesheets/admin/components/layouts/_footer.scss

@@ -0,0 +1,5 @@
+.main-footer {
+  a {
+    color: $keppler-color;
+  }
+}

data/installer/core/app/assets/stylesheets/admin/components/layouts/_settings.scss

@@ -0,0 +1,35 @@
+.slice-box{
+  border-top: none !important;
+
+  &.file-box{
+    padding: 25px;}
+  .pure-input{
+    .form-group{
+      margin-bottom: 25px;
+      &:last-child{
+        margin-bottom: 20px;
+      }
+    }
+  }
+}
+.info-box{
+  min-height: 160px;
+  border-bottom-left-radius: 75px;
+  border-top-left-radius: 75px;
+  &:first-child{
+    margin-bottom: 35px;
+  }
+  .info-box-img{
+    border-radius: 50%;
+    width: 150px;
+    height: 150px;
+    margin: 5px;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  .file{
+    padding: 12px;
+  }
+
+}

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

@@ -0,0 +1,79 @@
+.skin-blue{
+  .main-header {
+    position: fixed;
+    width: 100%;
+
+    a.logo {
+      background: $keppler-color;
+      color: #ffffff;
+      border-bottom: 0 solid transparent;
+      z-index: 9;
+    }
+
+  	.navbar-static-top {
+      margin: 0%;
+  		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;
+    }
+
+    .sidebar-toggle:hover {
+      background-color: #e8e8e8 !important;
+    }
+  }
+}
+.navbar.navbar-static-top{
+  height: 50px !important;
+
+  h3{
+    display: inline-block;
+    margin: 10px 0;
+  }
+}
+
+header.main-header a.logo {
+  width: 50px !important;
+}
+
+header.main-header a.logo span span {
+  font-family: 'Patua One', cursive;
+  color: #fff !important;
+  text-shadow: 1px 1px 1px #0003;
+  font-size: 2.6rem !important;
+}
+
+.skin-blue .main-header {
+  .navbar-static-top a {
+    // border-radius: 4px 0px 0px 4px !important;
+  }
+  .dropdown a {
+    border-radius: 0px !important;
+  }
+}
+
+.sidebar-mini.sidebar-collapse {
+  .main-header .navbar {
+    margin-left: 0% !important;
+  }
+  .main-sidebar {
+    -webkit-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    -o-transform: translate(0, 0);
+    transform: translate(0, 0);
+    width: 50px !important;
+    z-index: 850;
+  }
+}
+
+

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

@@ -0,0 +1,91 @@
+.skin-blue {
+  .main-sidebar{
+    // position: fixed;
+    background-color: #e3e5e9 !important;
+    padding-top: 50px !important;
+    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;
+    border-left-color: $keppler-color !important;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
+    transition: .3s;
+
+    i {
+      color: $keppler-color !important;
+    }
+  }
+
+  .sidebar-menu > li > .treeview-menu {
+    margin: 0 1px;
+    background: #dadada !important;
+    color: #353535 !important;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
+    border-radius: none !important;
+
+    a:hover {
+      color: $keppler-color !important;
+    }
+  }
+
+  .sidebar {
+    min-height: 84vh;
+    margin: 0px !important;
+    a {
+      color: #353535 !important;
+      span {
+        margin-left: 10px;
+      }
+    }
+  }
+
+
+  .user-panel {
+    background-position: center;
+    background-size: cover;
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .user-panel > .info > p {
+    font-weight: 600;
+    margin-bottom: 0px;
+    white-space: initial;
+    color: #353535 !important;
+  }
+
+  .user-panel > .info > small {
+    color: #8c8c8c;
+    margin-bottom: 9px !important;
+  }
+
+  .text-success {
+    color: #2ade2e !important;
+  }
+}
+
+body .side-img-profile {
+  vertical-align: middle;
+  width: 45px;
+  height: 45px;
+  transition: .2s;
+  box-shadow: 1px 1px 2px #c0c0c0;
+}
+
+.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
+  top: 0;
+  margin-left: -3px;
+  padding: 12px 5px 12px 20px;
+  background-color: inherit;
+  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+
+.skin-blue .main-sidebar li.header {
+  color: #353535 !important;
+  background: #e3e5e9 !important;
+}

data/installer/core/app/assets/stylesheets/admin/components/paginator/_paginator.scss

@@ -0,0 +1,53 @@
+#paginator-module{
+  .btn-pag{
+    display: inline-block;
+    color: #fff;
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0;
+    background-color: #bfc5c5;
+    border-radius: 50%;
+    transition: .3s;
+    cursor: pointer;
+    vertical-align: middle;
+    line-height: -1 !important;
+  }
+
+  .icon-size{
+    line-height: unset !important;
+  }
+
+  .bg-current{
+    background-color: $keppler-color !important;
+  }
+
+  .bg-not{
+    color: #fff !important;
+  }
+
+  .btn-not{
+    display: inline-block;
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    padding: 0;
+    border-radius: 50%;
+    transition: .3s;
+    cursor: pointer;
+    vertical-align: middle;
+  }
+
+}
+
+.badge.objects-counter {
+  background: #b6bec7;
+  margin-bottom: 5px;
+  border-radius: 1px;
+}

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

@@ -0,0 +1,162 @@
+.devise {
+  background-image: url('profile-menu.jpg');
+  background-position: center;
+  background-size: cover;
+  height: 100%;
+
+  .container {
+    height: 100%;
+    background: rgba(0, 0, 0, 1);
+    animation: animationContainer 1.5s forwards;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  @keyframes animationContainer {
+    0% {
+      background: rgba(0, 0, 0, 1);
+    }
+    100% {
+      background: rgba(0, 0, 0, 0.4);
+    }
+  }
+
+  .login-footer {
+    text-align: center;
+    color: #e4e4e4;
+    position: relative;
+    bottom: 3rem;
+
+    span{
+      color: $keppler-color;
+    }
+  }
+
+  .login-container {
+    width: 100%;
+  }
+
+  .login-box {
+    height: 70%;
+  }
+
+  .login-box-body {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    position: relative;
+    top: 2rem;
+    animation: animationBody 2.5s forwards;
+  }
+
+  @keyframes animationBody {
+    0% {
+      top: 2rem;
+    }
+    100% {
+      top: 0;
+    }
+  }
+
+
+  .login-logo {
+    position: relative;
+    top: 2rem;
+    opacity: 0;
+    animation: animationLogo 1.5s forwards;
+    a {
+      color: #e4e4e4;
+
+      span {
+        color: $keppler-color;
+      }
+    }
+  }
+
+  @keyframes animationLogo {
+    0% {
+      top: 2rem;
+      opacity: 0;
+    }
+    100% {
+      top: 0;
+      opacity: 1;
+    }
+  }
+
+  .recoverable {
+    position: relative;
+    top: 7px;
+  }
+
+  .devise-errors {
+    color: $error-color;
+  }
+
+  img {
+    margin-top: 15px;
+    max-width: 150px;
+    width: 70px;
+  }
+
+  &-horizontal {
+    display: flex;
+    height: 100%;
+    justify-content: center;
+  }
+
+  &-vertical {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  &-box {
+    width: 100%;
+
+    h5 {
+      margin: 0;
+    }
+
+    p {
+      font-weight: 300;
+    }
+    //
+    // @media #{$small-and-down} {
+    //   width: 100%;
+    // }
+
+    &-header {
+      color: $white;
+      padding-left: 15px;
+      padding-top: 80px;
+    }
+
+    &-title {
+      font-family: 'Patua One', cursive;
+      font-size: 30px;
+      padding-bottom: 10px;
+    }
+
+    &-body {
+      margin-bottom: 0;
+      padding: 15px;
+    }
+
+    &-footer {
+      margin-bottom: 0;
+      padding: 0 15px 15px;
+    }
+  }
+}
+.input-icon{
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  pointer-events: none;
+}