thecore_ui_rails_admin 2.1.5 → 2.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0450be6d140294eea37745dabd04b070dfe256d21055ab01d3b1006a5605b24a
-  data.tar.gz: 1bea2f8eb11bf2d0eefb244b253c9041ae9443bd2b9533693ffad09fed0fd35e
+  metadata.gz: ef4bd11283c66b0770def013c33ed626ca6fdef43645f7a0f5b3161df5e192e1
+  data.tar.gz: f2541c48fd2ee56b3f120445b686cdb106f685fe79946a8cc8765fe22738a833
 SHA512:
-  metadata.gz: b5116ba2302ac4397ef1d69f386a7ed6196efe35c4e97dcf05b5dd3f1d2ac1fb05fe54518ae38aa131c75feabb4e789bed17fdeb4685da4add3ea0f8e027fa20
-  data.tar.gz: 1998769fc10a759cedc6c8b8db88688cd03a74e2c55aa5d86c824bc3646c447a1ab91ca679345dfb32907ff898d11b5d7c8c5b571315e1fd7e8463642dfbcd72
+  metadata.gz: 294ce13be302b8396c27801cfa80f245ed2d7a755ff1d4f7586ddd9084d5652e05f2b0a7e0780e31a2bab6af7114f5d61934c030e7f105053c7b2e47291d87ad
+  data.tar.gz: 3387ed6fc774579453553ec7f38b8bf59b0d426c3c5ab39ef8a6112d553dcbef33f06bbb554b885041b1c26cb50b430ea7c21d862e2dac9f0c8ae75ead0a0b75

data/app/assets/javascripts/{rails_admin/custom/ui.js → thecore_ui_rails_admin/thecore_rails_admin.js}

@@ -1,5 +1,6 @@
-//= require timer
-//= require_tree .
+//= require thecore_ui_commons/thecore
+//= require rails_admin/rails_admin
+//= require selectize
 
 $(document).on('ready pjax:success', function(e) {
   handleActiveBase();
@@ -19,20 +20,6 @@ $(document).on('ready pjax:success', function(e) {
   } else {
     $('.page-header, .content').removeClass('dashboard');
   }
-
-  $('textarea[data-richtext="froala-wysiwyg"').froalaEditor();
-
-  // $(document).ready(function () {
-  // Hide and show the sidebar
-  // Make the sidebar button shine a bit
-  // setTimeout(function() {
-  //   $('#sidebar-collapse').addClass("flash");
-  // }, 500);
-  // setTimeout(function() {
-  //   if (!$('#wrapper').hasClass('toggled'))
-  //     $('#wrapper').addClass('toggled');
-  // }, 1200);
-  // });
 });
 
 $(function() {
@@ -88,14 +75,4 @@ $(document).ready(function () {
     $('#wrapper').toggleClass('toggled');
   });
 
-  $('textarea[data-richtext="froala-wysiwyg"').froalaEditor();
-//   // Hide and show the sidebar
-//   // Make the sidebar button shine a bit
-//   setTimeout(function() {
-//     $('#sidebar-collapse').addClass("flash");
-//   }, 500);
-//   setTimeout(function() {
-//     if (!$('#wrapper').hasClass('toggled'))
-//       $('#wrapper').addClass('toggled');
-//   }, 1200);
 });

data/app/assets/stylesheets/thecore_ui_rails_admin/apexcharts.scss

@@ -0,0 +1,7 @@
+.apexcharts-menu-item {
+    color: black
+}
+.apexcharts-tooltip {
+    background: #f3f3f3;
+    color: orange;
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/colors.scss

@@ -0,0 +1,21 @@
+$primary: #1f4068 !default;
+
+$background: lighten($primary, 51%) !default;
+$shadows: darken($primary, 10%) !default;
+
+$text: $primary !default;
+$text-highlight: lighten($text, 35%) !default;
+
+$link: $text !default;
+$link-highlight: lighten($link, 10%) !default;
+
+$element: $primary !default;
+$element-text: lighten($element, 40%) !default;
+$element-text-highlight: lighten($element-text, 10%) !default;
+$element-border: darken($element, 10%) !default;
+
+$neutral: #706f6f !default;
+$success: #37BC9B !default;
+$info: #3BAFDA !default;
+$danger: #E9573F !default;
+$warning: #F6BB42 !default;

data/app/assets/stylesheets/thecore_ui_rails_admin/common.scss

@@ -0,0 +1,43 @@
+body {
+    height: 100vh;
+    // background: linear-gradient(-20deg, #09b7b9 30%, #1c51a4 100%);
+    background-color: $background;
+}
+
+.jumbotron {
+    background-color: $background;
+    color: $text;
+}
+
+.vertical-center {
+    min-height: 100%;
+    /* Fallback for browsers do NOT support vh unit */
+    min-height: 100vh;
+    /* These two lines are counted as one :-)       */
+    display: flex;
+    align-items: center;
+}
+
+#up-arrow {
+    bottom: -2em;
+    margin-right: auto;
+    margin-left: auto;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+    /* For IE8 and earlier */
+}
+
+.fa-pencil:before,
+.icon-pencil:before {
+    content: "\f044";
+}
+
+#new_user div.checkbox:hover {
+    color: $text-highlight
+}
+
+#new_user div.actions input.btn {
+    width: 100%;
+    background-color: $element;
+    border-color: $element-border;
+}

data/app/assets/stylesheets/{devise.scss → thecore_ui_rails_admin/devise.scss}

@@ -1,10 +1,3 @@
- $primary: #1c2c41;
- $secondary: #304158;
- $light: #47566c;
- $blue: #0C457D;
- $grey: #706f6f;
- $tertiary: #81C784;
-
 .devise {
   font-family: 'Raleway', sans-serif;
   height: 100vh;
@@ -19,11 +12,11 @@
 }
 
 .bckg-dark {
-  // background: linear-gradient(-20deg, #09b7b9 30%, #1c51a4 100%);
-  background-color: rgb(59,	78,	89);
+  background-color:$background;
 }
 
 .bckg-login {
+  background-color:$background;
 }
 
 .logo {
@@ -38,11 +31,11 @@
 }
 
 .bckg-dark-light {
-  background: $secondary;
+  background: $text;
 }
 
 .bckg-blue {
-  background: $blue;
+  background: $info;
 }
 
 .centered {
@@ -54,7 +47,7 @@
 
 .login-form-user {
   width: 25%;
-  color: #fff;
+  color: $text-highlight;
   margin: 0 auto;
   margin-bottom: 25px;
 
@@ -65,7 +58,7 @@
   }
 
   .lost_id {
-    color: #fff;
+    color: $text-highlight;
     margin-bottom: 15px;
     display: block;
     font-size: .9em;
@@ -111,16 +104,16 @@
     border: 0;
   }
   input[type="submit"] {
-    background: $grey;
+    background: $neutral;
     border: 0;
     border-radius: 0;
     cursor: pointer;
     float: right;
-    color: white;
+    color:$text-highlight;
     width:100%;
   }
   h2 {
-    background: $grey;
+    background: $neutral;
     display: block;
     padding: 10px 15px;
     text-align: left;
@@ -129,15 +122,15 @@
 }
 
 .login-form {
-  color: #fff;
+  color:$text-highlight;
   width: 30%;
 
   .links-form {
     a {
-      color: $light;
+      color:$text-highlight;
       text-decoration: none;
       &:hover {
-        color: $light;
+        color: $text-highlight;
       }
     }
   }
@@ -174,8 +167,8 @@
 
   input[type="submit"] {
     cursor: pointer;
-    background: $tertiary;
-    color: #fff;
+    background: $element-border;
+    color:$text-highlight;
     border-radius: 3px;
     border: 0;
     display: block;
@@ -184,15 +177,15 @@
     margin-top: 55px;
     width: 100%;
     &:hover {
-      background: darken($tertiary, 5%);
+      background: darken($element-border, 5%);
     }
   }
 
   input[type="text"], input[type="email"], input[type="password"] {
     background-color: transparent;
     border: 0;
-    border-bottom: 1px solid $light;
-    color: #fff;
+    border-bottom: 1px solid $text-highlight;
+    color:$text-highlight;
     margin-top: 15px;
     padding-bottom: 15px;
   }
@@ -200,8 +193,8 @@
   .input-group-addon {
     background-color: transparent;
     border: 0;
-    border-bottom: 1px solid $light;
-    color: #fff;
+    border-bottom: 1px solid $text-highlight;
+    color:$text-highlight;
     margin-top: 15px;
     padding-bottom: 15px;
     padding-top: 12px;

data/app/assets/stylesheets/{rails_admin → thecore_ui_rails_admin}/flashing.scss

@@ -11,18 +11,18 @@
 
 @-webkit-keyframes flash {
     0% { background-color: none; }
-    50% { background-color: #fbf8b2; }
+    50% { background-color: $text-highlight; }
     100% { background-color: none; }
 }
 
 @-moz-keyframes flash {
     0% { background-color: none; }
-    50% { background-color: #fbf8b2; }
+    50% { background-color: $text-highlight; }
     100% { background-color: none; }
 }
 
 @-ms-keyframes flash {
     0% { background-color: none; }
-    50% { background-color: #fbf8b2; }
+    50% { background-color: $text-highlight; }
     100% { background-color: none; }
 }

data/app/assets/stylesheets/{thecore_rails_admin.scss → thecore_ui_rails_admin/thecore.scss}

@@ -11,22 +11,34 @@
  * file per style scope.
  *
  *= required _colors
-
- *= require_tree .
+ *= require thecore_ui_commons/thecore
+ *= require rails_admin/rails_admin
+ *= require rails_admin_selectize/index
  *= require_self
 */
+@import 'colors_override';
+@import 'colors';
 @import "jquery-ui";
 @import "jquery-ui/dialog";
 @import 'bootstrap-sprockets';
 @import 'bootstrap';
-@import "rails_admin/theming";
+@import 'common';
+@import "flashing";
 @import 'devise';
 @import 'animate';
 @import 'mixins';
+@import 'apexcharts';
+@import 'thecore_ui_commons/thecore';
+@import "togglable-sidebar";
 
-#new_user {
-    background-color: red;
+.btn {
+  background-color: $element;
+  color: $element-text;
+  border-color: $element-border;
 }
-body {
-    background-color: green;
+
+.btn:hover, 
+#new_user div.actions input.btn:hover {
+  color: $element-text-highlight;
+  background-color: $shadows;
 }

data/app/assets/stylesheets/thecore_ui_rails_admin/thecore_rails_admin.scss

@@ -0,0 +1,290 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= required _colors
+ *= require thecore_ui_commons/thecore
+ *= require rails_admin/rails_admin
+ *= require rails_admin_selectize/index
+ *= require_self
+*/
+@import "thecore";
+
+.sidebar-nav li a {
+  color: $element-text;
+}
+#sidebar-wrapper .sidebar-nav {
+  background-color: $shadows !important;
+  color: $element-text;
+  &:hover {
+    color: $element-text-highlight !important;
+  }
+  .dropdown-header {
+    color: $element-text;
+  }
+  .sub-menu-container {
+    background-color: darken($shadows, 10%) !important;
+  }
+  .sub-menu-container .sub-menu a:hover {
+    color: $element-text-highlight !important;
+  }
+  .dropdown-header:hover, .dropdown-header.active, .dropdown-header.active .sub-menu-container .submenu:hover, .sub-menu.sub-menu-null a:hover {
+    background-color: $element;
+    color: $element-text-highlight !important;
+  }
+}
+
+#app-name {
+  color: $primary !important;
+}
+
+#sidebar-collapse {
+  color: $shadows !important;
+}
+
+.breadcrumb {
+  background: $element;
+  .false a, .false:before {
+    color: darken($element, 30%) !important;
+  }
+  .active, .active:before {
+    color: $text-highlight;
+  }
+}
+
+#list .form-inline {
+  margin-bottom: 2em;
+}
+
+p.boolean_type a.label-success,
+p.boolean_type a.label-danger {
+  background: none;
+  font-size: 1.5em;
+  &:hover {
+    background: none;
+  }
+}
+
+body.rails_admin .nav.nav-tabs {
+  margin-bottom: 0;
+}
+
+#bulk_form .panel:nth-of-type(1) {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+#scope_selector li, #action-menu li {
+  border-top-left-radius: 0.5em;
+  border-top-right-radius: 0.5em;
+  &.selected {
+    background-color: #fff;
+    color: $text !important;
+    a {
+      color: $text !important;
+    }
+  }
+
+  a:hover {
+    border-top-left-radius: 0.5em;
+    border-top-right-radius: 0.5em;
+    background-color: rgba($element, .5);
+    color: $element-text-highlight !important;
+  }
+}
+
+.well {
+  background-color: darken($background, 2%);
+  border-color: darken($background, 2%);
+}
+
+.content a, a {
+  color: $link;
+  text-decoration: none;
+  &:hover {
+    color: $link-highlight;  }
+}
+
+.page-header.dashboard {
+  border-color: $background;
+}
+
+.table-striped {
+  border-top-color: $info;
+  .links ul li {
+    padding-right: 0;
+    a {
+      border-radius: 50%;
+    }
+  }
+}
+
+.content {
+  margin: 0px 0 15px 0;
+  padding: 8px;
+  background: $background;
+  &.dashboard {
+    background: $background;
+  }
+  .page-header {
+    display: none;
+  }
+}
+
+a.delete {
+  color: $text-highlight;
+}
+
+.box {
+  border-radius: 1em;
+  display: block;
+  padding: 15px;
+  margin-bottom: 30px;
+  border: 1px solid $element-border;
+  position: relative;
+  min-height: 15em;
+  transition: all 0.3s ease;
+  background-color: $element;
+  color: $element-text;
+  overflow: hidden;
+  &:hover, &:focus {
+    border-color: $shadows;
+    .icon-bg {
+      transform: scale(1.5) rotate(20deg);
+    }
+  }
+  p {
+    min-height: 30px;
+    font-size: 15px;
+    font-weight: 600;
+    a.btn {
+      border-radius: 3px;
+      color: rgba($text-highlight,0.7) !important;
+      display: inline-block;
+      margin-bottom: 0;
+      font-weight: normal;
+      text-align: center;
+      vertical-align: middle;
+      cursor: pointer;
+      background-color: rgba($shadows, 0.19);
+      border: 1px solid transparent;
+      white-space: nowrap;
+      padding: 6px 12px;
+      font-size: 14px;
+      line-height: 1.42857143;
+      border-radius: 4px;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    }
+  }
+  strong.count {
+    font-size: 10em;
+    font-weight: 600;
+  }
+  p.model,
+  strong.count {
+    color: $element-text;
+    &:hover {
+      color: $element-text-highlight;
+    }
+  }
+  .icon-bg {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    font-size: 15em;
+    color: $element-text;
+    opacity: 0.20;
+    filter: alpha(opacity=20);
+    transition: all 1s ease;
+  }
+  &.bg-info {
+    background-color: $info;
+  }
+  &.bg-success {
+    background-color: $success;
+  }
+  &.bg-warning {
+    background-color: $warning;
+  }
+  &.bg-danger {
+    background-color: $danger;
+  }
+  &.bg-clear {
+    background-color: $neutral;
+  }
+}
+
+/* User sign in and sign forms. */
+.border-form-div {
+  max-width: 300px;
+  padding: 19px 29px 29px;
+  margin: 0 auto 20px;
+  background-color: $text-highlight;
+  border: 1px solid $element-border;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+  -webkit-box-shadow: 0 1px 2px rgba($shadows,.05);
+     -moz-box-shadow: 0 1px 2px rgba($shadows,.05);
+          box-shadow: 0 1px 2px rgba($shadows,.05);
+}
+.border-form-div .form-signin-heading,
+.border-form-div .checkbox {
+  margin-bottom: 10px;
+}
+.border-form-div input[type="text"],
+.border-form-div input[type="email"],
+.border-form-div input[type="password"] {
+  font-size: 16px;
+  height: auto;
+  margin-bottom: 15px;
+  padding: 7px 9px;
+}
+
+#sidebar-collapse {
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  color: $neutral;
+}
+#sidebar-collapse:focus {
+  outline: 0;
+}
+#sidebar-collapse:hover {
+  color:$text-highlight;
+}
+
+.exit-button {
+  padding-top: 9px;
+  padding-bottom: 9px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-right: 7px;
+}
+
+#app-name {
+  font-size: 2em;
+  color: $neutral;
+  font-family: 'Raleway', sans-serif;
+  word-wrap: normal;
+}
+#app-name:hover {
+  color: $text-highlight;
+  text-decoration: none;
+}
+
+body.rails_admin {
+  padding-top: 0px;
+  background-color: $background;
+}