drg_cms 0.6.1.1.1 → 0.6.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a424c5a9f1d427b775dfb3a6a7bfa8ea0624c47fb2f4381c0fd19120a2c8c678
-  data.tar.gz: 6f0918c0365fbed1ff81e31bcd55be432ae8c02520f3811b18087941913957f5
+  metadata.gz: 94829c523218c40d302d4ab63c76c016a540008b878c48e261691f15b54485f7
+  data.tar.gz: ce0c1134fc51e26f4c8439322223e50c071211416a230e674b86f25f81337f06
 SHA512:
-  metadata.gz: 149a134733c8190f6b29003493f664e16fa2efad6608fb04a8bb607b9e00cd11a1752ec3b860d57af76789868667de12597b2023391879ad683ace066f71c1ec
-  data.tar.gz: 104ba8f48a7ad665da2f8ea99d833e04c94db4dc89a6d6ccecfe313ee5a082d7800691a31b805fb5cd35450e7350750ed68c073ef3e2bbafc971cfc8ff1180f2
+  metadata.gz: 45f569c43d27c468a545ed56a15822dee25c27bd3f8811eb28ccb1b388a323420135838b37f9590c3ac98a93d7484db283cf14c767a426d1a812c9597eb9f9c2
+  data.tar.gz: 91838e2e5bec0f8b91cea632e8047cfd53dcd2872de5c5d74b65834b64495498b617bcfee5cac4ae673aed2a8e61b5ceb7025f235a8795b6cc009a5e1fb279d7

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  = '';
@@ -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;
@@ -274,7 +279,7 @@ process_json_result = function(json) {
     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 +299,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 +323,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.
@@ -453,13 +469,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.
   *******************************************************************/
@@ -538,33 +589,46 @@ $(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) {
@@ -674,9 +738,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) { 
-    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');
+    let url = '/cmsedit/new?window_close=0&table=' + this.getAttribute("data-table");
+    let w = popup_window(url, '', window, 1000, 800);
     w.focus();    
   });  
   
@@ -1073,6 +1136,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');
+  });
+
 });
 
 /*******************************************************************

data/app/assets/stylesheets/drg_cms/drg_cms.css

@@ -175,11 +175,13 @@ img { vertical-align:bottom; }
   padding: 7px;
 }
 
+/*
 .dc-link a:hover, .dc-animate a:hover, .dc-result a:hover  { 
   background: #f8f8f8;
   transition: 0.3s;
   color: #000;
 }
+*/
 
 a.dc-animate:hover { color: #000; background: transparent;}
 
@@ -276,6 +278,10 @@ padding: 0;
   align-items: center;
 }
 
+.dc-result-data .td:last-child {
+  flex-grow: 1;
+}
+
 .dc-result-data .actions, .dc-result-header .actions {
   padding-right: 4px;
   display: flex;
@@ -283,11 +289,14 @@ padding: 0;
   justify-content: center;  
   white-space: nowrap;
 }
-
 .dc-result-header .actions {
   background-color: #666;
 }
 
+.dc-result-data.dc-even.dc-checked, .dc-result-data.dc-odd.dc-checked {
+  background-color: #dbebff;
+  background-color: rgba(76,154,255, 0.6);
+}
 
 .dc-result-data .dc-link, .dc-result-data .dc-link-ajax {
   background: none;
@@ -318,6 +327,18 @@ padding: 0;
   background-color: transparent;
 }
 
+.dc-check {
+  padding-right: 4px;
+}
+
+.dc-result-header .dc-check-all {
+  font-size: 1.2em;
+  margin-left: -1rem;
+  background-color: white;
+  /* padding: 8px 5px; */
+  padding: 6px 3px;
+}
+
 .dc-menu {
 padding: 4px 0;
 display: inline-table;
@@ -328,7 +349,6 @@ display: inline-table;
   margin-right: 3px;
 }
 
-
 #data-fields {margin: 5px;}
 
 .dc-link {
@@ -380,7 +400,7 @@ border: 1px solid #ddd;
 }
 
 .dc-link-ajax.with-link {padding: 7px}
-#cmsform .dc-link-ajax.with-link {padding: 0}
+.cmsform .dc-link-ajax.with-link {padding: 0}
 
 .dc-link-ajax i, .dc-link-no i {
   padding: 1px 3px 0 0;
@@ -724,7 +744,6 @@ color: #aaa;
 }
 .dc-form-ul {
 padding: 2px 0;
-margin-top: 6px;
 margin-bottom: -3px;
 }
 
@@ -749,12 +768,10 @@ margin-bottom: -3px;
   text-decoration: none;
   text-align: center;
   font-weight: 600;
-  line-height: 1.2rem;
-
-  padding:4px 15px;
-  background: #e8e8e8;
+  line-height: 1.2em;
+  padding: 0.4em 1em;
   background: #666;
-  margin-right: 2px;
+  margin: 0 1px 1px 0;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-radius: 4px 4px 0  0;
@@ -834,6 +851,8 @@ display: flex;
   color: lightcoral;
 }
 
+#menu-hamburger { display: none;}
+
 .dc-handle:before {
   font-family: 'FontAwesome';
   content: '\f0dc\20';
@@ -1216,6 +1235,19 @@ background-color: transparent;
   color: #ccc;
 }
 
+.dc-action-menu .dc-link:empty {
+  display: none;
+}
+
+.dc-action-menu li.spacer {
+  border-right: 2px solid #888;
+  border-radius: 0;
+  padding: 7px 0;
+  margin-right: 5px;
+}
+
+/*****  POPUP ******/
+
 #popup {
   min-width: 50%;
 }
@@ -1426,10 +1458,21 @@ color: #669;
 }
 
 /****** MOBILE DEVICE *****/
-@media only screen and (max-width: 600px) {
+@media only screen and (max-device-width: 600px) {
+  body, .body {font-size: 11px !important;}
+  #site-top div:nth-of-type(2) {padding-top: 0 !important;}
+
+  .dc-form {
+    border: none;
+    border-top: 2px solid #888;
+    border-bottom: 2px solid #888;
+    margin-top: 4px;
+  }
+
   .dc-form .row-div {
     display: block;
   }
+  .dc-form-li {margin-top: 3px;}
 
   .dc-form-label {
     text-align: left;
@@ -1437,11 +1480,45 @@ color: #669;
     padding-bottom: 2px;
     white-space: nowrap;
   }
+  .dc-form-label label {
+    font-size: 14px;
+  }
+
+  .app-menu li {margin-bottom: 4px;}
+
+  .dc-submit {
+    padding: 1px 0 0;
+    line-height: 26px;
+    font-size: 11px;
+  }
+  #result {width: 200%;}
+
+  .dc-separator {
+    margin: 8px 0 0;
+    border-top: 2px solid #888;
+  }
   
-  .dc-form-li {margin-top: 3px;}
-  .dc-menu li {margin-top: 2px;}
+  .dc-menu li {margin-bottom: 4px;}
   
   .dc-width-10, .dc-width-14, .dc-width-21, .dc-width-85, .dc-width-100 {width: 100%;}
+
+  .dc-width-100 {
+    overflow: auto;
+  }
+
+  textarea, input, select {
+    max-width: 90%;
+  }
+
+  #menu-hamburger {
+    display: block;
+    padding: 4px;
+    font-size: 2em;
+  }
+
+  .cmsedit-container #menu {display: none;}
+  .cmsedit-container #menu.visible {display: initial; width: 150%;}
+  .cmsedit-iframe {padding-left: 2px;}
 }
 
 /******* Firefox only ********/