drg_cms 0.5.52.5 → 0.5.52.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ea79cbbc378571608364226320f13d300e1b0f8c
-  data.tar.gz: 77fd5dfe3c330b3d0ae59bc3895bd4cc3283090a
+  metadata.gz: 14e0c13f818cd5c883d7a2ebe8e5a677b6603579
+  data.tar.gz: 12f30b353bd1347d739f6cf13c6dc44fef46c4aa
 SHA512:
-  metadata.gz: 36b5519ba85b2a272f51324c4ea23125dbc9efe69065798e853b4a01966c8851b63fd89eea06dc273c11876722fdc04c94202e41146884d6d0032501fc299e36
-  data.tar.gz: 2e9692ebed9d93f8dcebeaeeed060a0bd404b129e08f34e3ba759c32196e103b532e563a6951f8b2c03560f398dc2d5effe870f5075132d2c6defa7570df50fd
+  metadata.gz: 96bd289df2c2b236a3bf68e51e9b70965a6cc11353c802ea6c4a0c3140f4bb8bdfcf1e7d8edab681a1964ee8a9cd40da7e74d7447bb088ef455c989434352b51
+  data.tar.gz: 43c1445d8b6ae652a6b05070ad12475a4beddbc5b02ab6d61998031eb0e2d5e1c93dbd11c938e8e6b4353d4833b405993436f9680823d55b8e3a1334e4a1c52a

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright 2012-2016 Damjan Rems
+Copyright 2012-2018 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

@@ -21,6 +21,8 @@
 # WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 
+  mouseDown = false;
+
 /*******************************************************************
  * Find and extract parameters value from url
  *******************************************************************/
@@ -199,6 +201,14 @@ $.fn.dc_scroll_view = function () {
  * 
  *******************************************************************/
 $(document).ready( function() {
+/* This could be the way to focus on first input field on document open
+  if ( $('.dc-form')[0] ) {
+// resize parent iframe to fit selected tab size
+    var div_height = $('.dc-form')[0].clientHeight + 130;
+    window.frameElement.style.height = div_height.toString() + 'px';
+//    select_first_input_field('.dc-form');
+  }
+*/
   
  /*******************************************************************
   * Register ad clicks
@@ -312,7 +322,7 @@ $(document).ready( function() {
       req = 'get'; // by default
     }
     
-    $('#dc-spinner').toggleClass('div-hidden');   
+    $('.dc-spinner').toggleClass('div-hidden');   
     $.ajax({
       url: target.getAttribute("data-url"),
       type: req,
@@ -323,7 +333,7 @@ $(document).ready( function() {
 //      }
       success: function(data) {
         process_json_result(data);
-        $('#dc-spinner').toggleClass('div-hidden');
+        $('.dc-spinner').toggleClass('div-hidden');
       }
       
     });  
@@ -378,11 +388,11 @@ $(document).ready( function() {
  * Display spinner on link with spinner, submit link
  *******************************************************************/
   $('.dc-link-spinner').on('click', function(e) {
-    $('#dc-spinner').toggleClass('div-hidden');
+    $('.dc-spinner').toggleClass('div-hidden');
   });  
   
   $('.dc-link-submit').on('click', function(e) {
-    $('#dc-spinner').toggleClass('div-hidden');
+    $('.dc-spinner').toggleClass('div-hidden');
   });  
 
 /*******************************************************************
@@ -498,6 +508,18 @@ element = $(this).find(':first').attr('id');
       location.href = url;
     } 
   });
+  
+  /*******************************************************************
+  * 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
+    if (url.length > 5) { 
+      e.preventDefault();
+      location.href = url;
+    } 
+  });
 
  /*******************************************************************
   * Fire action clicked on result row. 
@@ -557,6 +579,19 @@ element = $(this).find(':first').attr('id');
     });      
   });
   
+  /*******************************************************************
+  * Click on preview selected image
+  *******************************************************************/
+  $('.dc-image-preview').on('click', function(e) {
+//      var img = $('.img1 img').attr('src');
+      var img = $(this).children(":first").attr('src');
+      $('#dc-image-preview').bPopup({
+            content:'image', //'ajax', 'iframe' or 'image'
+            contentContainer:'#dc-image-preview',
+            loadUrl: img
+        });
+  });
+  
  /*******************************************************************
   * 
   *******************************************************************/
@@ -579,6 +614,18 @@ element = $(this).find(':first').attr('id');
    $('.cmsedit-top-level-menu').on('click', function(e) {
      $(e.target).find('ul').toggle('fast');
    });
+   
+/*******************************************************************
+  * Resize result table columns
+  *******************************************************************/
+   $( ".dc-result-header .spacer" )
+  .mouseenter(function() {
+    console.log("enter");
+  })
+  .mouseleave(function() {
+    console.log("leave");
+  });
+
   
 });
 
@@ -595,4 +642,21 @@ $(document).keydown( function(e) {
     return false;
   }
   return true;
-});
+});
+
+/*******************************************************************
+ * Catch ctrl+s key pressed and fire save form event. I press ctrl+s
+ * almost every minute. That was a lesson learned years ago when I lost
+ * few hours of work on computer lockup ;-(
+ *******************************************************************
+$(document).onmousedown( function(e) {
+  mouseDown = true;
+  console.log("mouse down");  
+});
+
+$(document).onmouseup( function(e) {
+  mouseDown = false;
+  console.log("mouse up");  
+});
+
+**/

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

@@ -92,7 +92,11 @@ color: #222;
 padding: 6px 4px;
 border: solid 2px #ddd;
 border-radius: 2px;
-font: 14px Arial;
+font: 14px helvetica;
+}
+
+textarea:focus, input:focus, select:focus {
+  border: 2px solid rgba(76,154,255, 1);
 }
 
 input.file {
@@ -145,7 +149,7 @@ color: #666;
 font-weight: bold;
 text-decoration: none; 
 background: transparent;
-padding: 8px 0;
+padding: 5px 0;
 }
 
 .dc-link a:hover, .dc-animate a:hover, .dc-result a:hover  { 
@@ -158,6 +162,8 @@ a.dc-animate:hover { color: #000; background: transparent;}
 
 .dc-link a img { border: none; }
 
+.dc-image-preview img { max-height: 2rem; padding-left: 0.5rem;}
+.dc-image-preview img:hover { cursor: zoom-in;}
 
 .text-with-select {
 width: 24px;
@@ -175,47 +181,105 @@ width: 24px;
 }
 
 .dc-result {
-width: 100%;
+width: 99.9%;
 padding: 0px;
 border-spacing: 0px;
 border-radius: 1px;  
-background-color: #fafafa;
-border-top: 2px solid #ddd;
+background-color: #f9f9f9;
+/*border: 2px solid #ddd;
 border-left: 2px solid #ddd;
+border-bottom: none;*/
 }
 
-.dc-result tr:hover { background-color: #ddd; }
+.dc-result i { 
+padding: 2px;
+font-size: 0.9rem;
+}
 
-.dc-result td { 
-padding: 4px;
-line-height: 1.5em; 
-border-right: 2px solid #ddd;
-border-bottom: 2px solid #ddd;
+.dc-result-header {
+  display: flex;
+/*  background-color: #eee;*/
+  background: linear-gradient(to bottom, #eee 0%, #ddd 100%); 
+}
+.dc-result-data {
+  display: flex;
 }
 
-.dc-result i { 
-padding: 2px;
+.dc-result-data .actions i {
+  padding: 6px 1px;
+  font-size: 1rem;
+}
+
+.dc-result-header .th {
+  padding: 8px 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-weight: bold;
+  color: #666;
+}
+
+.dc-result-header .spacer, .dc-result-data .spacer {
+  width: 1px;
+  font-size: 1.5em;
+  margin: 0 0px;
+  padding: 4px 0px;
+  resize: both;
+/*  border-left: 1px solid #ccc;*/
+}
+
+.dc-result-header .spacer:hover {
+  cursor:ew-resize;
+}
+.dc-result-data .td {
+  padding: 5px 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.dc-result-data .actions, .dc-result-header .actions {
+  padding-left: 4px;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.dc-result-data:hover { 
+  background-color: rgba(255,127,0, 0.1); 
+  background-color: rgba(0,0,255, 0.1); 
+}
+
+.dc-result-data.footer {
+  border-top: 2px solid #222;
+/*  border-bottom: 2px solid #222; */
+  color: #000;
+  font-weight: bold;
 }
 
 .dc-menu {
-border-spacing: 4px;
 padding: 0px;
+padding: 10px 0;
+display: inline-table;
+}
+
+.dc-menu li {
+  display: initial;
+  margin-right: 3px;
 }
 
 #data-fields {margin: 5px;}
 
 .dc-link {
-padding: 3px 8px;
+padding: 6px; 
+
 text-align: center;
-border-radius: 3px;
-background-color: #eee;
+border-radius: 2px;
 background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
-border: 1px solid #ddd;
+border: 1px solid #eee;
 }
 
 .dc-link:hover {
-  background-color: #f8f8f8;
-  border: 1px solid #ccc;
+  background: #ddd;
+  border: 1px solid #ddd;
   transition: 0.3s;  
 }
 
@@ -227,23 +291,23 @@ border: 1px solid #ddd;
 .dc-link-ajax {
   text-align: left;
   font-weight: bold;
-  padding: 5px 8px;  
-  border-radius: 5px;
+  padding: 6px;  
+  border-radius: 2px;
   color: #666;
-  background-color: #eee;
   background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
-  border: 1px solid #ddd;
+  border: 1px solid #eee;
 }
 
 .dc-link-ajax:hover {
 cursor: pointer;
-/*background-color: #888;  */
-border: 1px solid #aaa;
+background: #ddd;
+border: 1px solid #ddd;
 transition: 0.3s; 
 }
 
 .dc-link-ajax:hover a { 
 color: #000; 
+background: transparent;
 cursor: pointer; 
 transition: 0.3s; 
 }
@@ -256,12 +320,12 @@ transition: 0.3s;
 
 .dc-link-img:hover {
   cursor: pointer;
-  background-color: #eee; 
+  background-color: #ddd; 
 }
 
 .dc-link-icon {
 padding: 3px;
-border-radius: 3px;
+border-radius: 2px;
 background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
 border: 1px solid #ddd;
 }
@@ -309,18 +373,17 @@ border: 1px solid #ddd;
 .skip-next a:hover { text-decoration: none; color: #c43; }
 
 .dc-animate-button {
-background: transparent linear-gradient(to bottom, #eee 0%, #eee 100%) repeat scroll 0% 0% !important; 
+  background: transparent linear-gradient(to bottom, #eee 0%, #eee 100%) repeat scroll 0% 0% !important; 
 }
 
 .dc-link-submit {
   text-align: left;
-  padding: 5px 6px;  
-  margin-right: 4px;
+  padding: 6px;  
 
-  border-radius: 3px;
+  border-radius: 2px;
   background-color: #eee;
   background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
-  border: 1px solid #ddd;
+  border: 1px solid #eee;
 }
 
 .dc-link-submit .fa {
@@ -332,12 +395,14 @@ background: transparent linear-gradient(to bottom, #eee 0%, #eee 100%) repeat sc
 }
 .dc-link-submit:hover {
   color: #000;
-  border: 1px solid #ccc;
+  background: #ddd;
   transition: 0.3s;
 }
 .dc-link-submit:hover .dc-submit {
   color: #000;
   transition: 0.3s;
+   background: #ddd;
+
 }
 .dc-submit {
   text-decoration: none;
@@ -384,15 +449,20 @@ background: transparent linear-gradient(to bottom, #eee 0%, #eee 100%) repeat sc
 
 .dc-title {
   font-weight: bold;
-  color: #333;
-  font-size: 1.2em;
+  font-size: 1.4em;
+  color: #66a;
   padding: 5px 1px;
   border-spacing: 0px;
-  width: 100%;
   margin: 0px;
   background-color: #fff;
 }
 
+.dc-title .dc-paginate {
+  float:right; 
+  padding-top: 4px;
+  font-size: 0.8em;
+}
+
 .dc-form-frame {
   width: 99.9%;
   margin: 0px;
@@ -523,7 +593,8 @@ border-bottom: 1px solid #eee;
 }
 
 .dc-spinner {
-  display: none;
+  float:left;
+  padding: 6px 0;
 }
 
 .dc-form-li {
@@ -548,7 +619,10 @@ border-bottom: 1px solid #eee;
 }
 
 .dc-odd {
- background-color: #fcfcfc;
+ background-color: #f8f8f8;
+}
+.dc-even {
+ background-color: #fff;
 }
 
 .dc-separator {
@@ -769,21 +843,6 @@ height: 16px;
 padding: 0px;
 }
 
-#drgcms_filter {
-padding: 4px 0px; 
-margin: 0px;
-
-/*
-display: none; 
-
-border:1px solid #ccc;
-border-top: 1px solid #fff;
-border-left: 1px solid #fff;
-border-radius: 1px;
-background-color: #eee;
-*/
-}
-
 .iframe_embedded {
 padding: 4px;
 background-image: none;
@@ -825,25 +884,23 @@ list-style:none;
 display:inline; 
 position:relative;
 list-style:none;
-padding: 5px 8px;
+padding: 6px;
 margin-right: 4px;
-background: #eee;
-border-radius:3px;
+border-radius:2px;
 z-index: 1;
 
 background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;
-border: 1px solid #ddd;
+border: 1px solid #eee;
 }
 
 
 .dc-action-menu li:hover {
-border: 1px solid #ccc;
+background: #ddd;
+border: 1px solid #ddd;
 color: #000;
 transition: 0.3s;  
 }
 
-.dc-action-menu li:hover a {
-}
 
 .dc-action-menu ul {
 margin-top: 1px;
@@ -856,12 +913,11 @@ border-radius: 2px;
 .dc-action-menu ul li {
 display: block; 
 float: none;
-padding: 4px 10px;
-
+padding: 6px 10px;
 margin-right: 0px;
 white-space: nowrap;
-background: #FFF;
-border: 0px;
+background: #fff;
+border: 0;
 color: #888;
 /*background: transparent linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;*/
 }
@@ -871,10 +927,10 @@ white-space:nowrap;
 }
 
 .dc-action-menu li:hover ul { 
-left:0; 
+left:-3px;
 margin-top:3px;
 background-color: #fff;
-border: 1px solid #ccc;
+border: 1px solid #ddd;
 /*box-shadow: 1px 1px 2px #ccc;*/
 }
 
@@ -887,7 +943,7 @@ color: #222;
 }
 .dc-action-menu li:hover ul li:hover {
 border: 0px;
-background: #eee;
+background: #ddd;
 border-radius: 2px;
 }
 
@@ -900,7 +956,8 @@ max-width: 400px;
 color: #888 !important;
 }
 .menu-filter a:hover {
-color: #222 !important;
+color: #000 !important;
+background-color: transparent;
 }
 
 .menu-filter hr {margin: 0px;}
@@ -916,9 +973,8 @@ font-size: 11px;
 }
 
 #dc-document-info:hover {
-color: #222;
+color: darkred;
 cursor: pointer;
-text-decoration: underline;
 }
 
 #dc-document-info-popup {
@@ -931,18 +987,36 @@ border-radius: 2px;
 z-index: 100;
 }
 
-/************************** info popup *************************/
+#dc-document-info-popup div span:first-child {
+  display: inline-block;
+  text-align: right;
+  width: 80px;
+  padding: 1px;
+}
+#dc-document-info-popup div span:last-child {font-weight: bold;}
+
+
+/************************** filter popup *************************/
 #drgcms_filter {
 z-index:100;
 background: #fff;
 display: none;
-padding: 4px;
-border: 2px solid #222;    
+padding: 10px;
 }
 #drgcms_filter h1 {
-background-color: #ccc;
-font-size: 2em; 
-padding: 5px;
+font-size: 1.8em; 
+padding-top: 5px;
+border-bottom: 2px solid #669;
+color: #669;
+}
+
+#drgcms_filter .dc-menu {
+  display: inline-flex;
+  padding-bottom: 2px;
+}
+#drgcms_filter .dc-menu div {
+  margin-right: 3px;
+  padding: 9px 6px 7px 6px;
 }
 
 .tree-select {