drg_cms 0.6.0.8 → 0.6.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ef26a547c0b8b4274cf351a0d479541cd2bfb10ebf1ba6405dcba87fa816d08d
-  data.tar.gz: 9e7c29e2d144e3b758972056359940a94baffb869cc18ee7f4483947f36be850
+  metadata.gz: be7dfed0ede6cbd81a93dbefbd517a2cb3d31151339a1bd3598ebde7e76993e9
+  data.tar.gz: d028640f11c1877e4f6eb4efe44f8fdd9306047678b9d731daeab3e56fb32749
 SHA512:
-  metadata.gz: '0918c545df0e262b8ca70f4a59451df888283374b0084f9fe14e554ed9a461fdadf749c89a02240d1898fde8c616dd272eec8fda39e1d8b255007859c71dbfa1'
-  data.tar.gz: 81f13601bafc13609e8c8f620d2511d9cc329bb82c0024eaaf6460639ea2102aaaf70f59860dfb33f75a647039440a30b9e388bc5094d433ec6c4fde25b0910a
+  metadata.gz: 2f5617503a1c85ce1b5bf2a9d3460a33525ba96e20a82a84b85e7adc6f370a576f97b2e76aa57ff424243958046b396e0c4c2a3529a8ba0f763ef43cbe92f450
+  data.tar.gz: 9e716e8fca1ae6330bd74139512fb952d88600ca42d8cd4c5690e8271fb9a50b3e624e72fbcdc7df5ee820a4cd466fc8c6c2b1f5c58b5b9261afb1d076905237

data/README.md

@@ -1,12 +1,26 @@
 # DrgCms
 
-DRG CMS is advanced way of programming application for Ruby on Rails. Instead of creating controllers and views for each collection (table) model, DRG CMS introduces single Cmsedit controller which uses DRG Forms to control CRUD database operations. 
+DRG CMS is advanced way of programming application for Ruby on Rails. 
+Instead of creating controllers and views for each collection (table), 
+DRG CMS introduces single Cmsedit controller. All CRUD database actions are 
+controlled by DRG Forms file, which can have hundreds of data entry fields 
+and still be easy to maintain and update.
  
-DRG CMS uses Mongo DB, leading NO-SQL document database, as database back-end with a help of mongoid gem. Mongoid's flexible document model defines all document fields, indexes, dependencies, validations in single model file with no Rails migrations required.
-
-DRG CMS can be used for rapid development of complex, data-entry intensive web sites as well as building your private, in-house, Intranet applications.
-
-DRG CMS has built-in user friendly role based database access system and can be easly extended with help of Ruby on Rails plugin system.
+DRG CMS uses MongoDB, leading NO-SQL document database, as database back-end 
+with a help of mongoid gem. Mongoid's flexible document model defines all 
+document fields, indexes, dependencies, validations in single model source file with 
+no Rails migrations required. When collection model is defined, data entry DRG Form 
+can easily be generated with form generator.
+
+DRG CMS can be used for rapid development of complex, data-entry intensive web 
+sites as well as building your private, in-house, Intranet applications. At
+the same time it can be used as CMS system with support for running 
+multiple web sites on single Ruby on Rails instance.
+
+DRG CMS has built-in user friendly role based database access system. Administrator
+defines roles and roles rights (no access, can read, can edit) as web site policies.
+Roles are then assigned to users and policies can be assigned to documents (web pages) 
+or even parts of a document.
 
 Project Tracking
 ----------------
@@ -16,9 +30,10 @@ Project Tracking
 Compatibility
 -------------
 
-DRG CMS is tested against Ruby 2.2 and higher, Rails 5.0 and higher, Mongoid 6, MongoDB 3.0, 3.2, 3.4
-
-Version from 0.5.51 and higher requires Ruby 2.4.x and Rails 5.1.x
+DRG CMS is being actively developed since 2012 and has been live tested in production 
+since beginning. It runs against latest technology Ruby (3.0), Rails (6.1) 
+and MongoDB (4.4) and had so far little or no problems advancing to latest versions 
+of required programs.
 
 Documentation
 -------------
@@ -29,7 +44,7 @@ Please see the DRG CMS website for up-to-date documentation:
 License (MIT LICENCE)
 ---------------------
 
-Copyright (c) 2012-2018 Damjan Rems
+Copyright (c) 2012-2021 Damjan Rems
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/app/assets/javascripts/drg_cms/drg_cms.js

@@ -47,16 +47,16 @@ dumpAttributes = function(obj) {
  * selected tab and triggers iframe reload.
  *******************************************************************/
 update_embedded_on_tab_select = function(div_name) {
-  var iframes = $(div_name).find("iframe");
+  let iframes = $(div_name).find("iframe");
   $.each(iframes, function(index, iframe) {
     // delayed load
-    var src_delay = iframe.getAttribute('data-src-delay'); 
+    let src_delay = iframe.getAttribute('data-src-delay');
     if (src_delay != null && src_delay != '') {
       iframe.setAttribute('data-src-delay', '');
       iframe.setAttribute('src', src_delay);
     }
     // always load on tab select
-    var src_always = iframe.getAttribute('data-src-always');
+    let src_always = iframe.getAttribute('data-src-always');
     if (src_always != null) {
       iframe.setAttribute('src', src_always);
     }    
@@ -184,26 +184,23 @@ $(function() {
  *******************************************************************/
 
 process_json_result = function(json) {
-  var i,w,operation,selector, msg_div, field;
+  let i, w, operation, selector, msg_div, field;
   $.each(json, function(key, value) {
     i = key.search('_');
     if (i > 1) {
-      operation = key.substring(0,i);
-      selector  = key.substring(i+1,100);
+      operation = key.substring(0, i);
+      selector  = key.substring(i+1, 100);
     } else {
       operation = key;
       selector  = '';
     }
-//  
+
     switch (operation) {
       
 /**** update fields on form ****/
     case 'record':
-//      field = $('#'+key);
-      var name = key.replace('record_','record[') + ']';
+      let name = key.replace('record_','record[') + ']';
       field = $('[name="' + name + '"]');
-      console.log(field.attr('type'));
-      console.log(field.is('select'));
       // checkbox field
       if (field.is(':checkbox')) {
         field.prop('checked', value);
@@ -229,21 +226,33 @@ process_json_result = function(json) {
       }
       break;
 
+/**** transfer focus to field ****/
+    case 'focus':
+      $('#' + value).focus();
+      break;
+
 /**** display message ****/
     case 'msg': 
-      msg_div = 'dc-form-' + selector;
-      if ( $('.'+msg_div).length == 0 ) {
+      let msg_div = 'dc-form-' + selector;
+      if ( $('.' + msg_div).length == 0 ) {
         value = '<div class="' + msg_div + '">' + value + '</div>';
         $('.dc-title').after(value);
       } else {
-        $('.'+msg_div).html(value);
+        $('.' + msg_div).html(value);
+        $('.' + msg_div).show();
       }
       break;
       
 /**** display popup message ****/
-    case 'popup':
-      $('#popup').html(value);
-      $('#popup').bPopup({ speed: 650, transition: 'slideDown' });            
+      case 'popup':
+        if (selector == 'url') {
+          $('#popup').bPopup({ loadUrl: value });
+        }
+        else {
+          $('#popup').html(value);
+          $('#popup').bPopup({speed: 650, transition: 'slideUp', position: ['auto',1]});
+        }
+        break;
 
 /**** update div ****/
     case '#div+':
@@ -269,12 +278,16 @@ process_json_result = function(json) {
     case 'url':
       window.location.href = value;
       break;
+    case 'parenturl':
+      parent.location.href = value;
+      break;
     case 'alert':
       alert(value);
       break;
     case 'window':
       if (value == 'close') { window.close(); 
-      } else if (value == 'reload') { location.reload(); 
+      } else if (value == 'reload') {
+        window.location.href = window.location.href;
       } else {
         w = window.open(value, selector);
         w.focus();
@@ -292,8 +305,11 @@ process_json_result = function(json) {
       eval (value);
       break; 
     case 'reload':
+      value = value.toString();
       if (value == 'parent') {
-        parent.location.reload();
+        //parent.location.reload();
+        parent.location.href = parent.location.href;
+
 /*** this would be current window (reload: true) ****/
       } else if (value.length < 5) {
         window.location.href = window.location.href;
@@ -315,6 +331,15 @@ function dc_reload_window() {
   location.reload(); 
 }
 
+/*******************************************************************
+ * Will open popup window
+ *******************************************************************/
+function popup_window(url, window_name, win, w, h) {
+  let y = win.top.outerHeight / 2 + win.top.screenY - ( h / 2);
+  let x = win.top.outerWidth / 2 + win.top.screenX - ( w / 2);
+  return win.open(url, window_name, `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`);
+}
+
 /*******************************************************************
  * Will select first editable input field on form. Works only when tab
  * is selected. Still have to find out, what to do on initial display.
@@ -344,17 +369,38 @@ $.fn.dc_scroll_view = function () {
  * Updates single field on parent iframe form of embedded form.
  *******************************************************************/
 process_parent_form_updates = function(element) {
-  var field = element.getAttribute("data-field");
-  var value = element.getAttribute("data-value");
-  if ( window.parent.$('#'+field).length > 0 ) {
-    if (field.substring(0,3) === 'td_') {   // readonly field
-      window.parent.$('#'+field+' > div').html(value);
-    } else { // input field
-      window.parent.$('#'+field).val(value);
+  let field = element.getAttribute("data-field");
+  let value = element.getAttribute("data-value");
+  let selector = '#' + field;
+
+  // update record
+  if (field.match(/record/)) {
+    if (window.parent.$(selector).length > 0) {
+      if (field.substring(0, 3) === 'td_') {   // readonly field
+        window.parent.$(selector + ' > div').html(value);
+      } else { // input field
+        window.parent.$(selector).val(value);
+      }
+    }
+  // any div
+  } else {
+    if (window.parent.$(selector).length > 0) {
+      window.parent.$(selector).html(value);
     }
   }
 };
 
+/*****************************************************************
+ * Toggle show and hide div
+ ******************************************************************/
+dc_toggle_div = function(div) {
+  if ($(div).is(":visible")) {
+    $(div).slideUp();
+  } else {
+    $(div).slideDown();
+  }
+};
+
 /*******************************************************************
  * 
  *******************************************************************/
@@ -431,19 +477,54 @@ $(document).ready( function() {
   * Sort action clicked on cmsedit
   *******************************************************************/
   $('.drgcms_sort').change( function(e) {
-    var table = e.target.getAttribute("data-table");
-    var form  = e.target.getAttribute("data-form");
-    var sort = e.target.value;
+    let table = e.target.getAttribute("data-table");
+    let form  = e.target.getAttribute("data-form");
+    if (form === null) form = table;
+    let sort = e.target.value;
     e.target.value = null;
     window.location.href = "/cmsedit?sort=" + sort + "&table=" + table +  "&form_name=" + form;
   });
-  
+
+  /*******************************************************************
+   * Click on dc-check-all icon. Check or uncheck all checkboxes
+   *******************************************************************/
+  $('.dc-check-all').on('click',function(e) {
+    let checkboxes = $('.dc-check');
+    if ($(this).hasClass('fa-check-square-o')) {
+      // check all checkboxes
+      checkboxes.each( function() {
+        $(this).prop('checked', true);
+        $(this).parent().closest('div').addClass('dc-checked');
+      });
+      $(this).removeClass('fa-check-square-o').addClass('fa-square-o');
+    } else {
+      // uncheck all checkboxes
+      checkboxes.each( function() {
+        $(this).prop('checked', false);
+        $(this).parent().closest('div').removeClass('dc-checked');
+      });
+      $(this).removeClass('fa-square-o').addClass('fa-check-square-o');
+    }
+  });
+
+  /*******************************************************************
+   * Click on dc-check icon. Change color of background of element
+   *******************************************************************/
+  $('.dc-check').on('click',function(e) {
+    let parent = $(this).parent().closest('div');
+    if ($(this).prop('checked')) {
+      parent.addClass('dc-checked');
+    } else {
+      parent.removeClass('dc-checked');
+    }
+  });
+
  /*******************************************************************
   * Tab clicked on form. Hide old and show selected div.
   *******************************************************************/
   $('.dc-form-li').on('click', function(e) { 
     // find li with dc-form-li-selected class. This is our old tab
-    var old_tab_id = null;
+    let old_tab_id = null;
     $(e.target).parents('ul').find('li').each( function() {
       if ($(this).hasClass('dc-form-li-selected')) {
         // when not already selected toggle dc-form-li-selected class and save old tab
@@ -461,11 +542,11 @@ $(document).ready( function() {
       $('#data_' + e.target.getAttribute("data-div")).toggleClass('div-hidden');
       
       // resize parent iframe to fit selected tab size
-//      var div_height = document.getElementById('data_' + e.target.getAttribute("data-div")).clientHeight + 130;
-//      var div_height = document.getElementById('cmsform').clientHeight + 50;
-      var div_height = document.body.scrollHeight;
-      window.frameElement.style.height = div_height.toString() + 'px';
-// it would be too easy      $('#cmsform :input:enabled:visible:first').focus();
+      let div_height = document.body.scrollHeight;
+      let frame = window.frameElement
+      if (frame === null) frame = document.body;
+      frame.style.height = div_height.toString() + 'px';
+
       select_first_input_field('#data_' + e.target.getAttribute("data-div"));
       update_embedded_on_tab_select('#data_' + e.target.getAttribute("data-div"));
     }
@@ -476,10 +557,10 @@ $(document).ready( function() {
  * unless on initial display.
  *******************************************************************/
   $('#iframe_cms').on('load', function() {
-    new_height = this.contentWindow.document.body.offsetHeight + 50;
+    let new_height = this.contentWindow.document.body.offsetHeight + 50;
     if (new_height < 500 && new_height > 60) new_height = 500;
     this.style.height = new_height + 'px'; 
-// scroll to top
+    // scroll to top
     $('#iframe_cms').dc_scroll_view();
   });
 
@@ -488,52 +569,81 @@ $(document).ready( function() {
  * unless on initial display with no data 
  *******************************************************************/
   $('#iframe_edit').on('load', function() {
-//    console.log(this.contentWindow.document.body.offsetHeight);
     if (this.contentWindow.document.body.offsetHeight > 10) {
       this.style.height = (this.contentWindow.document.body.offsetHeight + 30) + 'px'; 
-// scroll to top
+
       $('#iframe_edit').dc_scroll_view();
     }
   });
-  
+
+  /*******************************************************************
+   * Same goes for iframe_embedded. Resize it + 30px
+   *******************************************************************/
+  $('.iframe_embedded').on('load', function() {
+    let embedded_height = this.contentWindow.document.body.offsetHeight;
+    // workaround. It gets tricky when embedded field is on tab
+    if (embedded_height == 0) embedded_height = 50;
+    this.style.height = (embedded_height + 30) + 'px';
+    // resize parent iframe window too
+    let parentWindow = this.contentWindow.parent;
+    let parent_height = (parentWindow.document.body.offsetHeight + 30) + 'px';
+    //parentWindow.frameElement.setAttribute('style', 'height:' + parent_height);
+    parentWindow.frameElement.style.height = parent_height;
+  });
+
 /*******************************************************************
  * Process Ajax call on cmsedit form actions
  *******************************************************************/
   $('.dc-link-ajax').on('click', function(e) {
     // confirmation if required
     if (confirmation_is_cancled(this)) {return false;}
-   
+
+    // url must be specified in data-url
+    let url = this.getAttribute("data-url");
+    if (url.length < 5) return false;
+
     // check HTML5 validations
     if ($("form")[0] && !$("form")[0].checkValidity() ) {
       $("form")[0].reportValidity();
       return false;
     }
-    var req = this.getAttribute("data-request");
-    // Get values from elements on the page:
-    if (req == "script") {
-      eval (this.getAttribute("data-script"));
-      return false;
-    }
-    else if (req == "post") { 
-      data = $('form').serialize(); 
+
+    let data = {};
+    let request = this.getAttribute("data-request");
+    switch (request) {
+      case 'script':
+        eval(this.getAttribute("data-script"));
+        return false;
+
+      case 'post':
+        data = $('form').serialize();
+        break;
+
+      default:
+        request = 'get'; // by default
     }
-    else { 
-      data = {}; 
-      req = 'get'; // by default
+
+    // add checkbox id-s to data if checkboxes present
+    let checkboxes = $('.dc-check');
+    if (checkboxes.length > 0) {
+      let checked = [];
+      checkboxes.each( function() {
+        if ($(this).prop('checked')) checked.push($(this).attr("id"));
+      })
+      data['checked'] = checked;
     }
-    
-    $('.dc-spinner').show();   
+
+    $('.dc-spinner').show();
     $.ajax({
-      url: this.getAttribute("data-url"),
-      type: req,
+      url: url,
+      type: request,
       dataType: "json",
       data: data,
       success: function(data) {
         process_json_result(data);
         $('.dc-spinner').hide();
       }
-      
-    });  
+    });
   });
   
 /*******************************************************************
@@ -636,9 +746,8 @@ $(document).ready( function() {
   * data from with text_autocomplete and data doesn't exist in belongs_to table.
   *******************************************************************/
   $('.in-edit-add').on('click', function(e) { 
-    url = '/cmsedit/new?table=' + this.getAttribute("data-table");
-/* I know. It doesn't work as expected. But it will do for now. */
-    w = window.open(url, '', 'chrome=yes,width=800,height=600,resizable,scrollbars=yes,status=1,centerscreen=yes,modal=yes');
+    let url = '/cmsedit/new?window_close=0&table=' + this.getAttribute("data-table");
+    let w = popup_window(url, '', window, 1000, 800);
     w.focus();    
   });  
   
@@ -648,13 +757,9 @@ $(document).ready( function() {
  **********************************************************************/
   $('#filter_field').on('change', function() {
     if (this.value.length > 0) { 
-      name = 'filter_' + this.value;
+      let name = 'filter_' + this.value;
       $(this).parents('form').find('span').each( function() {
-/*
-element = $(this).find(':first').attr('id');
- sometimes it is the second element         
-        if (element == nil) { element = $(this).find(':first').next().attr('id');}
- */   
+
         if ($(this).attr('id') == name) {
           if ( $(this).hasClass('div-hidden') ) { $(this).toggleClass('div-hidden'); }
         } else {
@@ -736,8 +841,8 @@ element = $(this).find(':first').attr('id');
   * Fire action (by default show document) when doubleclicked on result row
   *******************************************************************/
   $('.dc-result tr').on('dblclick', function(e) {
-    url = String( this.getAttribute("data-dblclick") );
-// prevent when data-dblclick not set
+    let url = String( this.getAttribute("data-dblclick") );
+    // prevent when data-dblclick not set
     if (url.length > 5) { 
       e.preventDefault();
       location.href = url;
@@ -748,8 +853,8 @@ element = $(this).find(':first').attr('id');
   * Fire action (by default show document) when doubleclicked on result row
   *******************************************************************/
   $('.dc-result-data').on('dblclick', function(e) {
-    url = String( this.getAttribute("data-dblclick") );
-// prevent when data-dblclick not set
+    let url = String( this.getAttribute("data-dblclick") );
+    // prevent when data-dblclick not set
     if (url.length > 5) { 
       e.preventDefault();
       location.href = url;
@@ -798,9 +903,16 @@ element = $(this).find(':first').attr('id');
   * work on all field types.
   *******************************************************************/
   $('.record_filter_field_icon').on('click', function(e) {
-    var field = $('#_record__filter_field');
-    var url = $(this).parents('span').attr("data-url");
-    url = url + "&filter_value=" + field.val();
+    let field = $('#_record__filter_field');
+    let url = $(this).parents('span').attr("data-url");
+    let value = null;
+
+    if (field.is(':checkbox')) {
+      value = field.is(':checked'); }
+    else {
+      value = field.val();
+    }
+    url = url + "&filter_value=" + value;
     location.href = url;
   });
 
@@ -1002,8 +1114,8 @@ element = $(this).find(':first').attr('id');
       return;
     }
     // retrieve name of current field and set it in popup
-    var header = $(this).closest('.th');
-    var field_name = header.attr("data-name");    
+    let header = $(this).closest('.th');
+    let field_name = header.attr("data-name");
     $('.filter-popup').attr('data-name', field_name);
     // change popup position and show
     $('.filter-popup').css({'top':e.pageY+5,'left':e.pageX, 'position':'absolute'});
@@ -1015,15 +1127,30 @@ element = $(this).find(':first').attr('id');
   * filter on action.
   *******************************************************************/
   $('.filter-popup li').click( function(e) {
-    var url      = $(this).data('url')
-    var operator = $(this).data('operator');
-    var parent   = $(this).closest('.filter-popup')
-    var field_name = parent.data("name");
+    let url = $(this).data('url');
+    let operator = $(this).data('operator');
+    let parent = $(this).closest('.filter-popup');
+    let field_name = parent.data("name");
     
     url = url + '&filter_field=' + field_name + '&filter_oper=' + operator;
     window.location.href = url;
   });
 
+  /*****************************************************************
+   * Toggle div
+   ******************************************************************/
+  $(".dc-handle").click(function() {
+    let div = this.getAttribute("data-div");
+    dc_toggle_div(div);
+  });
+
+  /*******************************************************************
+   * Show-Hide CMS menu on hamburger click
+   *******************************************************************/
+  $('#menu-hamburger').on('click', function(e) {
+    $('.cmsedit-container #menu').toggleClass('visible');
+  });
+
 });
 
 /*******************************************************************