symphonia 2.1.7

data/app/assets/javascripts/symphonia/_core.js

@@ -0,0 +1,45 @@
+String.prototype.parameterize = function () {
+  return this.trim().replace(/[^a-zA-Z0-9-\s]/g, '').replace(/[^a-zA-Z0-9-]/g, '-').toLowerCase();
+};
+Number.prototype.pad = function (size) {
+  var s = String(this);
+  while (s.length < (size || 2)) {
+    s = "0" + s;
+  }
+  return s;
+};
+
+$(document).on('ajaxSend', function (event, request, settings) {
+  $('#ajax-indicator').fadeIn('fast');
+});
+
+$(document).on('ajaxComplete', function (event, request, settings) {
+  $('#ajax-indicator').fadeOut('fast');
+});
+window.Symphonia = {
+  routes: {},
+
+  toggle: function (element, state) {
+    if (typeof(state) === 'boolean') {
+      if (state) {
+        element.style.display = null;
+      } else {
+        element.style.display = 'none'
+      }
+    } else {
+      window.Symphonia.toggle(element, (element.style.display === 'none'));
+    }
+  },
+  renderFlash: function (message, type) {
+    var container = document.getElementById("flash_messages");
+    container.innerHTML = "";
+    var c = document.createElement("div");
+    c.setAttribute("class", "alert alert-" + (type || "success"));
+    c.innerText = message.body || message.title;
+    var b = document.createElement("button");
+    b.setAttribute("class", "fa fa-times-circle-o close");
+    b.dataset.dismiss = "alert";
+    c.appendChild(b);
+    container.appendChild(c)
+  }
+}

data/app/assets/javascripts/symphonia/application.js.erb

@@ -0,0 +1,147 @@
+//= require rails-ujs
+//= require turbolinks
+//= require jquery3
+//= require popper
+//= require bootstrap-sprockets
+
+//= require symphonia/_core
+//= require symphonia/Sortable
+
+//= require bootstrap-datepicker/core
+//= require bootstrap-datepicker/locales/bootstrap-datepicker.cs.js
+
+//= require_self
+//= require symphonia/symphonia_bootstrap_dialog
+//= require symphonia/filters
+
+document.addEventListener("turbolinks:load", initDatepicker);
+$(document).on("ready turbolinks:load", function () {
+  var item = document.getElementsByTagName("body")[0].dataset.menuItem;
+  var menuItem = document.querySelector("header ul.nav li." + item);
+  if (menuItem) {
+    $("header ul.nav li").removeClass('active');
+    menuItem.className += ' active';
+  }
+  if (typeof($.colorbox) === "function") {
+    $.colorbox.remove();
+    $('a.symphonia-lightbox[data-lightbox="true"]').colorbox({rel: 'gallery', maxHeight: '80%', photo: true});
+  }
+  var images = document.getElementById("editable_images");
+  if (images) {
+    new Sortable(images, {
+      animation: 0,
+      draggable: ".entity-edit-image",
+      scroll: true,
+      onUpdate: function (event) {
+        $.ajax({
+          url: Symphonia.routes.reorderImagesPath,
+          data: {
+            position: event.newIndex + 1,
+            id: event.item.dataset.id
+          },
+          type: 'PATCH'
+        });
+      }
+    })
+  }
+});
+$(document).on('click', '.share-buttons a', function (event) {
+  event.preventDefault();
+  window.open(this.href, this.title, 'toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=no,width=620,height=320px');
+});
+
+function toggleMultiSelect(select) {
+  var $select = $(select);
+  $select.prop("multiple", !$select.prop("multiple"));
+}
+function initDatepicker(input) {
+  var selector = 'input[type=text].datepicker';
+  if (typeof input === 'string') {
+    selector = input;
+  }
+  $(selector).each(function (index, item) {
+    var $item = $(item);
+    $item.datepicker({
+      'language': (item.dataset.datepickerLocale || 'cs'),
+      format: 'yyyy-mm-dd',
+      autoclose: true
+    });
+    var c = item.nextElementSibling;
+    if (c) {
+      c.onclick = function () {
+        $item.datepicker('show')
+      }
+    }
+  })
+}
+$(document).on('click', 'input.symphonia-query-submit-button', function (event) {
+  event.preventDefault();
+  var form = $(event.target).closest('form');
+  form.find('input, select').each(function (index, i) {
+    if (i.value.length === 0) {
+      i.disabled = true;
+    }
+  });
+  form.submit();
+});
+Symphonia.filters = {
+  search: function (el) {
+    if (!!el.value) {
+      if (el.dataset.remote) {
+        var data = {};
+        data[el.name] = el.value;
+        $.get(window.location.pathname, data, function (response) {
+          document.getElementById("main").innerHTML = response;
+        })
+      } else {
+        window.location.search = "?" + el.name + "=" + encodeURIComponent(el.value);
+      }
+
+    }
+  },
+  resetSearch: function (el) {
+    if (el.dataset.remote) {
+      $.get(window.location.pathname, {}, function (response) {
+        document.getElementById("main").innerHTML = response;
+      })
+    } else {
+      window.location.search = '';
+    }
+  },
+  removeRow: function(id) {
+    var el = document.getElementById(id);
+    el.remove();
+  }
+}
+function submitSymphoniaForm(formId) {
+  console.debug('submitSymphoniaForm in window will remove');
+  SymphoniaFilters.submit(formId);
+}
+function submitSymphoniaQueryQ(el) {
+  console.debug('submitSymphoniaQueryQ in window will remove');
+  Symphonia.filters.search(el);
+}
+$(document).on("change", "#query_data input:checkbox", function (event) {
+  SymphoniaCheckboxes.toggle(event.target, !event.target.checked)
+});
+SymphoniaCheckboxes = {
+  toggleAll: function (toggler) {
+    var isChecked = toggler.dataset.checked == 'true';
+    var inputs = toggler.querySelectorAll("input[type=checkbox]");
+    for (var i = 0; i < inputs.length; i++) {
+      this.toggle(inputs[i], isChecked)
+    }
+    toggler.dataset.checked = !isChecked;
+  },
+  toggle: function (input, isChecked) {
+    if (typeof(isChecked) === "undefined")
+      isChecked = input.checked;
+
+    input.checked = !isChecked;
+
+    var tr = input.closest("tr");
+    tr && tr.classList.toggle("info", !isChecked);
+
+    return input;
+  }
+};

data/app/assets/javascripts/symphonia/filters.js

@@ -0,0 +1,44 @@
+SymphoniaFilter = function(filtersForm) {
+  var form = document.getElementById(filtersForm);
+
+  $(document).ready(function() {
+    var n = form.querySelector(".symphonia-query-column-selector");
+    if (n) {
+      new Sortable(n, {
+        animation: 0,
+        draggable: "div.column",
+        scroll: false
+      })
+    }
+    initDatepicker(filtersForm + ' .filter-custom-date > .datepicker');
+  });
+
+  this.submit = function() {
+    var cols = document.querySelectorAll("#" + form.id + " .column input:checked");
+    var params = [];
+    for (var i=0;i < cols.length; i++) {
+      params.push(cols[i].name.replace(/\[|\]/g, ""))
+    }
+    var uri = form.action.replace(/[\?&]column_names=.*&?/, "");
+    if (!uri.includes("?")) {
+      uri = uri + "?"
+    }
+    if (params.length > 0) {
+      uri = uri + "&column_names=" + params.join("|")
+    }
+    var $filters = $("#"+form.id+" .symphonia-query-filters-selector").find("input, select");
+    $filters.each(function(_index, item) {
+      if (item.value && item.value !== "" && (item.type !== 'checkbox' || item.checked)) {
+        uri = uri + "&" + item.name + "=" + item.value;
+      }
+    });
+    window.location = uri
+  }
+};
+SymphoniaFilter.prototype.dateFilterCallback = function(element) {
+  if (element.value === 'custom') {
+    window.Symphonia.toggle(element.nextElementSibling)
+  } else {
+    window.Symphonia.toggle(element.nextElementSibling, false)
+  }
+};

data/app/assets/javascripts/symphonia/symphonia_bootstrap_dialog.js

@@ -0,0 +1,136 @@
+/**
+ * Symphonia modal dialog pop-up.
+ * @param {String} id
+ * @param {Object} options
+ * @param {String} options.title - Title of dialog window.
+ * @param {Boolean} options.force - If dialog element exists, will remove and replace new one.
+ * @param {String} options.text - Text for body of dialog window.
+ * @param {String} options.html - Content (html) for body of dialog window.
+ * @param {String} options.submit - Text of submit button. If provided generate submit button.
+ * @param {Boolean} options.large - Use Large modal
+ */
+SymphoniaDialog = function (id, options) {
+  var options = $.extend(options, {});
+  if (options["force"] === undefined)
+    options["force"] = true;
+
+  this.id = id || 'ajax_modal';
+  var m = document.getElementById(this.id);
+
+  // var currentDialog = document.getElementById(this.id + "__symphonia_dialog");
+  // if (currentDialog) {
+  //   currentDialog.remove();
+  // }
+
+  var dialog = document.createElement("div");
+  var modalDialog = document.createElement("div");
+  modalDialog.className = "modal-dialog";
+  if (options["large"]) {
+    modalDialog.classList.add("modal-lg")
+  }
+  dialog.setAttribute("role", "document");
+
+  var content = document.createElement("div");
+  content.className = "modal-content";
+  var heading = document.createElement("div");
+  heading.className = "modal-header";
+  var modalTitle = document.createElement("h5");
+  modalTitle.className = "modal-title";
+  var body = document.createElement("div");
+
+  body.className = "modal-body";
+  dialog.id = this.id;
+  dialog.className = "modal fade";
+  dialog.setAttribute("role", "dialog");
+
+  // =-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-
+
+  this.appendSubmitButton = function (label) {
+    var submitButton = document.createElement('button');
+    submitButton.onclick = this.submit;
+    submitButton.innerText = (label === true) && 'Submit' || label;
+    submitButton.className = "btn btn-primary";
+    footer.appendChild(submitButton);
+    return submitButton;
+  };
+  this.submit = function () {
+    var form = dialog.querySelector("form");
+    if (form)
+      form.submit();
+  };
+  this.show = function () {
+    // dialog.find(".modal-body > .modal-content-inner-container").css({'max-height': window.innerHeight - 200});
+    // dialog.find(".modal-body > .modal-content-inner-container").css({'max-height': window.innerHeight - 200});
+    var t = dialog.querySelector(".title");
+    if (t && t.innerHTML === '') {
+      this.title = modalTitle.innerHTML;
+      t.remove();
+    }
+    $(dialog).modal({keyboard: true}).find("input:last").focus();
+  };
+  this.hide = function () {
+    $(dialog).modal("hide");
+  };
+  this.destroy = function () {
+    this.hide();
+    dialog.remove()
+  };
+  this.setMaxHeightOfContent = function() {
+    body.style.overflowY = 'auto';
+    body.style.maxHeight = window.innerHeight - 200 + "px";
+  };
+  // =-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-==-
+
+  modalTitle.innerText = options.title || '';
+
+  var closeButton = document.createElement("button");
+  closeButton.className = "close fa fa-times";
+  closeButton.dataset['dismiss'] = "modal";
+  heading.appendChild(modalTitle);
+  heading.appendChild(closeButton);
+
+  if (options.text)
+    body.innerText = options.text;
+  if (options.html)
+    body.innerHTML = options.html;
+
+  if (m) {
+    if (body.innerHTML === '')
+      body.innerHTML = m.innerHTML;
+    // m.remove();
+    dialog.id = this.id + '__symphonia_dialog';
+  }
+
+  var footer = document.createElement("div");
+  footer.className = "modal-footer";
+  if (options.submit) {
+    this.appendSubmitButton(options.submit);
+  }
+
+  content.appendChild(heading);
+  content.appendChild(body);
+  content.appendChild(footer);
+  modalDialog.appendChild(content);
+  dialog.appendChild(modalDialog);
+
+  if (options.force) {
+    var currentDialog = document.getElementById(dialog.id);
+    if (currentDialog)
+      currentDialog.remove();
+  }
+  document.body.appendChild(dialog);
+
+  this.container = modalDialog;
+  this.title = modalTitle;
+  this.body = body;
+  this.footer = footer;
+};
+SymphoniaDialog.prototype.close = function () {
+  this.hide();
+};
+window.Symphonia.dialog = {
+  show: function(IDcontainer, options) {
+    var modal = new SymphoniaDialog(IDcontainer, options);
+    modal.show();
+  }
+}

data/app/assets/javascripts/symphonia/symphonia_ckeditor.js

@@ -0,0 +1,55 @@
+//= require ckeditor-jquery
+//= require_self
+
+CKEDITOR.editorConfig = function( config )
+{
+    config.resize_enabled = true;
+    config.toolbarStartupExpanded = true;
+    config.extraAllowedContent = 'blockquote table pre code big small img section a i span; *[id](*); *[class](*); *[style](*)';
+    config.keystrokes = [
+        [ CKEDITOR.CTRL + 76, null ]                      // CTRL + L
+    ];
+    // config.allowedContent = true;
+    config.tabSpaces = 4;
+    config.toolbar_Full = [
+        ['Bold','Italic','Underline','Strike','NumberedList','BulletedList','Subscript','Superscript','-','Outdent','Indent','Blockquote'],
+        ['Styles','Format','Font','FontSize'],
+        ['TextColor','BGColor'],
+        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
+        ['Link','Unlink','Anchor'],
+        ['Image','Table','HorizontalRule','Smiley','SpecialChar','-','Maximize', 'ShowBlocks'],
+        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker'],
+        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
+        ['Source','Preview','Templates']
+    ];
+
+    config.toolbar_Extended = [
+        ['Bold','Italic','Underline','Strike'],['TextColor','BGColor','Link','Unlink'],
+        ['NumberedList','BulletedList'],['Image','PasteFromWord','Table','Source'],
+        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
+        ['Format','Font','FontSize'],
+        ['Table','HorizontalRule'],
+        ['Cut','Copy','Paste','PasteText']
+    ];
+
+    config.toolbar_Basic = [
+        ['Bold','Italic','Underline','Strike'],['TextColor','BGColor','Link','Unlink'],
+        ['NumberedList','BulletedList'],['Image','PasteFromWord','Table','Source']
+    ];
+
+};
+
+
+SymphoniaCKeditor = {
+    insertHtml: function(id) {
+        var inputs = document.querySelectorAll("input.image:checked");
+        for (var i=(inputs.length - 1); i >= 0; i--){
+            var input = inputs[i];
+            var img = document.createElement("img");
+            img.src = input.dataset.path; img.title = input.title;
+            img.style.maxWidth = "400px";
+            CKEDITOR.instances[id].insertHtml(img.outerHTML);
+        }
+        return this;
+    }
+};

data/app/assets/stylesheets/symphonia/application.css

@@ -0,0 +1,4 @@
+/*
+  *= require_self
+  *= require symphonia/filters
+*/

data/app/assets/stylesheets/symphonia/basic.scss

@@ -0,0 +1,218 @@
+@import 'font-awesome';
+ /* Font awesome aliases */
+.fa-add {
+  //@extend .fa-plus-circle:before;
+  @extend .fa-plus-circle !optional;
+}
+.fa-delete, .fa-del {
+  @extend .fa-trash-o !optional;
+}
+.fa-back {
+  @extend .fa-chevron-left !optional;
+}
+.fa-true {
+  @extend .fa-check !optional;
+}
+.fa-false {
+  @extend .fa-times !optional;
+}
+
+.fa-notice {
+  @extend .fa-check-circle !optional;
+}
+.fa-error {
+  @extend .fa-times-circle !optional;
+}
+.alert .fa-info {
+  @extend .fa-info-circle !optional;
+}
+[class^="fa-"]:before, [class*=" fa-"]:before {
+  //padding-right: 5px;
+}
+[class^="fa-"]:before:hover, a[class*=" fa-"]:before:hover {
+  text-decoration: none
+}
+.page-header.title, .page-header.title h1 {
+  margin-top: 0;
+}
+@mixin inactive-row {
+  opacity: 0.5
+}
+.reorder, .reorder label {
+  cursor: move;
+  cursor: -webkit-grabbing;
+}
+
+.flash {
+    border: 1px solid;
+    margin: 10px 0px;
+    padding:15px 10px 15px 10px;
+    background-repeat: no-repeat;
+    background-position: 10px center;
+    position:relative;
+    line-height: 30px;
+    &>i.icon:first-child {
+        font-family: FontAwesome;
+        font-size: 30px;
+
+        font-style: normal;
+        position:absolute;
+        top: 50%;
+        margin-top: -15px;
+    }
+    &>span.flash-content {
+        padding-left: 35px;
+
+    }
+}
+.info {
+    color: #00529B;
+    background-color: #BDE5F8;
+}
+.notice {
+    color: #4F8A10;
+    background-color: #DFF2BF;
+    &>i.icon:first-child:before {
+        content: "\f05d"
+    }
+}
+flash.recaptcha_error {
+    display: none;
+}
+.nodata, .no-data {
+    @extend .flash;
+    @extend .info;
+    text-align: center;
+    border-width: 3px;
+}
+
+div.error_explanation {
+    color: #D63301;
+    background-color: #FFCCBA;
+    border: 1px solid rgba(255,0,0,0.5);
+    position: relative;
+    margin: 0 0 25px 0;
+    h2 {
+      display: none;
+    }
+    ul {
+      margin: 0;
+      li {
+        line-height: 25px;
+      }
+    }
+    &>p {
+      background-color: rgba(255,255,255,0.5);
+      margin: 0;
+      padding: 5px;
+      text-shadow: 0 0 5px #FFFFFF;
+    }
+    &>p:before {
+      font-family: FontAwesome;
+      margin-right: 5px;
+      font-size: 20px;
+      content: "\f071";
+    }
+}
+
+#account-extra-details {
+  dt {
+    width: 40%;
+  }
+  dd {
+    margin-left: 50%;
+  }
+}
+td.buttons {
+  white-space: nowrap;
+  a {
+  margin: 0 5px;
+  }
+}
+#ajax-indicator {
+  position: fixed;
+  width: 100px;
+  left: 50%;
+  top: 50%;
+  z-index: 999999;
+  box-shadow: 0 0 20px #ccc;
+  text-align: center;
+  margin-left: -50px;
+  margin-top: -50px;
+  background-color: rgba(255,255,255,0.5);
+  i {
+    margin: 0;
+    padding: 0;
+    font-size: 50px;
+    line-height: 100px;
+  }
+}
+.contextual {@extend .pull-right !optional}
+.contextual input, .contextual select {font-size:0.9em;}
+
+.required label, label[required], label.required, .has-error {color: red !important;}
+.required label:after, label[required]:after, label.required:after { content: '* '}
+textarea {width: 99%;}
+
+#internal_static_page_sign {
+  font-size: 10em;
+}
+.entity-edit-image {
+  @extend .reorder
+}
+.nowrap {
+  white-space: nowrap;
+}
+.modal-content {
+  .modal-title {
+    h1, h2, h3 {
+      margin: 0;
+      padding: 0;
+    }
+  }
+  .modal-body {
+    .modal-content-inner-container {
+      overflow-x: visible;
+      overflow-y: auto;
+    }
+  }
+}
+td.price {
+  text-align: right;
+}
+table.table {
+  th a.asc {
+    &:after {
+      content: "\2191";
+    }
+  }
+  th a.desc {
+    &:after {
+      content: "\2193";
+    }
+  }
+  tr.lock, tr.inactive, tr.archived {
+    @include inactive-row;
+  }
+  .buttons {
+    text-align: right;
+  }
+}
+
+.highlight {
+  animation-duration: 1s;
+  animation-name: highlight;
+}
+.rails-bootstrap-forms-date-select {
+  select {
+    display: inline-block;
+    width: auto
+  }
+}
+.sortable-handle {
+  @extend .reorder;
+}
+.sortable-ghost {
+  //border: 2px solid black;
+  box-shadow: inset 0 0 5px #000000;
+}

data/app/assets/stylesheets/symphonia/filters.scss

@@ -0,0 +1,19 @@
+#symphonia_query_options_form {
+  .filter-custom-date {
+    &>* {
+      width: 49%;
+      //&:last-child {
+      //  float:right;
+      //}
+    }
+  }
+}
+#query_data {
+  table.table {
+    .price {
+      & > hr {
+        margin: 2.5px 0;
+      }
+    }
+  }
+}