adminpanel 2.6.1 → 3.0.0

data/app/assets/javascripts/adminpanel/filter-side-menu.coffee

@@ -0,0 +1,4 @@
+$(document).on 'page:load ready', ->
+  $('#search-modules').domFilter
+    input: '#search-input'
+    selector: '.accordion-group'

data/app/assets/javascripts/adminpanel/gallery.js.coffee.erb

@@ -0,0 +1,79 @@
+window.Dropzone.autoDiscover = false
+
+DropzoneHandler =
+  csrf: null
+
+  init: ->
+    @csrf = $('meta[name="csrf-token"]').attr('content')
+    _this = @
+    $('form[data-dropzone]').each((i,e)->
+      form = $(e)
+      parentObjectClass = form.data('parent-object-class')
+      parentObjectId = form.data('parent-object-id')
+
+      fields = form.data('dropzone-galleries')
+      for field, className of fields
+        model = className
+        field = field
+        dropzoneContainer = $("##{field}_dropzone")
+
+        if dropzoneContainer.length
+          maxfiles = $("##{_this.field}_dropzone").data('max-files')
+          maxfiles = null if (typeof maxfiles == 'undefined' || maxfiles == '')
+
+          dropzone = new Dropzone(
+            "##{field}_dropzone",
+            {
+              url: form.data('dropzone-url'),
+              previewsContainer: "##{field}_dropzone",
+              clickable: "##{field}_dropzone a.btn",
+              headers: { 'X-CSRF-Token':  _this.csrf },
+              addRemoveLinks: true,
+              dictCancelUpload: "<%= I18n.t('dropzone.cancel_upload') %>",
+              dictCancelUploadConfirmation: "<%= I18n.t('dropzone.cancel_upload_confirmation') %>"
+              dictRemoveFile: "<%= I18n.t('dropzone.remove_file') %>"
+              dictMaxFilesExceeded: "<%= I18n.t('dropzone.max_files_reached') %>"
+              maxFiles: maxfiles
+            }
+          )
+
+          dropzone.on('success', $.proxy(_this.onSuccessUpload, _this, dropzoneContainer, form, field))
+          dropzone.on('sending', $.proxy(_this.addModelToData, _this, model, parentObjectClass, parentObjectId))
+          dropzone.on('removedfile', $.proxy(_this.deleteFile, _this, form, field, model))
+
+          dropzoneContainer.find("input[type='hidden']").each((a, b)->
+            input = $(b)
+            mockFile = { name: input.data('file-name'), size: input.data('file-size') }
+            dropzone.emit('addedfile', mockFile)
+            dropzone.emit('thumbnail', mockFile, input.data('file-url'))
+            dropzone.emit('complete', mockFile)
+            dropzoneContainer.find('.dz-image').last().data('id', input.val())
+          )
+    )
+
+  onSuccessUpload: (dropzoneContainer, form, field, file, serverResponse) ->
+    $(file.previewElement).find('.dz-image').data('id', serverResponse['id'])
+    dropzoneContainer.append($('<input/>').attr('type', 'hidden').attr('name', "#{form.data('dropzone')}[#{field}_ids][]").val(serverResponse['id']))
+
+  addModelToData: (model, parentObjectClass, parentObjectId, file, xhr, formData) ->
+    formData.append('model', model)
+    formData.append('parent_object_class', parentObjectClass)
+    unless typeof parentObjectId == 'undefined'
+      formData.append('resource_id', parentObjectId)
+
+  deleteFile: (form, field, model, file) ->
+    imageToDelete = $(file.previewElement).find('.dz-image').data('id')
+    $.ajax(
+      url: form.data('dropzone-delete-url'),
+      dataType: 'json',
+      data:
+        model: model,
+        id: imageToDelete
+      type: 'DELETE'
+    )
+
+    $("input[type='hidden'][value='#{imageToDelete}'][name='#{form.data('dropzone')}[#{field}_ids][]']").remove()
+
+
+
+$(document).on('page:load ready', $.proxy(DropzoneHandler.init, DropzoneHandler))

data/app/assets/javascripts/adminpanel/realm.js

@@ -5,11 +5,8 @@ var ready = function(){
     $('.accordion-heading .accordion-toggle').not($(this)[0], '.accordion-heading .accordion-toggle.collapse').addClass('collapsed');
   });
 
-
   // show the overview boxes on the dashboard once they are loaded
   $('.overview_boxes .box_row').css('display', 'inline-block');
-  $(".knob").knob();
-
 
   // init tooltips on .tips class elements, text for the tooltip is in the data-title attribute on the element itself
   // $('.tip').tooltip();

data/app/assets/stylesheets/adminpanel/_search-input.scss.erb

@@ -0,0 +1,11 @@
+input[type="text"].search-input {
+  width: 85%;
+  border-radius: 15px;
+  margin-top: 10px;
+  margin-left: 7.5%;
+  margin-right: 7.5%;
+  padding-left: 30px;
+  background: url(<%= asset_path('adminpanel/magnifier.png') %>) no-repeat 8px 6px;
+  background-size: 15px 15px;
+  background-color: white;
+}

data/app/assets/stylesheets/adminpanel/bootstrap.css.erb

@@ -6098,6 +6098,6 @@ button.close {
 @media (min-width: 980px) {
   .nav-collapse.collapse {
     height: auto !important;
-    overflow: visible !important;
+    overflow: scroll !important;
   }
 }

data/app/assets/stylesheets/adminpanel/dropzone.css

@@ -0,0 +1,515 @@
+/*
+ * The MIT License
+ * Copyright (c) 2012 Matias Meno <m@tias.me>
+ */
+@-webkit-keyframes passing-through {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(40px);
+    -moz-transform: translateY(40px);
+    -ms-transform: translateY(40px);
+    -o-transform: translateY(40px);
+    transform: translateY(40px); }
+  30%, 70% {
+    opacity: 1;
+    -webkit-transform: translateY(0px);
+    -moz-transform: translateY(0px);
+    -ms-transform: translateY(0px);
+    -o-transform: translateY(0px);
+    transform: translateY(0px); }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+    transform: translateY(-40px); } }
+@-moz-keyframes passing-through {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(40px);
+    -moz-transform: translateY(40px);
+    -ms-transform: translateY(40px);
+    -o-transform: translateY(40px);
+    transform: translateY(40px); }
+  30%, 70% {
+    opacity: 1;
+    -webkit-transform: translateY(0px);
+    -moz-transform: translateY(0px);
+    -ms-transform: translateY(0px);
+    -o-transform: translateY(0px);
+    transform: translateY(0px); }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+    transform: translateY(-40px); } }
+@keyframes passing-through {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(40px);
+    -moz-transform: translateY(40px);
+    -ms-transform: translateY(40px);
+    -o-transform: translateY(40px);
+    transform: translateY(40px); }
+  30%, 70% {
+    opacity: 1;
+    -webkit-transform: translateY(0px);
+    -moz-transform: translateY(0px);
+    -ms-transform: translateY(0px);
+    -o-transform: translateY(0px);
+    transform: translateY(0px); }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-40px);
+    -moz-transform: translateY(-40px);
+    -ms-transform: translateY(-40px);
+    -o-transform: translateY(-40px);
+    transform: translateY(-40px); } }
+@-webkit-keyframes slide-in {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(40px);
+    -moz-transform: translateY(40px);
+    -ms-transform: translateY(40px);
+    -o-transform: translateY(40px);
+    transform: translateY(40px); }
+  30% {
+    opacity: 1;
+    -webkit-transform: translateY(0px);
+    -moz-transform: translateY(0px);
+    -ms-transform: translateY(0px);
+    -o-transform: translateY(0px);
+    transform: translateY(0px); } }
+@-moz-keyframes slide-in {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(40px);
+    -moz-transform: translateY(40px);
+    -ms-transform: translateY(40px);
+    -o-transform: translateY(40px);
+    transform: translateY(40px); }
+  30% {
+    opacity: 1;
+    -webkit-transform: translateY(0px);
+    -moz-transform: translateY(0px);
+    -ms-transform: translateY(0px);
+    -o-transform: translateY(0px);
+    transform: translateY(0px); } }
+@keyframes slide-in {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(40px);
+    -moz-transform: translateY(40px);
+    -ms-transform: translateY(40px);
+    -o-transform: translateY(40px);
+    transform: translateY(40px); }
+  30% {
+    opacity: 1;
+    -webkit-transform: translateY(0px);
+    -moz-transform: translateY(0px);
+    -ms-transform: translateY(0px);
+    -o-transform: translateY(0px);
+    transform: translateY(0px); } }
+@-webkit-keyframes pulse {
+  0% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+  10% {
+    -webkit-transform: scale(1.1);
+    -moz-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    -o-transform: scale(1.1);
+    transform: scale(1.1); }
+  20% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); } }
+@-moz-keyframes pulse {
+  0% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+  10% {
+    -webkit-transform: scale(1.1);
+    -moz-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    -o-transform: scale(1.1);
+    transform: scale(1.1); }
+  20% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); } }
+@keyframes pulse {
+  0% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+  10% {
+    -webkit-transform: scale(1.1);
+    -moz-transform: scale(1.1);
+    -ms-transform: scale(1.1);
+    -o-transform: scale(1.1);
+    transform: scale(1.1); }
+  20% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); } }
+.zone.dz-clickable {
+  cursor: pointer;
+}
+.zone.dz-clickable * {
+  cursor: default;
+}
+.zone.dz-clickable .dz-message, .zone.dz-clickable .dz-message * {
+  cursor: pointer;
+}
+.zone.dz-started .dz-message {
+  display: none;
+}
+.zone.dz-drag-hover {
+  border-style: solid;
+}
+.zone.dz-drag-hover .dz-message {
+  opacity: 0.5;
+}
+.zone .dz-message {
+  text-align: center;
+  margin: 2em 0;
+}
+.zone .dz-preview {
+  position: relative;
+  float: left;
+  display: inline-block;
+  vertical-align: top;
+  margin: 16px;
+  min-height: 100px;
+}
+.zone .dz-preview:hover {
+  z-index: 1000;
+}
+.zone .dz-preview:hover .dz-details {
+  opacity: 1;
+}
+.zone .dz-preview.dz-file-preview .dz-image {
+  border-radius: 20px;
+  background: #999;
+  background: linear-gradient(to bottom, #eee, #ddd);
+}
+.zone .dz-preview.dz-file-preview .dz-details {
+  opacity: 1;
+}
+.zone .dz-preview.dz-image-preview .dz-details {
+  -webkit-transition: opacity 0.2s linear;
+  -moz-transition: opacity 0.2s linear;
+  -ms-transition: opacity 0.2s linear;
+  -o-transition: opacity 0.2s linear;
+  transition: opacity 0.2s linear;
+}
+.zone .dz-preview .dz-remove {
+  font-size: 14px;
+  text-align: center;
+  display: block;
+  cursor: pointer;
+  border: none;
+}
+.zone .dz-preview .dz-remove:hover {
+  text-decoration: underline;
+}
+.zone .dz-preview:hover .dz-details {
+  opacity: 1;
+}
+.zone .dz-preview .dz-details {
+  z-index: 20;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  font-size: 13px;
+  min-width: 100%;
+  max-width: 100%;
+  padding: 2em 1em;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 150%;
+}
+.zone .dz-preview .dz-details .dz-size {
+  margin-bottom: 1em;
+  font-size: 16px;
+}
+.zone .dz-preview .dz-details .dz-filename {
+  white-space: nowrap;
+}
+.zone .dz-preview .dz-details .dz-filename:hover span {
+  border: 1px solid rgba(200, 200, 200, 0.8);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+.zone .dz-preview .dz-details .dz-filename:not(:hover) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.zone .dz-preview .dz-details .dz-filename:not(:hover) span {
+  border: 1px solid transparent;
+}
+.zone .dz-preview .dz-details .dz-filename span, .zone .dz-preview .dz-details .dz-size span {
+  background-color: rgba(255, 255, 255, 0.4);
+  padding: 0 0.4em;
+  border-radius: 3px;
+}
+.zone .dz-preview:hover .dz-image img {
+  -webkit-transform: scale(1.05, 1.05);
+  -moz-transform: scale(1.05, 1.05);
+  -ms-transform: scale(1.05, 1.05);
+  -o-transform: scale(1.05, 1.05);
+  transform: scale(1.05, 1.05);
+  -webkit-filter: blur(8px);
+  filter: blur(8px);
+}
+.zone .dz-preview .dz-image {
+  border-radius: 20px;
+  overflow: hidden;
+  width: 120px;
+  height: 120px;
+  position: relative;
+  display: block;
+  z-index: 10;
+}
+.zone .dz-preview .dz-image img {
+  display: block;
+}
+.zone .dz-preview.dz-success .dz-success-mark {
+  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+}
+.zone .dz-preview.dz-error .dz-error-mark {
+  opacity: 1;
+  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+}
+.zone .dz-preview .dz-success-mark, .zone .dz-preview .dz-error-mark {
+  pointer-events: none;
+  opacity: 0;
+  z-index: 500;
+  position: absolute;
+  display: block;
+  top: 50%;
+  left: 50%;
+  margin-left: -27px;
+  margin-top: -27px;
+}
+.zone .dz-preview .dz-success-mark svg, .zone .dz-preview .dz-error-mark svg {
+  display: block;
+  width: 54px;
+  height: 54px;
+}
+.zone .dz-preview.dz-processing .dz-progress {
+  opacity: 1;
+  -webkit-transition: all 0.2s linear;
+  -moz-transition: all 0.2s linear;
+  -ms-transition: all 0.2s linear;
+  -o-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+.zone .dz-preview.dz-complete .dz-progress {
+  opacity: 0;
+  -webkit-transition: opacity 0.4s ease-in;
+  -moz-transition: opacity 0.4s ease-in;
+  -ms-transition: opacity 0.4s ease-in;
+  -o-transition: opacity 0.4s ease-in;
+  transition: opacity 0.4s ease-in;
+}
+.zone .dz-preview:not(.dz-processing) .dz-progress {
+  -webkit-animation: pulse 6s ease infinite;
+  -moz-animation: pulse 6s ease infinite;
+  -ms-animation: pulse 6s ease infinite;
+  -o-animation: pulse 6s ease infinite;
+  animation: pulse 6s ease infinite;
+}
+.zone .dz-preview .dz-progress {
+  opacity: 1;
+  z-index: 1000;
+  pointer-events: none;
+  position: absolute;
+  height: 16px;
+  left: 50%;
+  top: 50%;
+  margin-top: -8px;
+  width: 80px;
+  margin-left: -40px;
+  background: rgba(255, 255, 255, 0.9);
+  -webkit-transform: scale(1);
+  border-radius: 8px;
+  overflow: hidden;
+}
+.zone .dz-preview .dz-progress .dz-upload {
+  background: #333;
+  background: linear-gradient(to bottom, #666, #444);
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 0;
+  -webkit-transition: width 300ms ease-in-out;
+  -moz-transition: width 300ms ease-in-out;
+  -ms-transition: width 300ms ease-in-out;
+  -o-transition: width 300ms ease-in-out;
+  transition: width 300ms ease-in-out;
+}
+.zone .dz-preview.dz-error .dz-error-message {
+  display: block;
+}
+.zone .dz-preview.dz-error:hover .dz-error-message {
+  opacity: 1;
+  pointer-events: auto;
+}
+.zone .dz-preview .dz-error-message {
+  pointer-events: none;
+  z-index: 1000;
+  position: absolute;
+  display: block;
+  display: none;
+  opacity: 0;
+  -webkit-transition: opacity 0.3s ease;
+  -moz-transition: opacity 0.3s ease;
+  -ms-transition: opacity 0.3s ease;
+  -o-transition: opacity 0.3s ease;
+  transition: opacity 0.3s ease;
+  border-radius: 8px;
+  font-size: 13px;
+  top: 130px;
+  left: -10px;
+  width: 140px;
+  background: #be2626;
+  background: linear-gradient(to bottom, #be2626, #a92222);
+  padding: 0.5em 1.2em;
+  color: white;
+}
+.zone .dz-preview .dz-error-message:after {
+  content: '';
+  position: absolute;
+  top: -6px;
+  left: 64px;
+  width: 0;
+  height: 0;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #be2626;
+}
+.zone {
+  background: -webkit-radial-gradient(center, ellipse, #95A5A6 0, #34495E 100%);
+  background: radial-gradient(ellipse at center, #95A5A6 0, #34495E 100%);
+  width: 57.26495726495726%;
+  height: 50%;
+  border: 5px dashed white;
+  text-align: center;
+  color: white;
+  z-index: 20;
+  -webkit-transition: all 0.3s ease-out;
+          transition: all 0.3s ease-out;
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
+  float: left;
+}
+
+@media (max-width: 767px) {
+  .zone {
+    width: 100%;
+  }
+}
+
+.zone .btnCompression .active {
+  background: #95A5A6;
+  color: white;
+}
+.zone i {
+  text-align: center;
+  font-size: 50px;
+  color: #fff;
+  margin-top: 25px;
+}
+.zone .selectFile {
+  margin: 10px auto;
+}
+.zone label {
+  cursor: pointer;
+  display: block;
+}
+.zone a.btn {
+  border-radius: 5px;
+  background: #fff;
+  color: #95A5A6;
+  display: inline-block;
+  text-align: center;
+  box-shadow: 0 1px 1px gray;
+}
+.zone a.btn:hover {
+  color: #95A5A6;
+}
+.zone input[type=file] {
+  opacity: 0;
+}
+.zone.in {
+  color: white;
+  border-color: white;
+  background: -webkit-radial-gradient(center, ellipse, #95A5A6 0, #34495E 100%);
+  background: radial-gradient(ellipse at center, #95A5A6 0, #34495E 100%);
+}
+.zone.in i {
+  color: #fff;
+}
+.zone.in label {
+  background: #fff;
+  color: #95A5A6;
+}
+.zone.hover {
+  color: gray;
+  border-color: white;
+  background: #fff;
+  border: 5px dashed gray;
+}
+.zone.hover i {
+  color: #95A5A6;
+}
+.zone.hover label {
+  background: #fff;
+  color: #95A5A6;
+}
+.zone.fade {
+  -webkit-transition: all 0.3s ease-out;
+          transition: all 0.3s ease-out;
+  opacity: 1;
+}
+
+.zone-label {
+  float: left;
+  width: 160px;
+  padding-top: 5px;
+  text-align: right
+}
+
+.zone-container {
+  width: 100%;
+  position: relative;
+  float: left;
+  margin-bottom: 20px;
+}