library/options.js.php

   1 <?php
   2 /**
   3  * This is the place to put JavaScript functions that are needed to support
   4  * options.inc.php. Include this in the <head> section of relevant modules.
   5  * It's a .php module so that translation can be supported.
   6  *
   7  * @package   OpenEMR
   8  * @link      http://www.open-emr.org
   9  * @author    Rod Roark <rod@sunsetsystems.com>
  10  * @author    Brady Miller <brady.g.miller@gmail.com>
  11  * @copyright Copyright (c) 2014-2017 Rod Roark <rod@sunsetsystems.com>
  12  * @copyright Copyright (c) 2018 Brady Miller <brady.g.miller@gmail.com>
  13  * @license   https://github.com/openemr/openemr/blob/master/LICENSE GNU General Public License 3
  14  */
  15 ?>
  16 <script type="text/javascript">
  17
  18 // JavaScript support for date types when the A or B edit option is used.
  19 // Called to recompute displayed age dynamically when the corresponding date is
  20 // changed. Must generate the same age formats as the oeFormatAge() function.
  21 //
  22 function updateAgeString(fieldid, asof, format, description) {
  23   var datefld = document.getElementById('form_' + fieldid);
  24   var f = datefld.form;
  25   var age = '';
  26   var date1 = new Date(datefld.value);
  27   var date2 = asof ? new Date(asof) : new Date();
  28   if (format == 3) {
  29     // Gestational age.
  30     var msecs = date2.getTime() - date1.getTime();
  31     var days  = Math.round(msecs / (24 * 60 * 60 * 1000));
  32     var weeks = Math.floor(days / 7);
  33     days = days % 7;
  34     if (description == '') description = <?php echo xlj('Gest age') ?>;
  35     age = description + ' ' +
  36       weeks + (weeks == 1 ? ' ' + <?php echo xlj('week') ?> : ' ' + <?php echo xlj('weeks') ?>) + ' ' +
  37       days  + (days  == 1 ? ' ' + <?php echo xlj('day') ?> : ' ' + <?php echo xlj('days') ?>);
  38   }
  39   else {
  40     // Years or months.
  41     var dayDiff   = date2.getDate()     - date1.getDate();
  42     var monthDiff = date2.getMonth()    - date1.getMonth();
  43     var yearDiff  = date2.getFullYear() - date1.getFullYear();
  44     var ageInMonths = yearDiff * 12 + monthDiff;
  45     if (dayDiff < 0) --ageInMonths;
  46     if (format == 1 || (format == 0 && ageInMonths >= 24)) {
  47       age = yearDiff;
  48       if (monthDiff < 0 || (monthDiff == 0 && dayDiff < 0)) --age;
  49       age = '' + age;
  50     }
  51     else {
  52       age = '' + ageInMonths;
  53       if (format == 0) {
  54         age = age + ' ' + (ageInMonths == 1 ? <?php echo xlj('month') ?> : <?php echo xlj('months') ?>);
  55       }
  56     }
  57     if (description == '') description = <?php echo xlj('Age') ?>;
  58     if (age != '') age = description + ' ' + age;
  59   }
  60   document.getElementById('span_' + fieldid).innerHTML = age;
  61 }
  62
  63 // Function to show or hide form fields (and their labels) depending on "skip conditions"
  64 // defined in the layout.
  65 //
  66 var cskerror = false; // to avoid repeating error messages
  67 function checkSkipConditions() {
  68   var myerror = cskerror;
  69   var prevandor = '';
  70   var prevcond = false;
  71   for (var i = 0; i < skipArray.length; ++i) {
  72     var target   = skipArray[i].target;
  73     var id       = skipArray[i].id;
  74     var itemid   = skipArray[i].itemid;
  75     var operator = skipArray[i].operator;
  76     var value    = skipArray[i].value;
  77     var is_radio = false;
  78     var action   = skipArray[i].action;
  79     var tofind = id;
  80
  81     if (itemid) tofind += '[' + itemid + ']';
  82     // Some different source IDs are possible depending on the data type.
  83     var srcelem = document.getElementById('check_' + tofind);
  84     var radio_id='form_' + tofind + '[' + value + ']';
  85     if(typeof document.getElementById(radio_id)!=="undefined"){
  86         srcelem = document.getElementById(radio_id);
  87         if(srcelem != null){
  88             is_radio = true;
  89         }
  90     }
  91     if (srcelem == null) srcelem = document.getElementById('radio_' + tofind);
  92     if (srcelem == null) srcelem = document.getElementById('form_' + tofind) ;
  93     if (srcelem == null) srcelem = document.getElementById('text_' + tofind);
  94
  95     if (srcelem == null) {
  96       if (!cskerror) alert(<?php echo xlj('Cannot find a skip source field for'); ?> + ' "' + tofind + '"');
  97       myerror = true;
  98       continue;
  99     }
 100
 101     var condition = false;
 102     var is_multiple = false;
 103     var elem_val;
 104     if ( is_radio){
 105         for (var k = 0; k < document.getElementsByName('form_' + tofind).length; k++){
 106             if (document.getElementsByName('form_' + tofind)[k].checked){
 107                 elem_val= document.getElementsByName('form_' + tofind)[k].value;
 108             }
 109         }
 110     }else if( typeof srcelem.options!=="undefined" && srcelem.type == 'select-one' ){
 111         elem_val=srcelem.options[srcelem.selectedIndex].value;
 112
 113     }else if( srcelem.type == 'select-multiple' ) {
 114         elem_val = new Array();
 115         is_multiple = true;
 116         for (var k = 0; k < srcelem.length; k++) {
 117             if (srcelem.options[k].selected) {
 118                 if( elem_val.indexOf(srcelem.options[k].value)<0) {
 119                     elem_val.push(srcelem.options[k].value);
 120                 }
 121             }
 122         }
 123     } else {
 124         elem_val=srcelem.value;
 125
 126         if(elem_val == null) {
 127             elem_val = srcelem.getAttribute("data-value");
 128             if( elem_val !== null && elem_val.indexOf("|") !== -1 ) {
 129                 elem_val = elem_val.split("|");
 130                 is_multiple = true;
 131             }
 132         }
 133         if(elem_val == null) elem_val = srcelem.innerText;
 134     }
 135     //this is a feature fix for the multiple select list option
 136     //collect all the multiselect control values:
 137     if( is_multiple ) {
 138         switch(operator) {
 139             case 'eq':
 140                 condition = (-1 !== elem_val.indexOf(value));break;
 141             case 'ne':
 142                 condition = (-1 == elem_val.indexOf(value)); break;
 143             case 'se':
 144                 condition = srcelem.checked  ; break; // doesn't make sense?
 145             case 'ns':
 146                 condition = !srcelem.checked;  break;
 147         }
 148
 149     } else {
 150         if (operator == 'eq') condition = elem_val == value; else
 151         if (operator == 'ne') condition = elem_val != value; else
 152         if (operator == 'se') condition = srcelem.checked  ; else
 153         if (operator == 'ns') condition = !srcelem.checked;
 154     }
 155
 156     // Logic to accumulate multiple conditions for the same target.
 157     // alert('target = ' + target + ' prevandor = ' + prevandor + ' prevcond = ' + prevcond); // debugging
 158     if (prevandor == 'and') condition = condition && prevcond; else
 159     if (prevandor == 'or' ) condition = condition || prevcond;
 160     prevandor = skipArray[i].andor;
 161     prevcond = condition;
 162     var j = i + 1;
 163     if (j < skipArray.length && skipArray[j].target == target) continue;
 164
 165     // At this point condition indicates the target should be hidden or have its value set.
 166
 167     if (action == 'skip') {
 168       var trgelem1 = document.getElementById('label_id_' + target);
 169       var trgelem2 = document.getElementById('value_id_text_' + target);
 170       if (trgelem2 == null) {
 171         trgelem2 = document.getElementById('value_id_' + target);
 172       }
 173
 174       if (trgelem1 == null && trgelem2 == null) {
 175           var trgelem1 = document.getElementById('label_' + target);
 176           var trgelem2 = document.getElementById('text_' + target);
 177           if(trgelem2 == null){
 178               trgelem2 = document.getElementById('form_' + target);
 179           }
 180           if (trgelem1 == null && trgelem2 == null) {
 181               if (!cskerror) alert(<?php echo xlj('Cannot find a skip target field for'); ?> + ' "' + target + '"');
 182               myerror = true;
 183               continue;
 184           }
 185       }
 186
 187       // Find the target row and count its cells, accounting for colspans.
 188       var trgrow = trgelem1 ? trgelem1.parentNode : trgelem2.parentNode;
 189       var rowcells = 0;
 190       for (var itmp = 0; itmp < trgrow.cells.length; ++itmp) {
 191         rowcells += trgrow.cells[itmp].colSpan;
 192       }
 193
 194       // If the item occupies a whole row then undisplay its row, otherwise hide its cells.
 195       var colspan = 0;
 196       if (trgelem1) colspan += trgelem1.colSpan;
 197       if (trgelem2) colspan += trgelem2.colSpan;
 198       if (colspan < rowcells) {
 199         if (trgelem1) trgelem1.style.visibility = condition ? 'hidden' : 'visible';
 200         if (trgelem2) trgelem2.style.visibility = condition ? 'hidden' : 'visible';
 201       }
 202       else {
 203         trgrow.style.display = condition ? 'none' : '';
 204       }
 205     }
 206     else if (condition) { // action starts with "value="
 207       var trgelem = document.getElementById('form_' + target);
 208       if (trgelem == null) {
 209         if (!cskerror) alert('Cannot find a value target field "' + trgelem + '"');
 210         myerror = true;
 211         continue;
 212       }
 213       var action_value = action.substring(6);
 214       if (trgelem.type == 'checkbox') {
 215         trgelem.checked = !(action_value == '0' || action_value == '');
 216       }
 217       else {
 218         trgelem.value = action_value;
 219       }
 220     }
 221   }
 222   // If any errors, all show in the first pass and none in subsequent passes.
 223   cskerror = cskerror || myerror;
 224 }
 225
 226 ///////////////////////////////////////////////////////////////////////
 227 // Image canvas support starts here.
 228 ///////////////////////////////////////////////////////////////////////
 229
 230 var lbfCanvases = {}; // contains the LC instance for each canvas.
 231
 232 // Initialize the drawing widget.
 233 // canid is the id of the div that will contain the canvas, and the image
 234 // element used for initialization should have an id of canid + '_img'.
 235 //
 236 function lbfCanvasSetup(canid, canWidth, canHeight) {
 237   LC.localize({
 238     "stroke"    : <?php echo xlj('stroke'); ?>,
 239     "fill"      : <?php echo xlj('fill'); ?>,
 240     "bg"        : <?php echo xlj('bg{{image canvas label}}'); ?>,
 241     "Clear"     : <?php echo xlj('Clear'); ?>,
 242     // The following are tooltip translations, however they do not work due to
 243     // a bug in LiterallyCanvas 0.4.13.  We'll leave them here pending a fix.
 244     "Eraser"    : <?php echo xlj('Eraser'); ?>,
 245     "Pencil"    : <?php echo xlj('Pencil'); ?>,
 246     "Line"      : <?php echo xlj('Line'); ?>,
 247     "Rectangle" : <?php echo xlj('Rectangle'); ?>,
 248     "Ellipse"   : <?php echo xlj('Ellipse'); ?>,
 249     "Text"      : <?php echo xlj('Text'); ?>,
 250     "Polygon"   : <?php echo xlj('Polygon'); ?>,
 251     "Pan"       : <?php echo xlj('Pan'); ?>,
 252     "Eyedropper": <?php echo xlj('Eyedropper'); ?>,
 253     "Undo"      : <?php echo xlj('Undo'); ?>,
 254     "Redo"      : <?php echo xlj('Redo'); ?>,
 255     "Zoom out"  : <?php echo xlj('Zoom out'); ?>,
 256     "Zoom in"   : <?php echo xlj('Zoom in'); ?>,
 257   });
 258   var tmpImage = document.getElementById(canid + '_img');
 259   var shape = LC.createShape('Image', {x: 0, y: 0, image: tmpImage});
 260   var lc = LC.init(document.getElementById(canid), {
 261     imageSize: {width: canWidth, height: canHeight},
 262     strokeWidths: [1, 2, 3, 5, 8, 12],
 263     defaultStrokeWidth: 2,
 264     backgroundShapes: [shape],
 265     imageURLPrefix: '<?php echo $GLOBALS['assets_static_relative'] ?>/literallycanvas/img'
 266   });
 267   if (canHeight > 261) {
 268     // TBD: Do something to make the widget bigger?
 269     // Look for some help with this in the next LC release.
 270   }
 271   // lc.saveShape(shape);       // alternative to the above backgroundShapes
 272   lbfCanvases[canid] = lc;
 273 }
 274
 275 // This returns a standard "Data URL" string representing the image data.
 276 // It will typically be a few kilobytes. Here's a truncated example:
 277 // data:image/png;base64,iVBORw0K ...
 278 //
 279 function lbfCanvasGetData(canid) {
 280   return lbfCanvases[canid].getImage().toDataURL();
 281 }
 282
 283 </script>