drg_cms 0.5.52.9 → 0.6.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 40fa56fbdb21a8a10e26ebeefc4f9ebf1a0a41d3
-  data.tar.gz: f3c627f7e59044e1826d120174b91c06d7d0ee25
+SHA256:
+  metadata.gz: ce40eeb1428b5e11a14613978b213af29ad3a26c4f68a0addc2987135df60ece
+  data.tar.gz: 880a2bca2c8dac8e5e5cb5723e6acca268a9f0f4f439a4befe6a34b7b4a1dbd3
 SHA512:
-  metadata.gz: 377369ee96b9fa738a115e607d3e187ab5a1bb951ea767add202be5cc3e3d1ef9f83f39a03ce8411c8c3fc86889c7d250e4f22c2ee51448b90b1ecc0492b0942
-  data.tar.gz: 2db3772bf7c84abf8a316eb3519f74e86b0d2a2925214f6e8a2a328f2b683ef6fa67df3d56cc4363d2481c7de9e77b030d2481c49ebe720e28a7d43623052f7e
+  metadata.gz: 389d89408cd1e628ac26b0ec08de34c55851f84094e4258f9e98b7c036f48c992a84dd5c61385bd9ebb0592cb2df3e8dd0cc2c61808820b9e3c43bbb5dc5f7aa
+  data.tar.gz: 5c30cabb9b66750e0a6cc9783510dd15cb3ed866f9fca39d06c1037baa8c2c41db5798121f49b4b0e847163396eae77a68d99e8d8c548db55c57ea08f4d17dfd

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

@@ -28,6 +28,7 @@
  *******************************************************************/
 $.getUrlParam = function(name) {
   var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
+  if (results == null) return null;
   return results[1] || 0;
 };
 
@@ -42,14 +43,89 @@ dumpAttributes = function(obj) {
 };
 
 /*******************************************************************
- * Trying to remove background from iframe element. It is not yet working.
+ * Function checks if there are delay loaded embedded elements on 
+ * selected tab and triggers iframe reload.
  *******************************************************************/
-remove_background_from_iframe = function(obj) {
-  var head = obj.head;
-  var css = '<style type="text/css">' +
-            'body{background: none; background-picture:none; } ' +
-            '</style>';
-  $(head).append(css);    
+update_embedded_on_first_display = function(div_name) {
+  var iframes = $(div_name).find("iframe");
+  $.each(iframes, function(index, iframe) {
+    var src_delay = iframe.getAttribute('data-src-delay'); 
+    if (src_delay != null && src_delay != '') {
+      iframe.setAttribute('data-src-delay', '');
+      iframe.setAttribute('src', src_delay);
+    }
+  });
+};
+
+/*******************************************************************
+ *  Return false when confirmation is not required 
+ *******************************************************************/
+confirmation_is_cancled = function(object) {
+  var confirmation = object.getAttribute("data-confirm");
+  // if confirmation required
+  if (confirmation !== null) {
+    if (!confirm(confirmation)) {return true;}
+  }
+  return false;
+};
+
+/*******************************************************************
+ * Will update select field on the form which select options are dependend 
+ * on other field value. It calls /dc_common/autocomplete and passes 
+ * methodname and depend field value to obtain new values for select field.
+ *******************************************************************/
+update_select_depend = function(select_name, depend_name, method) {
+  var select_field = $('#'+select_name);
+  var depend_field = $('#'+depend_name);
+  
+  $.ajax({
+    url: "/dc_common/autocomplete",
+    type: "POST",
+    dataType: "json",
+    data: { input: depend_field.val(), search: method},
+    success: function(data) {
+
+      select_field.empty();
+      $.each(data, function(index, element) {
+        select_field.append( new Option(element['label'], element['id']) );
+      });
+    }
+  });  
+};
+
+/*******************************************************************
+ * Format number input field according to data
+ *******************************************************************/
+format_number_field = function(e) {
+  var decimals  = e.attr("data-decimal") || 2;
+  var delimiter = e.attr("data-delimiter") || '.';
+  var separator = e.attr("data-separator") || ',';
+  var currency  = e.attr("data-currency") || '';
+  var whole = e.val().split(separator)[0];
+  var dec   = e.val().split(separator)[1];
+// save value to hidden field which will be used for return 
+  var field = '#' + e.attr("id").slice(0,-1);
+  var value = e.val().replace(delimiter,'.');
+
+  $(field).val( parseFloat(value).toFixed(decimals) );
+
+// decimal part
+  if (dec == null) dec = '';
+  dec = dec.substring(0, decimals, dec);
+  while (dec.length < decimals) dec = dec + '0';
+// whole part 
+  if (whole == null || whole == '') whole = '0';
+  var ar = [];
+
+  while (whole.length > 0) { 
+    var pos1 = whole.length - 3
+    if (pos1 < 0) pos1 = 0;
+    ar.unshift(whole.substr(pos1,3)); 
+    whole = whole.slice(0, -3); 
+  };
+
+  if (delimiter !== '') whole = ar.join(delimiter);
+  e.val(whole + separator + dec + currency);
 };
   
 /*******************************************************************
@@ -67,10 +143,10 @@ $(function() {
  * 
  * Protocol consists of operation and value which are returned as json by
  * called controller. Controller will return an ajax call usually like this:
- *    render json: {operation: value}.to_json
+ *    render json: {operation: value}
  *    
  * Operation is further divided into source and determinator which are divided by underline char.
- *    render json: {#div_status: 'OK!'}.to_json
+ *    render json: {#div_status: 'OK!'}
  * will replace html in div="status" with value 'OK!'. Source is '#div' determinator is 'status'.
  * 
  * Possible operators are:
@@ -80,6 +156,8 @@ $(function() {
  *  msg_warn: will display warning message.
  *  msg_info: will display informational message.
  *  
+ *  popup: will display popup message
+ *  
  *  #div_divname : will replace divname with value
  *  #div+_divname : will append value to divname
  *  #+div_divname : will prepend value to divname 
@@ -100,64 +178,107 @@ $(function() {
  *******************************************************************/
 
 process_json_result = function(json) {
-  var i,operation,what, selector;
-  $.each(json, function(key, val) {
+  var i,w,operation,selector, msg_div, field;
+  $.each(json, function(key, value) {
     i = key.search('_');
     if (i > 1) {
       operation = key.substring(0,i);
-      what = key.substring(i+1,100);
+      selector  = key.substring(i+1,100);
     } else {
       operation = key;
-      what = '';
+      selector  = '';
     }
-//    
+//  
     switch (operation) {
-    // update field 
+      
+/**** update fields on form ****/
     case 'record':
-      $('#'+key).val(val);
+      field = $('#'+key);
+      // checkbox field
+      if (field.is(':checkbox')) { 
+        field.prop('checked', value);
+      // select field  
+      } else if (field.is('select')) {
+          // options for select field
+          if (value && value.isArray) {
+            field.empty();
+            $.each(value, function(index, v) {
+              field.append( new Option(v[0], v[1]) );
+            });
+          // select field value
+          } else {
+            field.val(value);
+          }
+      // other input fields
+      } else {
+        field.val(value);
+      }
       break;
-    // display message   
+
+/**** display message ****/
     case 'msg': 
-      selector = 'dc-form-' + what;
-      if ( $('.'+selector).length == 0 ) {
-        val = '<div class="' + selector + '">' + val + '</div>';
-        $('.dc-title').after(val);
+      msg_div = 'dc-form-' + selector;
+      if ( $('.'+msg_div).length == 0 ) {
+        value = '<div class="' + msg_div + '">' + value + '</div>';
+        $('.dc-title').after(value);
       } else {
-        $('.'+selector).html(val);
+        $('.'+msg_div).html(value);
       }
       break;
-    // update div 
+      
+/**** display popup message ****/
+    case 'popup':
+      $('#popup').html(value);
+      $('#popup').bPopup({ speed: 650, transition: 'slideDown' });            
+
+/**** update div ****/
     case '#div+':
-      $('#'+what).append(val);
+      $('#'+selector).append(value);
       break;
     case '#+div':
-      $('#'+what).prepend(val);
+      $('#'+selector).prepend(value);
       break;
     case '#div':
-      $('#'+what).html(val);
+      $('#'+selector).html(value);
       break;
     case '.div+':
-      $('.'+what).append(val);
+      $('.'+selector).append(value);
       break;
     case '.+div':
-      $('.'+what).prepend(val);
+      $('.'+selector).prepend(value);
       break;
     case '.div':
-      $('.'+what).html(val);
+      $('.'+selector).html(value);
       break;
-    // goto url 
+      
+/**** goto url ****/
     case 'url':
-      window.location.href = val;
+      window.location.href = value;
       break;
     case 'alert':
-      alert(val);
+      alert(value);
       break;
     case 'window':
-      w = window.open(val, what);
+      if (value == 'close') { window.close(); 
+      } else if (value == 'reload') { location.reload(); 
+      } else {
+        w = window.open(value, selector);
+        w.focus();
+      }
+      break;
+    case 'newwindow':
+      w = window.open(value, selector,"location=no,scrollbars=yes,resizable=yes");
       w.focus();        
       break;
+    case 'eval':
+      eval (value);
+      break;
     case 'reload':
-      location.reload(); 
+      if (value == 'parent') {
+        parent.location.reload();
+      } else {
+        location.reload();
+      } 
       break;
     default: 
       console.log("DRGCMS: Invalid ajax result operation: " + operation);
@@ -197,6 +318,21 @@ $.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);
+    }
+  }
+};
+
 /*******************************************************************
  * 
  *******************************************************************/
@@ -209,6 +345,27 @@ $(document).ready( function() {
 //    select_first_input_field('.dc-form');
   }
 */
+ /*******************************************************************
+  * It will scroll display to ypos if return_to_ypos parameter is present
+  *******************************************************************/
+  if (window.location.href.match(/return_to_ypos=/))
+  {
+    window.scrollTo(0, $.getUrlParam('return_to_ypos'));
+  }
+  
+ /*******************************************************************
+  * The idea is to update fields on parent iframe form, when embedded document
+  * is updated in its iframe. Update fields are listed in .dc-form-updates div
+  * and are set by flash[:update] Hash object.
+  * 
+  * eg. flash[:update] = {'td_record_radonly' => 'New value for read_only field',
+  *                       'record_name' => 'New name'}
+  *******************************************************************/
+  if ( $('.dc-form-updates').length > 0 ) {
+     $('.dc-form-updates').children().each( function( index, element ) {
+       process_parent_form_updates(element);
+     });
+  }
   
  /*******************************************************************
   * Register ad clicks
@@ -218,6 +375,17 @@ $(document).ready( function() {
     return true;
   });
   
+ /*****************************************************************
+ * Toggle CMS mode. When clicked on left 30 pixels, window will be scrolled approximately 
+ * to the position wher toggle was clicked. When clicked from pixel 31 and on it will
+ * stay on the top of window.
+ ******************************************************************/  
+  $('.cms-toggle').bind('click', function(e) {
+    var url = '/dc_common/toggle_edit_mode?return_to=' + window.location.href;
+    if (e.pageX < 30) url = url + '&return_to_ypos=' + e.pageY ;
+    window.location.href = url;
+  });
+ 
  /*******************************************************************
   * Popup or close CMS edit menu on icon click
   *******************************************************************/
@@ -251,11 +419,11 @@ $(document).ready( function() {
   * 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
+    // find li with dc-form-li-selected class. This is our old tab
     var 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
+        // when not already selected toggle dc-form-li-selected class and save old tab
         if ($(this) !== $(e.target)) {
           $(this).toggleClass('dc-form-li-selected');
           $(e.target).toggleClass('dc-form-li-selected');
@@ -268,11 +436,15 @@ $(document).ready( function() {
     if (old_tab_id !== null) {
       $('#data_' + old_tab_id).toggleClass('div-hidden');
       $('#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;
-        window.frameElement.style.height = div_height.toString() + 'px';
+      
+      // 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();
       select_first_input_field('#data_' + e.target.getAttribute("data-div"));
+      update_embedded_on_first_display('#data_' + e.target.getAttribute("data-div"));
     }
   });  
 
@@ -280,10 +452,9 @@ $(document).ready( function() {
  * Resize iframe_cms to the size of its contents. Make at least 500 px high
  * unless on initial display.
  *******************************************************************/
-  $('#iframe_cms').load( function() {
-//    alert('bla 1');
+  $('#iframe_cms').on('load', function() {
     new_height = this.contentWindow.document.body.offsetHeight + 50;
-    if (new_height < 500 & new_height > 60) new_height = 500;
+    if (new_height < 500 && new_height > 60) new_height = 500;
     this.style.height = new_height + 'px'; 
 // scroll to top
     $('#iframe_cms').dc_scroll_view();
@@ -293,7 +464,7 @@ $(document).ready( function() {
  * Same goes for editiframe. Resize it + 30px
  * unless on initial display with no data 
  *******************************************************************/
-  $('#iframe_edit').load( function() {
+  $('#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'; 
@@ -306,37 +477,78 @@ $(document).ready( function() {
  * Process Ajax call on cmsedit form actions
  *******************************************************************/
   $('.dc-link-ajax').on('click', function(e) {
-    var target = e.target;
-    var req    = target.getAttribute("data-request");
-/* Get some values from elements on the page: */
+    // confirmation if required
+    if (confirmation_is_cancled(this)) {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 (target.getAttribute("data-script"));
+      eval (this.getAttribute("data-script"));
       return false;
     }
     else if (req == "post") { 
       data = $('form').serialize(); 
-//      alert(data);
     }
     else { 
       data = {}; 
       req = 'get'; // by default
     }
     
-    $('.dc-spinner').toggleClass('div-hidden');   
+    $('.dc-spinner').show();   
     $.ajax({
-      url: target.getAttribute("data-url"),
+      url: this.getAttribute("data-url"),
       type: req,
       dataType: "json",
       data: data,
-//      success: function(files,data,xhr) { 
-//        document.getElementById('if_priponkas').contentDocument.location.reload(true); 
-//      }
       success: function(data) {
         process_json_result(data);
-        $('.dc-spinner').toggleClass('div-hidden');
+        $('.dc-spinner').hide();
       }
       
     });  
+  });
+  
+/*******************************************************************
+ * Process action submit button click. 
+ *******************************************************************/
+  $('.dc-action-submit').on('click', function(e) {
+    // confirmation if required
+    if (confirmation_is_cancled(this)) {return false;}
+   
+    // check HTML5 validations
+    var form = $("form")[0];
+    if (form && !form.checkValidity() ) {
+      form.reportValidity();
+      return false;
+    }
+    var url = this.getAttribute("data-url");
+    if (url == null) {return false;}
+
+    form.setAttribute('action', url);
+    form.setAttribute('method', "post");
+    form.submit();
+  });  
+    
+/*******************************************************************
+  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();
   });  
 
  /*******************************************************************
@@ -388,11 +600,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').show();
   });  
   
   $('.dc-link-submit').on('click', function(e) {
-    $('.dc-spinner').toggleClass('div-hidden');
+    $('.dc-spinner').show();
   });  
 
 /*******************************************************************
@@ -475,7 +687,7 @@ element = $(this).find(':first').attr('id');
 /*******************************************************************
  * Experimental. Force reload of parent page if this div appears. 
  *******************************************************************/
-  $('#div-reload-parent').load( function() {
+  $('#div-reload-parent').on('load', function() {
 //    alert('div-reload-parent 1');
     parent.location.href = parent.location.href;
   });
@@ -485,7 +697,7 @@ element = $(this).find(':first').attr('id');
  * 
  * Just an Idea. Not needed yet.
  *******************************************************************/
-  $('#div-reload').load( function() {
+  $('#div-reload').on('load', function() {
     alert('div-reload 1');
 //    location.href = location.href;
   });
@@ -616,8 +828,9 @@ element = $(this).find(':first').attr('id');
    });
    
 /*******************************************************************
-  * Resize result table columns
+  * Resize result table columns. For now an idea.
   *******************************************************************/
+ /*
    $( ".dc-result-header .spacer" )
   .mouseenter(function() {
     console.log("enter");
@@ -625,8 +838,136 @@ element = $(this).find(':first').attr('id');
   .mouseleave(function() {
     console.log("leave");
   });
+*/  
+ /*******************************************************************
+  * number_field type entered
+  *******************************************************************/
+   $('.dc-number').on('focus', function(e) {
+    var separator = $(this).attr("data-separator") || ',';
+    var field = '#' + $(this).attr("id").slice(0,-1);
+    var value = $(field).val().replace('.',separator);
+    $(this).val( value );
+    $(this).select();
+   });
+
+  /*******************************************************************
+  * number_field type leaved
+  *******************************************************************/
+  $('.dc-number').on('focusout', function(e) {
+    var decimals  = $(this).attr("data-decimal") || 2;
+    var delimiter = $(this).attr("data-delimiter") || '.';
+    var separator = $(this).attr("data-separator") || ',';
+    var currency  = $(this).attr("data-currency") || '';
+    var val     = this.value;
+    // clear delimiters and replace separator with .
+    val = val.replace(delimiter,'');
+    val = val.replace(separator,'.');
+    val = parseFloat(val).toFixed(decimals);
+    var whole, dec, sign;
+//    [whole,dec] = val.split('.');
+    whole = val.split('.')[0];
+    dec   = val.split('.')[1];
+// remove negative sign and add at the end
+    var sign = whole.substr(0,1);
+    if (sign == '-') { 
+      whole = whole.substr(1,20);
+    } else { 
+      sign = '';
+    }
+// save value to hidden field which holds return value
+    var field = '#' + $(this).attr("id").slice(0,-1);
+    $(field).val(val);
+    
+// decimal part
+    if (decimals == 0) separator = '';
+    if (dec == null) dec = '';
+    while (dec.length < decimals) dec = dec + '0';
+// whole part 
+    if (whole == null || whole == '') whole = '0';
+    var ar = [];
+    while (whole.length > 0) { 
+      var pos1 = whole.length - 3
+      if (pos1 < 0) pos1 = 0;
+      ar.unshift(whole.substr(pos1,3)); 
+      whole = whole.slice(0, -3); 
+     };
+          
+    if (delimiter !== '') whole = ar.join(delimiter);
+    $(this).val(sign + whole + separator + dec + currency);
+   });
+   
+ /*******************************************************************
+  * number_field type keypressed
+  *******************************************************************/
+   $('.dc-number').on('keydown', function(e) {
+// Minus sign. Put it on first place     
+     if (e.which == 109) {
+       if($(this).val().substr(0,1) == '-') {
+         $(this).val( $(this).val().substr(1,20));
+       } else {
+         $(this).val( '-' + $(this).val());
+       }
+       e.preventDefault();
+     }
+// Enter. Save value before Enter is processed
+      if (e.which == 13) {
+        var delimiter = $(this).attr("data-delimiter") || '.';
+        var decimals  = $(this).attr("data-decimal") || 2;        
+        var value = $(this).val().replace(delimiter,'.');
+        var field = '#' + $(this).attr("id").slice(0,-1);
+        
+        $(field).val( parseFloat(value).toFixed(decimals) );
+      }
+   });
+   
+ /*******************************************************************
+  * Result header sort icon is hoverd. Change background icon to filter.
+  *******************************************************************/
+  $('.dc-result-header .th i').hover( function() {
+    old_sort_icon = '';
+    // save old sort icon and replace it with filter icon   
+    $.each( $(this).attr("class").split(/\s+/), 
+      function(index, item) { if (item.match('sort')) { old_sort_icon = item}; }
+    );
+    $(this).removeClass(old_sort_icon).addClass('fa-filter');
+// bring back old sort icon
+  }, function(){
+    $(this).removeClass('fa-filter').addClass(old_sort_icon);
+  });
 
+/*******************************************************************
+  * Result header sort icon is clicked. Display filter menu for the field.
+  *******************************************************************/
+  $('.dc-result-header .th i').click( function(e) {
+    e.preventDefault();
+    // additional click will close dialog when visible
+    if ($('.filter-popup').is(':visible')) {
+      $('.filter-popup').hide();
+      return;
+    }
+    // retrieve name of current field and set it in popup
+    var header = $(this).closest('.th');
+    var 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'});
+    $('.filter-popup').show();    
+  });
   
+/*******************************************************************
+  * Filter operation is clicked on filter popup. Retrieve data and call
+  * 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");
+    
+    url = url + '&filter_field=' + field_name + '&filter_oper=' + operator;
+    window.location.href = url;
+  });
+
 });
 
 /*******************************************************************
@@ -645,9 +986,7 @@ $(document).keydown( function(e) {
 });
 
 /*******************************************************************
- * 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;
@@ -659,4 +998,4 @@ $(document).onmouseup( function(e) {
   console.log("mouse up");  
 });
 
-**/
+**/