drg_cms 0.6.0.3 → 0.6.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4b6e9f20a0a4ab04d8c5faa736a556f29a9a9709a324fb5438e66f4563c985de
-  data.tar.gz: e6c20a842d10be10c73a4d3129caafc43445a6552d0f6cbabd981b05981d20f2
+  metadata.gz: ce40eeb1428b5e11a14613978b213af29ad3a26c4f68a0addc2987135df60ece
+  data.tar.gz: 880a2bca2c8dac8e5e5cb5723e6acca268a9f0f4f439a4befe6a34b7b4a1dbd3
 SHA512:
-  metadata.gz: fd974c1b182db06f63cd0f7673b979bbbb4a0c0d2b200e9f6cd9fe428dfabc3d879348046882e97a7400e41961bfe6cbea4c147193bb0de2aca50e2bdbb7b738
-  data.tar.gz: bd4a6d8897a424ea22b403f70f4b4a12228798564ebe0023f5596e6a987de798ca304ee25c590966e688ba5588243ee566b6d4d897127ef37350b0c0aef55526
+  metadata.gz: 389d89408cd1e628ac26b0ec08de34c55851f84094e4258f9e98b7c036f48c992a84dd5c61385bd9ebb0592cb2df3e8dd0cc2c61808820b9e3c43bbb5dc5f7aa
+  data.tar.gz: 5c30cabb9b66750e0a6cc9783510dd15cb3ed866f9fca39d06c1037baa8c2c41db5798121f49b4b0e847163396eae77a68d99e8d8c548db55c57ea08f4d17dfd

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

@@ -43,36 +43,54 @@ 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
+ * 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: request.term, table: "#{table}", search: "#{search}" #{(',id: "'+@yaml['id'] + '"') if @yaml['id']} },
+    data: { input: depend_field.val(), search: method},
     success: function(data) {
-      response( $.map( data, function(key) {
-        return key;
-      }));
+
+      select_field.empty();
+      $.each(data, function(index, element) {
+        select_field.append( new Option(element['label'], element['id']) );
+      });
     }
   });  
-*/  
-  
 };
 
 /*******************************************************************
@@ -160,72 +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;
-    // display popup message
+      
+/**** display popup message ****/
     case 'popup':
-      $('#popup').html(val);
+      $('#popup').html(value);
       $('#popup').bPopup({ speed: 650, transition: 'slideDown' });            
 
-    // update div 
+/**** 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 (val);
+      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);
@@ -265,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);
+    }
+  }
+};
+
 /*******************************************************************
  * 
  *******************************************************************/
@@ -285,6 +353,20 @@ $(document).ready( function() {
     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
   *******************************************************************/
@@ -337,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');
@@ -354,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"));
     }
   });  
 
@@ -367,7 +453,6 @@ $(document).ready( function() {
  * unless on initial display.
  *******************************************************************/
   $('#iframe_cms').on('load', function() {
-//    alert('bla 1');
     new_height = this.contentWindow.document.body.offsetHeight + 50;
     if (new_height < 500 && new_height > 60) new_height = 500;
     this.style.height = new_height + 'px'; 
@@ -392,48 +477,70 @@ $(document).ready( function() {
  * Process Ajax call on cmsedit form actions
  *******************************************************************/
   $('.dc-link-ajax').on('click', function(e) {
-// check HTML5 validations
+    // 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 target = e.target;
-    var req    = target.getAttribute("data-request");
-// Get values from elements on the page:
+    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;
@@ -442,7 +549,6 @@ $(document).ready( function() {
     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();
-//    $('#bpopup').bPopup({ loadUrl: url, speed: 650, transition: 'slideDown' });  
   });  
 
  /*******************************************************************
@@ -494,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();
   });  
 
 /*******************************************************************
@@ -722,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");
@@ -731,7 +838,7 @@ element = $(this).find(':first').attr('id');
   .mouseleave(function() {
     console.log("leave");
   });
-  
+*/  
  /*******************************************************************
   * number_field type entered
   *******************************************************************/
@@ -746,44 +853,47 @@ element = $(this).find(':first').attr('id');
   /*******************************************************************
   * number_field type leaved
   *******************************************************************/
-   $('.dc-number').on('focusout', function(e) {
-//     format_number_field($(this));
-     
-     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 whole = this.value.split(separator)[0];
-     var dec   = this.value.split(separator)[1];
-// save value to hidden field which will be used for return 
-     var field = '#' + $(this).attr("id").slice(0,-1);
-     var value = this.value.replace(separator,'.');
+  $('.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 = '';
-     }
+    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);
     
-     $(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';
+    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 (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);
+    if (delimiter !== '') whole = ar.join(delimiter);
+    $(this).val(sign + whole + separator + dec + currency);
    });
    
  /*******************************************************************
@@ -809,6 +919,55 @@ element = $(this).find(':first').attr('id');
         $(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;
+  });
+
 });
 
 /*******************************************************************
@@ -827,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;
@@ -841,4 +998,4 @@ $(document).onmouseup( function(e) {
   console.log("mouse up");  
 });
 
-**/
+**/