thecore_ui_rails_admin 2.1.9 → 2.1.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a6756ba49af59b55c1fa566eca295c98e52c7580f184e1d45ae0c25a7bd75f4
-  data.tar.gz: ecbfb2985e40f30bb57c3c3a81469cc1d3147c9fdac68d999005dfc162899229
+  metadata.gz: fbf77f646c8577cab06d80ade8004c78b1455be56867e5ae56dfcdc949e35b8b
+  data.tar.gz: 433db917ac25f7ad766b8a848dd27adaeda8ab29a3a0551a5eff19e0f57e83b7
 SHA512:
-  metadata.gz: e638884d96e59d9d809885cd9a2a7e6a6ecb1cf4cef6a8bb93a17428f1492bd271e71b253a251b53b7c191aa128796fd602b67f7059b48432a832548e979ec97
-  data.tar.gz: 2b248f371c27d01b9189f654351c15a2475383effa6ad47fc6c4c91a177c7c304bb2eb41c95479d25be66406bfa59fb1aab4bbab74b09145a94342fd549d2152
+  metadata.gz: dc9d7a25a6c563bf3a3c76a90bc035706ea21f0988927e4f109ba0341330bb83b8fb4984f32b429122012ba597a33417e0008342b14e3ad138ad9725f63fa2e4
+  data.tar.gz: 6555e2fbe16a900fc73fbc5d9c3a26677c17366199a66fd5e73fab44c21e67606ab157f733eb2d9846884bc7dc73a11a5dec7f94ef1972c96e1d019cf34dec4d

data/app/assets/javascripts/rails_admin/ra.widgets.coffee

@@ -0,0 +1,233 @@
+$(document).on 'rails_admin.dom_ready', (e, content) ->
+  content = if content then content else $('form')
+
+  if content.length # don't waste time otherwise
+
+# colorpicker
+
+    content.find('[data-color]').each ->
+      that = this
+      $(this).ColorPicker
+        color: $(that).val()
+        onShow: (el) ->
+          $(el).fadeIn(500)
+          false
+        onHide: (el) ->
+          $(el).fadeOut(500)
+          false
+        onChange: (hsb, hex, rgb) ->
+          $(that).val(hex)
+          $(that).css('backgroundColor', '#' + hex)
+
+    # datetime picker
+    $.fn.datetimepicker.defaults.icons =
+      time: 'fa fa-clock'
+      date: 'fa fa-calendar'
+      up: 'fa fa-chevron-up'
+      down: 'fa fa-chevron-down'
+      previous: 'fa fa-angle-double-left'
+      next: 'fa fa-angle-double-right'
+      today: 'fa fa-dot-circle'
+      clear: 'fa fa-trash'
+      close: 'fa fa-times'
+
+    content.find('[data-datetimepicker]').each ->
+      options = $(this).data('options')
+      $.extend(options, {locale: RailsAdmin.I18n.locale})
+      $(this).datetimepicker options
+
+    # enumeration
+
+    content.find('[data-enumeration]').each ->
+      if $(this).is('[multiple]')
+        $(this).filteringMultiselect $(this).data('options')
+      else
+        $(this).filteringSelect $(this).data('options')
+
+    # fileupload
+
+    content.find('[data-fileupload]').each ->
+      input = this
+      $(this).on 'click', ".delete input[type='checkbox']", ->
+        $(input).children('.toggle').toggle('slow')
+
+    # fileupload-preview
+
+    content.find('[data-fileupload]').change ->
+      input = this
+      image_container = $("#" + input.id).parent().children(".preview")
+      unless image_container.length
+        image_container = $("#" + input.id).parent().prepend($('<img />').addClass('preview').addClass('img-thumbnail')).find('img.preview')
+        image_container.parent().find('img:not(.preview)').hide()
+      ext = $("#" + input.id).val().split('.').pop().toLowerCase()
+      if input.files and input.files[0] and $.inArray(ext, ['gif', 'png', 'jpg', 'jpeg', 'bmp']) != -1
+        reader = new FileReader()
+        reader.onload = (e) ->
+          image_container.attr "src", e.target.result
+        reader.readAsDataURL input.files[0]
+        image_container.show()
+      else
+        image_container.hide()
+
+    # filtering-multiselect
+
+    content.find('[data-filteringmultiselect]').each ->
+      $(this).filteringMultiselect $(this).data('options')
+      if $(this).parents("#modal").length # hide link if we already are inside a dialog (endless issues on nested dialogs with JS)
+        $(this).siblings('.btn').remove()
+      else
+        $(this).parents('.control-group').first().remoteForm()
+
+    # filtering-select
+
+    content.find('[data-filteringselect]').each ->
+      $(this).filteringSelect $(this).data('options')
+      if $(this).parents("#modal").length # hide link if we already are inside a dialog (endless issues on nested dialogs with JS)
+        $(this).siblings('.btn').remove()
+      else
+        $(this).parents('.control-group').first().remoteForm()
+
+    # nested-many
+
+    content.find('[data-nestedmany]').each ->
+      field = $(this).parents('.control-group').first()
+      nav = field.find('> .controls > .nav')
+      tab_content = field.find('> .tab-content')
+      toggler = field.find('> .controls > .btn-group > .toggler')
+      # add each nested field to a tab-pane and reference it in the nav
+      tab_content.children('.fields:not(.tab-pane)').addClass('tab-pane').each ->
+        $(this).attr('id', 'unique-id-' + (new Date().getTime()) + Math.floor(Math.random() * 100000)) # some elements are created on the same ms
+        nav.append('<li><a data-toggle="tab" href="#' + this.id + '">' + $(this).children('.object-infos').data('object-label') + '</a></li>')
+      # only if no tab is set to active
+      if nav.find("> li.active").length == 0
+# init first tab, toggler and tab_content/tabs visibility
+        nav.find("> li > a[data-toggle='tab']:first").tab('show')
+      if nav.children().length == 0
+        nav.hide()
+        tab_content.hide()
+        toggler.addClass('disabled').removeClass('active').children('i').addClass('icon-chevron-right')
+      else
+        if toggler.hasClass('active')
+          nav.show()
+          tab_content.show()
+          toggler.children('i').addClass('icon-chevron-down')
+        else
+          nav.hide()
+          tab_content.hide()
+          toggler.children('i').addClass('icon-chevron-right')
+
+    # nested-one
+
+    content.find('[data-nestedone]').each ->
+      field = $(this).parents('.control-group').first()
+      nav = field.find("> .controls > .nav")
+      tab_content = field.find("> .tab-content")
+      toggler = field.find('> .controls > .btn-group > .toggler')
+      tab_content.children(".fields:not(.tab-pane)").addClass('tab-pane active').each ->
+# Convert the "add nested field" button to just showing the title of the new model
+        field.find('> .controls .add_nested_fields').removeClass('add_nested_fields').html($(this).children('.object-infos').data('object-label'))
+        nav.append('<li><a data-toggle="tab" href="#' + this.id + '">' + $(this).children('.object-infos').data('object-label') + '</a></li>')
+      first_tab = nav.find("> li > a[data-toggle='tab']:first")
+      first_tab.tab('show')
+      field.find("> .controls > [data-target]:first").html('<i class="icon-white"></i> ' + first_tab.html())
+      nav.hide()
+      if nav.children().length == 0
+        nav.hide()
+        tab_content.hide()
+        toggler.addClass('disabled').removeClass('active').children('i').addClass('icon-chevron-right')
+      else
+        if toggler.hasClass('active')
+          toggler.children('i').addClass('icon-chevron-down')
+          tab_content.show()
+        else
+          toggler.children('i').addClass('icon-chevron-right')
+          tab_content.hide()
+
+    # polymorphic-association
+
+    content.find('[data-polymorphic]').each ->
+      type_select = $(this)
+      field = type_select.parents('.control-group').first()
+      object_select = field.find('select').last()
+      urls = type_select.data('urls')
+      type_select.on 'change', (e) ->
+        if $(this).val() is ''
+          object_select.html('<option value=""></option>')
+        else
+          $.ajax
+            url: urls[type_select.val()]
+            data:
+              compact: true
+              all: true
+            beforeSend: (xhr) ->
+              xhr.setRequestHeader("Accept", "application/json")
+            success: (data, status, xhr) ->
+              html = $('<option></option>')
+              $(data).each (i, el) ->
+                option = $('<option></option>')
+                option.attr('value', el.id)
+                option.text(el.label)
+                html = html.add(option)
+              object_select.html(html)
+
+    # ckeditor
+
+    goCkeditors = ->
+      content.find('[data-richtext=ckeditor]').not('.ckeditored').each (index, domEle) ->
+        try
+          if instance = window.CKEDITOR.instances[this.id]
+            instance.destroy(true)
+        window.CKEDITOR.replace(this, $(this).data('options'))
+        $(this).addClass('ckeditored')
+
+    $editors = content.find('[data-richtext=ckeditor]').not('.ckeditored')
+    if $editors.length
+      if not window.CKEDITOR
+        options = $editors.first().data('options')
+        window.CKEDITOR_BASEPATH = options['base_location']
+        $.getScript options['jspath'], (script, textStatus, jqXHR) =>
+          goCkeditors()
+      else
+        goCkeditors()
+
+    #codemirror
+
+    goCodeMirrors = (array) =>
+      array.each (index, domEle) ->
+        options = $(this).data('options')
+        textarea = this
+        $.getScript options['locations']['mode'], (script, textStatus, jqXHR) ->
+          $('head').append('<link href="' + options['locations']['theme'] + '" rel="stylesheet" media="all" type="text\/css">')
+          CodeMirror.fromTextArea(textarea, options['options'])
+          $(textarea).addClass('codemirrored')
+
+    array = content.find('[data-richtext=codemirror]').not('.codemirrored')
+    if array.length
+      @array = array
+      if not window.CodeMirror
+        options = $(array[0]).data('options')
+        $('head').append('<link href="' + options['csspath'] + '" rel="stylesheet" media="all" type="text\/css">')
+        $.getScript options['jspath'], (script, textStatus, jqXHR) =>
+          goCodeMirrors(@array)
+      else
+        goCodeMirrors(@array)
+
+    # bootstrap_wysihtml5
+
+    goBootstrapWysihtml5s = (array, config_options) =>
+      array.each ->
+        $(@).addClass('bootstrap-wysihtml5ed')
+        $(@).closest('.controls').addClass('well')
+        $(@).wysihtml5(config_options)
+
+    array = content.find('[data-richtext=bootstrap-wysihtml5]').not('.bootstrap-wysihtml5ed')
+    if array.length
+      @array = array
+      options = $(array[0]).data('options')
+      config_options = $.parseJSON(options['config_options'])
+      if not window.wysihtml5
+        $('head').append('<link href="' + options['csspath'] + '" rel="stylesheet" media="all" type="text\/css">')
+        $.getScript options['jspath'], (script, textStatus, jqXHR) =>
+          goBootstrapWysihtml5s(@array, config_options)
+      else
+        goBootstrapWysihtml5s(@array, config_options)

data/app/assets/javascripts/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();

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

@@ -1,11 +1,12 @@
 body {
     height: 100vh;
     // background: linear-gradient(-20deg, #09b7b9 30%, #1c51a4 100%);
-    background-color: rgb(59, 78, 89);
+    background-color: $background;
 }
 
 .jumbotron {
-    background-color: rgb(59, 78, 89);
+    background-color: $background;
+    color: $text;
 }
 
 .vertical-center {
@@ -29,4 +30,14 @@ body {
 .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/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/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_ui_rails_admin/thecore.scss

@@ -11,18 +11,34 @@
  * file per style scope.
  *
  *= required _colors
- 
+ *= 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 'common';
+@import "flashing";
 @import 'devise';
 @import 'animate';
 @import 'mixins';
+@import 'apexcharts';
+@import 'thecore_ui_commons/thecore';
+@import "togglable-sidebar";
 
-#new_user div.actions input.btn.btn-warning {
-    width: 100%;
+.btn {
+  background-color: $element;
+  color: $element-text;
+  border-color: $element-border;
+}
+
+.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

@@ -11,37 +11,122 @@
  * 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';
-@import 'thecore_ui_commons/thecore';
-@import "togglable-sidebar";
-@import "flashing";
-@import 'common';
-
-$RAprimary: #1c2c41;
-$RAgreen: #37BC9B;
-$RAblue: #3BAFDA;
-$RAred: #E9573F;
-$RAyellow: #F6BB42;
+@import "thecore";
 
-.page-header.dashboard {
-  border-color: $RAprimary;
+#filters > li > a:nth-child(1):hover, .dropdown-menu > li > a:nth-child(1):hover {
+  border-radius: 0;
+}
+
+span.label.label-info.form-label {
+  background-color: $primary;
+}
+
+.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: $RAblue;
+  background: $element;
   .false a, .false:before {
-    color: darken($RAblue, 30%) !important;
+    color: darken($element, 30%) !important;
   }
   .active, .active:before {
-    color: #FFF;
+    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: $RAblue;
+  border-top-color: $info;
   .links ul li {
     padding-right: 0;
     a {
@@ -53,9 +138,9 @@ $RAyellow: #F6BB42;
 .content {
   margin: 0px 0 15px 0;
   padding: 8px;
-  background: rgb(59, 78, 89);
+  background: $background;
   &.dashboard {
-    background: rgb(59, 78, 89);
+    background: $background;
   }
   .page-header {
     display: none;
@@ -63,20 +148,23 @@ $RAyellow: #F6BB42;
 }
 
 a.delete {
-  color: #FFF;
+  color: $text-highlight;
 }
 
 .box {
+  border-radius: 1em;
+  display: block;
   padding: 15px;
   margin-bottom: 30px;
-  border: 1px solid $RAprimary;
+  border: 1px solid $element-border;
   position: relative;
-  min-height: 170px;
+  min-height: 15em;
   transition: all 0.3s ease;
-  color: rgba(255,255,255,0.7);
+  background-color: lighten($element, 25%);
+  color: $element-text;
   overflow: hidden;
   &:hover, &:focus {
-    border-color: #FFF;
+    border-color: $shadows;
     .icon-bg {
       transform: scale(1.5) rotate(20deg);
     }
@@ -87,14 +175,14 @@ a.delete {
     font-weight: 600;
     a.btn {
       border-radius: 3px;
-      color: rgba(255,255,255,0.7) !important;
+      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(0, 0, 0, 0.19);
+      background-color: rgba($shadows, 0.19);
       border: 1px solid transparent;
       white-space: nowrap;
       padding: 6px 12px;
@@ -107,31 +195,41 @@ a.delete {
       user-select: none;
     }
   }
-  strong {
-    font-size: 36px;
+  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: 100px;
-    color: #000;
-    opacity: 0.08;
-    filter: alpha(opacity=8);
+    font-size: 15em;
+    color: $element-text;
+    opacity: 0.20;
+    filter: alpha(opacity=20);
     transition: all 1s ease;
   }
   &.bg-info {
-    background-color: $RAblue;
+    background-color: $info;
   }
   &.bg-success {
-    background-color: $RAgreen;
+    background-color: $success;
   }
   &.bg-warning {
-    background-color: $RAyellow;
+    background-color: $warning;
   }
   &.bg-danger {
-    background-color: $RAred;
+    background-color: $danger;
+  }
+  &.bg-clear {
+    background-color: $neutral;
   }
 }
 
@@ -140,14 +238,14 @@ a.delete {
   max-width: 300px;
   padding: 19px 29px 29px;
   margin: 0 auto 20px;
-  background-color: #fff;
-  border: 1px solid #e5e5e5;
+  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(0,0,0,.05);
-     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-          box-shadow: 0 1px 2px rgba(0,0,0,.05);
+  -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 {
@@ -166,13 +264,13 @@ a.delete {
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
-  color: #888;
+  color: $neutral;
 }
 #sidebar-collapse:focus {
   outline: 0;
 }
 #sidebar-collapse:hover {
-  color: white;
+  color:$text-highlight;
 }
 
 .exit-button {
@@ -185,15 +283,16 @@ a.delete {
 
 #app-name {
   font-size: 2em;
-  color: #888;
+  color: $neutral;
   font-family: 'Raleway', sans-serif;
   word-wrap: normal;
 }
 #app-name:hover {
-  color: white;
+  color: $text-highlight;
   text-decoration: none;
 }
 
 body.rails_admin {
   padding-top: 0px;
-}
+  background-color: $background;
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/togglable-sidebar.scss

@@ -32,13 +32,12 @@
   width: 100%;
   position: absolute;
   padding: 15px;
-  background-color: rgb(59,78,89);
+  background-color: $background;
   min-height: 100vh;
 }
 #wrapper.toggled #page-content-wrapper {
   position: absolute;
   margin-right: -250px;
-  background-color: rgb(59,78,89);
 }
 /* Sidebar Styles */
 

data/app/views/layouts/rails_admin/application.html.haml

@@ -11,8 +11,6 @@
       div.sub-menu-container li.sub-menu a.pjax { padding-left: 0px }
       div#wrapper div#sidebar-wrapper { overflow: hidden }
 
-    = stylesheet_link_tag "rails_admin/rails_admin.css", media: :all
-    = javascript_include_tag "rails_admin/rails_admin.js"
     -# Getting all the assets needed by thecore_rails_admin from all the gems
     = get_asset_tags_for("thecore_rails_admin")
 

data/app/views/layouts/rails_admin/pjax.html.haml

@@ -16,10 +16,13 @@
 - if @abstract_model
   = breadcrumb
   .well.well-sm
-    %ul.nav.nav-pills
+    %ul.nav.nav-pills#action-menu
       = menu_for((@abstract_model ? (@object.try(:persisted?) ? :member : :collection) : :root), @abstract_model, @object)
       = content_for :contextual_tabs
   .well.well-sm
     = yield
 - else
   = yield
+
+%script
+  $('.dropdown-toggle').dropdown()

data/app/views/rails_admin/main/_card.html.haml

@@ -1,4 +1,4 @@
-%div.panel.panel-success
+%div.panel
   %div.panel-heading
     %ul.inline.list-inline.pull-right
       = menu_for :member, @abstract_model, object, true
@@ -6,6 +6,7 @@
       = check_box_tag "bulk_ids[]", object.id, false, id: "bulk_ids_#{object.id}"
       %a{:"data-toggle" => "collapse", href: "#object-id-#{object.id}"}
         = (object.resume rescue false || object.display_name rescue false || object.title rescue false || object.name rescue false || object.code rescue false)
+        %b.caret
   %div{id: "object-id-#{object.id}", class: "panel-collapse collapse"}
     %div.panel-body
       - properties.map{ |property| property.bind(:object, object) }.each do |property|

data/app/views/rails_admin/main/dashboard.html.haml

@@ -1,22 +1,33 @@
 = breadcrumb
-- @list_bg = ['info', 'success', 'danger', 'success', 'info', 'warning', 'danger', 'info', 'success']
+- charts_high = []
+- charts_medium = []
+- self.methods.each do |m|
+  - charts_high << m if m.start_with? "charts_high_"
+  - charts_medium << m if m.start_with? "charts_medium_"
+  
+- charts_high.in_groups_of(2, false).each_with_index do |group, i|
+  .row
+    - group.each do |item|
+      .col-sm-6
+        .box= self.send(item)
+  
+- charts_medium.in_groups_of(3, false).each_with_index do |group, i|
+  .row
+    - group.each do |item|
+      .col-sm-4
+        .box= self.send(item)
+
 - if @abstract_models
   .row
-    - index = 0
     - @abstract_models.each do |abstract_model|
       - index_path = index_path(model_name: abstract_model.to_param)
-      - if authorized?(:index, abstract_model) && !index_path.include?("ckeditor")
-        - if index == @list_bg.length
-          - index = 0
-        - row_class = "box bg-#{ @list_bg[index].to_s } #{"link" if index_path} #{abstract_model.param_key}_links #{abstract_model.config.label_plural}"
+      - if authorized?(:index, abstract_model)
         .col-sm-4
-          .box{class: row_class, :"data-link" => index_path}
+          %a.box.pjax{href: index_path}
             %i{class: "icon-bg #{abstract_model.config.navigation_icon.present? ? abstract_model.config.navigation_icon : 'file' }"}
             .text-center
-              %p= capitalize_first_letter(abstract_model.config.label_plural)
-              %strong= @count[abstract_model.model.name].to_s
-              %p= link_to content_tag("i", "", class: "fa fa-list-ul"), index_path, class: 'btn btn-black pjax'
-        - index += 1
+              %p.model= capitalize_first_letter(abstract_model.config.label_plural)
+              %strong.count= @count[abstract_model.model.name].to_s
 
 - if @auditing_adapter && authorized?(:history_index)
   #block-tables.block

data/app/views/rails_admin/main/index.html.haml

@@ -24,10 +24,10 @@
     = bulk_menu
   - if filterable_fields.present?
     %li.dropdown{style: 'float:right'}
-      %a.dropdown-toggle{href: '#', :'data-toggle' => "dropdown"}
+      %a.dropdown-toggle#filters-menu{ :'data-toggle' => "dropdown", :'aria-haspopup'=>"true", :'aria-expanded'=>"true"}
         = t('admin.misc.add_filter')
         %b.caret
-      %ul.dropdown-menu#filters{style: 'left:auto; right:0;'}
+      %ul.dropdown-menu#filters{style: 'left:auto; right:0;', :'aria-labelledby'=>"filters-menu"}
         - filterable_fields.each do |field|
           - field_options = case field.type
           - when :enum
@@ -44,27 +44,26 @@
 
 #list
   = form_tag(index_path(params.except(*%w[page f query])), method: :get, class: "pjax-form form-inline") do
-    .well
-      %span#filters_box{data: {options: ordered_filter_options.to_json}}
-      %hr.filters_box{style: "display:#{ordered_filters.empty? ? 'none' : 'block'}"}
-      .input-group
-        %input.form-control.input-small{name: "query", type: "search", value: query, placeholder: t("admin.misc.filter")}
-        %span.input-group-btn
-          %button.btn.btn-primary{type: 'submit', :'data-disable-with' => '<i class="icon-white icon-refresh"></i> '.html_safe + t('admin.misc.refresh')}
-            %i.icon-white.icon-refresh
-            = t('admin.misc.refresh')
-          %button#remove_filter.btn.btn-info{title: "Reset filters"}
-            %i.icon-white.icon-remove
-      - if export_action
-        %span{style: 'float:right'}= link_to wording_for(:link, export_action), export_path(params.except('set').except('page')), class: 'btn btn-info'
+    %span#filters_box{data: {options: ordered_filter_options.to_json}}
+    %hr.filters_box{style: "display:#{ordered_filters.empty? ? 'none' : 'block'}"}
+    .input-group
+      %input.form-control.input-small{name: "query", type: "search", value: query, placeholder: t("admin.misc.filter")}
+      %span.input-group-btn
+        %button.btn.btn-primary{type: 'submit', :'data-disable-with' => '<i class="icon-white icon-refresh"></i> '.html_safe + t('admin.misc.refresh')}
+          %i.icon-white.icon-refresh
+          = t('admin.misc.refresh')
+        %button#remove_filter.btn.btn-info{title: "Reset filters"}
+          %i.icon-white.icon-remove
+    - if export_action
+      %span{style: 'float:right'}= link_to wording_for(:link, export_action), export_path(params.except('set').except('page')), class: 'btn btn-info'
 
   - unless @model_config.list.scopes.empty?
-    %ul.nav.nav-tabs#scope_selector
-      - @model_config.list.scopes.each_with_index do |scope, index|
+    %ul.nav.nav-tabs.nav-justified#scope_selector
+      - @model_config.list.scopes.each do |scope|
         - scope = '_all' if scope.nil?
-        %li{class: "#{'active' if scope.to_s == params[:scope] || (params[:scope].blank? && index == 0)}"}
-          %a{href: index_path(params.merge(scope: scope, page: nil)), class: 'pjax'}= I18n.t("admin.scopes.#{@abstract_model.to_param}.#{scope}", default: I18n.t("admin.scopes.#{scope}", default: scope.to_s.titleize))
-
+        %li{ class: "#{ scope.to_s == params[:scope] || (params[:scope].nil? && scope == "_all") ? "selected" : "inactive"}"}
+          %a.nav-link{href: index_path(params.merge(scope: scope, page: nil)), class: 'pjax'}= I18n.t("admin.scopes.#{@abstract_model.to_param}.#{scope}", default: I18n.t("admin.scopes.#{scope}", default: scope.to_s.titleize))
+    
   = form_tag bulk_action_path(model_name: @abstract_model.to_param), method: :post, id: "bulk_form", class: ["form", frozen_columns ? 'ra-sidescroll' : nil], data: (frozen_columns ? {ra_sidescroll: frozen_columns} : {}) do
     = hidden_field_tag :bulk_action
     - if description.present?

data/config/initializers/rails_admin.rb

@@ -1,9 +1,9 @@
 require 'rails_admin'
 
 RailsAdmin.config do |config|
-  # config.main_app_name = Proc.new { |controller|
-  #  [(Settings.app_name rescue (ENV["APP_NAME"] || "TheCore App")), "#{controller.params[:action].try(:titleize)} (#{Time.zone.now.to_s(:time)})"]
-  # }
+  # Link for background Job
+  (config.navigation_static_links ||= {}).merge! "Background Monitor" => "#{ENV['RAILS_RELATIVE_URL_ROOT']}/app/sidekiq"
+
   ### Popular gems integration
   config.model "RoleUser" do
     visible false

data/config/locales/it.index_cards.custom.yml

@@ -14,7 +14,7 @@ it:
       scopes: ⋔
       add_filter: ⋔
       add_new: ⋔
-      refresh: ""
+      refresh: Apply Filters
       bulk_menu_title: ☰✔
     select:
       toggle: ☑

data/lib/thecore_ui_rails_admin/version.rb

@@ -1,3 +1,3 @@
 module ThecoreUiRailsAdmin
-  VERSION = '2.1.9'
+  VERSION = '2.1.14'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: thecore_ui_rails_admin
 version: !ruby/object:Gem::Version
-  version: 2.1.9
+  version: 2.1.14
 platform: ruby
 authors:
 - Gabriele Tassoni
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-19 00:00:00.000000000 Z
+date: 2020-08-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thecore_ui_commons
@@ -190,9 +190,11 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/thecore_ui_rails_admin_manifest.js
-- app/assets/javascripts/thecore_ui_rails_admin/thecore.js
+- app/assets/javascripts/rails_admin/ra.widgets.coffee
 - app/assets/javascripts/thecore_ui_rails_admin/thecore_rails_admin.js
 - app/assets/stylesheets/thecore_ui_rails_admin/animate.css
+- app/assets/stylesheets/thecore_ui_rails_admin/apexcharts.scss
+- app/assets/stylesheets/thecore_ui_rails_admin/colors.scss
 - app/assets/stylesheets/thecore_ui_rails_admin/common.scss
 - app/assets/stylesheets/thecore_ui_rails_admin/devise.scss
 - app/assets/stylesheets/thecore_ui_rails_admin/flashing.scss