alchemy-custom-model 0.1.0

data/app/assets/javascripts/alchemy-custom-model/elfinder_ui_manifest.js

@@ -0,0 +1,4 @@
+//= require jquery
+//= require jquery-ui
+//= require "./el_finder"
+//= require "./total_page_elfinder"

data/app/assets/javascripts/alchemy-custom-model/manifest.js

@@ -0,0 +1,23 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery-ui
+//= require "./custom_tiny_mce"
+//= require "./custom_admin_element_editor"
+//= require "./nested_attributes_sortable"
+//= require "./change_language"
+//= require "./subobjects"
+//= require select2_locale_it
+//= require "./select2filter"
+//= require "./el_finder"
+//= require "./total_page_elfinder"
+//= require "./common_init"

data/app/assets/javascripts/alchemy-custom-model/nested_attributes_sortable.js.coffee

@@ -0,0 +1,25 @@
+$ = jQuery
+
+# Adds plugin object to jQuery
+$.fn.extend
+  nested_attributes_sortable: (options) ->
+# Default settings
+    settings =
+      field: null #campo obbligatorio
+
+    # Merge default settings with options.
+    settings = $.extend settings, options
+
+    console.error('field required for nested_attributes_sortable') if settings.field == ''
+
+    return @each ()->
+      $(@).sortable(
+        update: (event, ui)->
+          console.log(arguments);
+          $(event.target).find(settings.field).each (i)->
+            $(@).val(i)
+          $(event.target).find('*').trigger('parent_sorted', event.target);
+        stop:(event)->
+          $(event.target).find('*').trigger('parent_stop_sorted', event.target);
+      );
+      $(@).disableSelection();

data/app/assets/javascripts/alchemy-custom-model/select2filter.js

@@ -0,0 +1,51 @@
+(function ($) {
+
+    $.fn.select2filter = function (options) {
+
+        var options = $.extend({
+            elementToFilter: "",
+            hideparam: "to-hide-id"
+        }, options);
+
+        if (options.elementToFilter === "") {
+            throw "select2filter: You have to specify elementToFilter option";
+        }
+
+
+        return this.each(function (index, element) {
+            var allOptions = $(options.elementToFilter).find("option");
+            if ($(options.elementToFilter).val() == "") {
+                $(options.elementToFilter).prop("disabled", true);
+            }
+            var select = this
+
+            $(this).change(function (event) {
+
+                if ($(element).val() != "") {
+                    $(options.elementToFilter).select2("destroy");
+                    $(options.elementToFilter).html(allOptions);
+                    $(options.elementToFilter).val(null);
+
+                    $(options.elementToFilter).find("option").each(function (index, element) {
+                        var selectedValue = $(select).val();
+                        if ($(this).val() != "" && $(this).attr("data-" + options.hideparam) != selectedValue) {
+                            $(this).remove();
+                        }
+                    });
+
+                    $(options.elementToFilter).prop("disabled", false);
+                    $(options.elementToFilter).select2({
+                        //allowClear: true,
+                        minimumResultsForSearch: 7,
+                        dropdownAutoWidth: true
+
+                    });
+
+
+                }
+            });
+        })
+
+    }
+
+})(jQuery);

data/app/assets/javascripts/alchemy-custom-model/subobjects.js

@@ -0,0 +1,98 @@
+(function ($) {
+
+    $.fn.subobjects = function (options) {
+
+        var options = $.extend(options, {});
+
+
+        function maximizza(row) {
+            var last_element = $(row).find(".fields").find(".input").not(".hidden").last()[0];
+            var height = $(last_element).offset().top - row.offset().top;
+            row.height(height + $(last_element).height());
+        }
+
+
+        function minimizza(row) {
+
+            var first_element = $(row).find(".fields").find(".input").not(".hidden").first()[0];
+            var height = $(first_element).offset().top - row.offset().top;
+            row.height(height + $(first_element).height());
+        }
+
+
+        return this.each(function (index, element) {
+            var subObjContainer = $(this).find(".sub_objects_container")[0];
+
+            $(subObjContainer).nested_attributes_sortable({field: '.sortable_field'});
+
+            var buttonAdd = $(this).find(".add").get(0);
+            $(buttonAdd).on("click", function (event) {
+                event.preventDefault();
+                var url_partial = $(buttonAdd).data("url");
+                var element_to_load = $(buttonAdd).data("to-load");
+
+                $.ajax({
+                    url: url_partial,
+                    dataType: "html",
+                    method: "GET",
+                    success: function (data, textStatus, jqXHR) {
+                        var to_load = $(data).find(element_to_load);
+                        var to_load_id = $(to_load).last().next("input");
+                        $(to_load).removeClass("sample");
+                        $(subObjContainer).append($(to_load).last());
+                        $(subObjContainer).append(to_load_id);
+
+                    },
+                    error: function (jqXHR, textStatus, errorThrown) {
+                        console.error(errorThrown)
+                    }
+                });
+            });
+
+
+            var buttonMaximizeAll = $(this).find(".maximize_all").get(0);
+            $(buttonMaximizeAll).on("click", function (event) {
+                event.preventDefault();
+                $(subObjContainer).find(".subobject_row:not('.sample')").each(function (index, element) {
+                    maximizza($(element));
+                });
+            });
+
+
+            var buttonMinimizeAll = $(this).find(".minimize_all").get(0);
+            $(buttonMinimizeAll).on("click", function (event) {
+                event.preventDefault();
+                $(subObjContainer).find(".subobject_row:not('.sample')").each(function (index, element) {
+                    minimizza($(element));
+                });
+            });
+
+
+            $(this).on('click', ".subobject_row .remove", function (event) {
+                event.preventDefault();
+                var buttonRemove = event.target
+
+                var toHide = $(this).closest(".subobject_row");
+                var destroyField = $(this).find("input")[0];
+                $(destroyField).val(true);
+                $(toHide).hide(500);
+
+
+            });
+
+            $(this).on('click', ".subobject_row .minimize", function (event) {
+                event.preventDefault();
+                minimizza($(this).closest(".subobject_row"));
+            })
+
+            $(this).on('click', ".subobject_row .maximize", function (event) {
+                event.preventDefault();
+                maximizza($(this).closest(".subobject_row"));
+            });
+
+
+        });
+    }
+
+})(jQuery);
+

data/app/assets/javascripts/alchemy-custom-model/total_page_elfinder.js.coffee

@@ -0,0 +1,15 @@
+$ ->
+  if($('#elfinder').size()>0)
+    datas = $('#elfinder').data()
+
+    elf = new ElFinderConfigurator(
+      mode: 'single_selection',
+      volumes: datas['elfinderVolumes']
+    )
+
+    elf.once 'file_select', (file,fm)->
+      parent.tinymce.activeEditor.windowManager.getParams().oninsert(file, fm);
+      parent.tinymce.activeEditor.windowManager.close();
+
+    elf.start($('#elfinder'))
+

data/app/assets/stylesheets/alchemy-custom-model/custom_elfinder.css.scss

@@ -0,0 +1,130 @@
+//= require jquery-ui
+//= require elfinder/css/elfinder.min
+//= require elfinder/css/theme
+
+.elfinder_picture_gallery {
+  .blk_container_immagini {
+    background-color: #d8d8d8;
+    width: 85%;
+    display: block;
+    float: left;
+
+    .gallery_item_blk {
+      display: block;
+      float: left;
+      margin: 6px;
+      width: 100px;
+      height: 100px;
+      overflow: hidden;
+
+      .open_el_finder {
+        width: 98%;
+        height: 98%;
+        margin: auto;
+        display: block;
+        background-color: rgba(236, 169, 110, 0.75);
+        text-align: center;
+
+        i.fa-images {
+          font-size: 50px;
+          margin-top: 20px;
+        }
+      }
+    }
+  }
+}
+
+.elfinder_picture_thumbnail {
+
+  margin: 8px;
+  background-color: #fff;
+  display: inline-block;
+  position: relative;
+  box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.5);
+  width: 160px;
+  height: 140px;
+
+  .picture_image {
+    height: 100px;
+    width: 100px;
+    display: block;
+    margin: 5px auto 5px auto;
+
+  }
+
+  .edit_images_bottom {
+    position: absolute;
+    display: flex;
+    justify-content: space-between;
+    left: 0;
+    bottom: 0;
+    z-index: 0;
+    width: 100%;
+    padding: 4px 2px;
+    background-color: #f0f0f0;
+
+    a {
+      margin: 0 2px;
+      padding: 2px;
+      cursor: pointer;
+    }
+  }
+
+}
+
+/* Nascondo il pulsante save_as nell'editing di un'immagine */
+.elfinder-dialog {
+  .ui-dialog-buttonset {
+    .elfinder-btncnt-1 {
+      display: none;
+    }
+  }
+}
+
+.elfinder_attachment {
+  margin: 8px;
+  background-color: #fff;
+  display: inline-block;
+  position: relative;
+  box-shadow: 0 0 0 1px rgba(175, 175, 175, 0.5);
+  width: 80px;
+  height: 80px;
+
+  .attachment_file {
+    height: 50px;
+    width: 50px;
+    display: block;
+    margin: 5px auto 5px auto;
+
+  }
+
+  .container_icon_container {
+    padding: 3px;
+  }
+
+  .edit_file_bottom {
+    position: absolute;
+    display: flex;
+    justify-content: space-between;
+    left: 0;
+    bottom: 0;
+    z-index: 0;
+    width: 100%;
+    padding: 4px 2px;
+    background-color: #f0f0f0;
+
+    a {
+      margin: 0 2px;
+      padding: 2px;
+      cursor: pointer;
+    }
+  }
+
+}
+
+/* Modifiche stile elfinder*/
+.elfinder {
+  .elfinder-preference-tabs {
+    clear: both;
+  }
+}

data/app/assets/stylesheets/alchemy-custom-model/custom_style.css.scss

@@ -0,0 +1,228 @@
+.base_form_container {
+
+  .category_tree {
+
+    &.sortable, &.margined {
+      padding-top: 100px;
+    }
+
+    &.sortable_products.margined {
+      padding-top: 5px;
+    }
+
+    .category_block, .product_block {
+
+      height: 32px;
+      margin: 12px 0;
+      position: relative;
+      transition: background-color 250ms;
+
+      &:hover {
+        background-color: rgba(251, 251, 216, 0.5);
+        border-radius: 3px;
+      }
+
+      .icon {
+        position: relative;
+        width: 32px;
+        line-height: 32px;
+        float: left;
+        padding: 0 8px;
+        text-align: center;
+      }
+
+      .category, .product {
+        border-bottom-left-radius: 3px;
+        border-top-left-radius: 3px;
+        line-height: 28px;
+        overflow: hidden;
+        background-color: rgba(255, 255, 255, 0.75);
+
+        .name {
+          display: block;
+          padding: 0 10px;
+          margin: 2px;
+          text-decoration: none;
+        }
+
+        &.disabled {
+          background-color: #efefef;
+        }
+      }
+
+      .right_tools {
+        height: 32px;
+        padding: 0 8px;
+        float: right;
+
+        .tool {
+          float: left;
+          width: 32px;
+          height: 32px;
+          line-height: 32px;
+          text-align: center;
+          margin: 0;
+          position: relative;
+          display: inline-block;
+        }
+      }
+    }
+  }
+
+  .form_in_page {
+    width: 80% !important;
+
+    form .control-label {
+      width: 15%;
+    }
+
+    form {
+      input[type="url"],
+      input[type="text"],
+      input[type="email"],
+      input[type="password"],
+      textarea,
+      .select2-container,
+      .mce-tinymce,
+      .with-hint{
+        width: 85%;
+      }
+      .tinymce_container {
+        width: 85%;
+        float: left;
+      }
+      .input.boolean {
+        margin-left: 15%;
+      }
+    }
+
+    /*form {
+
+      .input {
+        margin: 5px 0px 5px 0px;
+        padding: 0px 5px;
+
+        label {
+          display: block;
+          float: none;
+          text-align: left;
+          width: 100%;
+        }
+
+        input,textarea, select, .select2-container{
+          float: none;
+        }
+
+        select {
+          width: 65%;
+          margin: 4px 0;
+        }
+
+        input[type='checkbox'] {
+          float: left;
+        }
+
+        .tinymce_container {
+          float: none;
+        }
+      }
+    } */
+
+    .subobjects {
+
+      .sub_objects_container {
+        margin-top: 10px;
+      }
+
+      .subobject_row.sample {
+        display: none;
+      }
+
+      legend {
+        float: left;
+        line-height: 35px;
+        margin-right: 10px;
+        width: 100%;
+      }
+      .buttons {
+        text-align: right;
+      }
+      .subobject_row {
+        background-color: #d8d8d8;
+        margin-bottom: 10px;
+        padding-right: 10px;
+        padding-top: 3px;
+        overflow: hidden;
+        border-radius: 3px;
+        border: 1px solid #c0c0c0;
+      }
+
+      .remove {
+        .icon_button {
+          i {
+            color: red;
+          }
+        }
+      }
+    }
+  }
+
+  .field_with_errors {
+    .error {
+      display: block;
+      color: #a23434;
+      padding-left: 15%;
+    }
+  }
+
+  .after_save_messages{
+    margin-left: 15%;
+  }
+
+}
+
+.main_navi_entry {
+  line-height: 25px;
+}
+
+.form_cloner{
+  .error{
+    padding-left: 35%;
+    color: #a23434;
+  }
+}
+
+.alchemy-dialog-container{
+  .base-errors{
+    color: #a23434;
+  }
+}
+
+#toolbar{
+  .current_site_language{
+    position: absolute;
+    right: 255px;
+    top: 13px;
+    color: rgba(51, 59, 81, 0.8);
+
+    strong{
+      font-size: 15px;
+    }
+  }
+}
+
+
+.edit_ingredients{
+
+  .preparation{
+    padding: 15px;
+
+    fieldset{
+
+      .text{
+        padding-left: 15px
+      }
+    }
+  }
+}
+