drg_cms 0.6.1.0 → 0.6.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bdd59e26395442cc8bec436e5a05940e762f373bfd30a83d5ddca87b443627a4
-  data.tar.gz: be25c10a78a2fc6ed37f5e02484cfbff1d28b8cadb8546432f5b67665578006f
+  metadata.gz: 36ffde8dc003d78a30e69a2a1f45530841829c5b66d247e7bcece0d3c94a1a15
+  data.tar.gz: 3e1c6a0762f22cce3500de3c4ee0e2258c25f6f39a2aa3dc82f3febd15535449
 SHA512:
-  metadata.gz: 838507481e4d09277049b1468ddbc18b2e40cc32b5fdcac38224169ab1b761aee445ebd93c0747c409db4f87298e986c9472552bc60d69f7d73031bea58a9c31
-  data.tar.gz: 41965e0a604a632d975d3081d85d4e1d775ccb01a7e6dbbfad49be732e89f1223b20376024897b13df742bd6b38eab8c4a8f541d5270f127660dfd23e5edd27e
+  metadata.gz: 562e2196260eefc0999249e1c0e871cda94b7fd2d303482d39314ec2eb6ae5ae4b32545b8a85c4434a28042d9c2c8b9f2c9dc0a1b1be3a0ec49d20cddece7aef
+  data.tar.gz: 03d0849a4040d4b99cf4b8c3b682e77b6c333ad562453700703b49a18d408d2e88555777051cf0b8f61d059ce4bf7e9f1670104f3e3ad786ea226c69c7217c08

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

@@ -184,12 +184,12 @@ $(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  = '';
@@ -207,7 +207,7 @@ process_json_result = function(json) {
       // select field  
       } else if (field.is('select')) {
         // options for select field
-        if (value && value.isArray) {
+        if (Array.isArray(value)) {
           field.empty();
           $.each(value, function(index, v) {
             field.append( new Option(v[0], v[1]) );
@@ -226,6 +226,11 @@ process_json_result = function(json) {
       }
       break;
 
+/**** transfer focus to field ****/
+    case 'focus':
+      $('#' + value).focus();
+      break;
+
 /**** display message ****/
     case 'msg': 
       let msg_div = 'dc-form-' + selector;
@@ -240,9 +245,14 @@ process_json_result = function(json) {
       
 /**** display popup message ****/
       case 'popup':
-      $('#popup').html(value);
-      $('#popup').bPopup({ speed: 650, transition: 'slideUp'});
-      break;
+        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+':
@@ -268,13 +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();
+        window.location.href = window.location.href;
       } else {
         w = window.open(value, selector);
         w.focus();
@@ -294,10 +307,12 @@ process_json_result = function(json) {
     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) {
-        location.reload();
+        window.location.href = window.location.href;
 /*** reload iframe ****/
       } else {
         $( '#' + value ).attr('src', $( '#' + value ).attr('src'));
@@ -316,6 +331,17 @@ function dc_reload_window() {
   location.reload(); 
 }
 
+/*******************************************************************
+ * Will open popup window
+ *******************************************************************/
+function popup_window(url, title, parent_win, w, h) {
+  let y = parent_win.top.outerHeight / 2 + parent_win.top.screenY - (h / 2);
+  let x = parent_win.top.outerWidth / 2 + parent_win.top.screenX - (w / 2);
+  let win = parent_win.open(url, 'dc_popup', `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`);
+  win.document.title = title;
+  return win;
+}
+
 /*******************************************************************
  * 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.
@@ -377,6 +403,15 @@ dc_toggle_div = function(div) {
   }
 };
 
+/*****************************************************************
+ * Return value of the input field on a form
+ ******************************************************************/
+function dc_get_field_value(field_name) {
+  field_name = field_name.replace('record_', '');
+  let field = $('[name="record[' + field_name + ']"]');
+  return field.val();
+}
+
 /*******************************************************************
  * 
  *******************************************************************/
@@ -453,13 +488,48 @@ $(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.
   *******************************************************************/
@@ -523,7 +593,7 @@ $(document).ready( function() {
   $('.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 = 500;
+    if (embedded_height == 0) embedded_height = 50;
     this.style.height = (embedded_height + 30) + 'px';
     // resize parent iframe window too
     let parentWindow = this.contentWindow.parent;
@@ -538,38 +608,55 @@ $(document).ready( function() {
   $('.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;
     }
-    let 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(); 
-    }
-    else { 
-      data = {}; 
-      req = 'get'; // by default
+
+    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
     }
 
-    let url = this.getAttribute("data-url");
-    if (url.length < 5) return false;
+    // 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();
     $.ajax({
       url: url,
-      type: req,
+      type: request,
       dataType: "json",
       data: data,
       success: function(data) {
         process_json_result(data);
         $('.dc-spinner').hide();
+      },
+      error: function (request, status, error) {
+        $('.dc-spinner').css('color','red');
+        alert(request.responseText);
       }
     });
   });
@@ -593,24 +680,35 @@ $(document).ready( function() {
     form.setAttribute('action', url);
     form.setAttribute('method', "post");
     form.submit();
-  });  
-    
+  });
+
 /*******************************************************************
-  will open a new window with URL specified. 
+  Will open a new window with URL specified.
 ********************************************************************/
-  $('.dc-window-open').on('click', function(e) { 
-   // confirmation if required
-    if (confirmation_is_cancled(this)) {return false;}
-    
-    var url   = this.getAttribute("data-url");
-    var title = this.getAttribute("title");
-    var w     = 1000;
-    var h     = 800;
-    var left  = (screen.width/2)-(w/2);
-    var top   = (screen.height/2)-(h/2);
-    var win   = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
-    win.focus();
-  });  
+$('.dc-window-open').on('click', function(e) {
+  // confirmation if required
+  if (confirmation_is_cancled(this)) { return false; }
+
+  let url = this.getAttribute("data-url");
+  let title = this.getAttribute("title");
+  let w = this.getAttribute("data-x") || 1000;
+  let h = this.getAttribute("data-y") || 800;
+  // add fields values from current formto url
+  let fields = this.getAttribute("data-fields");
+  if (fields) {
+    let form_parms = '?';
+    // ? separator already in url
+    if (url.match(/\?/)) { form_parms = ''; }
+    fields.split(',').forEach( function(field) {
+      let value = dc_get_field_value(field);
+      if (value) {form_parms += '&' + field + '=' + value;}
+    });
+    url += form_parms;
+  }
+
+  let win = popup_window(url, title, window, w, h);
+  win.focus();
+});
 
  /*******************************************************************
  * Animate button on click
@@ -666,17 +764,28 @@ $(document).ready( function() {
   
   $('.dc-link-submit').on('click', function(e) {
     $('.dc-spinner').show();
-  });  
+  });
+
+  /*******************************************************************
+   * Hide spinner when validation error occured
+   *******************************************************************/
+  $(':input').on("invalid", function(event) {
+    $('.dc-spinner').hide();
+  });
 
 /*******************************************************************
   * Add button clicked while in edit. Create window dialog for adding new record
   * into required table. This is helper scenario, when user is selecting
   * data from with text_autocomplete and data doesn't exist in belongs_to table.
   *******************************************************************/
-  $('.in-edit-add').on('click', function(e) { 
-    let 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');
+  $('.in-edit-add').on('click', function(e) {
+    let id = this.getAttribute("data-id");
+    let table = this.getAttribute("data-table");
+    let url = '/cmsedit/new?window_close=0&table=' + table;
+    if (id) {
+      url = '/cmsedit/' + id + '/edit?window_close=0&table=' + table;
+    }
+    let w = popup_window(url, '', window, 1000, 800);
     w.focus();    
   });  
   
@@ -832,9 +941,16 @@ $(document).ready( function() {
   * 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;
   });
 
@@ -1066,6 +1182,13 @@ $(document).ready( function() {
     dc_toggle_div(div);
   });
 
+  /*******************************************************************
+   * Show-Hide CMS menu on hamburger click
+   *******************************************************************/
+  $('#menu-hamburger').on('click', function(e) {
+    $('.cmsedit-container #menu').toggleClass('visible');
+  });
+
 });
 
 /*******************************************************************