You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
227 lines
9.2 KiB
227 lines
9.2 KiB
2 years ago
|
<?php
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This include is just a HTML and JS *fragment* it CANNOT stand alone
|
||
|
|
*
|
||
|
|
* This file is used to include the capability to have a pop-up DIV in which
|
||
|
|
* a user can add a new option to a list box. Primarily this is for the
|
||
|
|
* demographics, history, and referral screens. This code could be used elsewhere
|
||
|
|
* as long as it had the required supporting HTML and JS
|
||
|
|
*
|
||
|
|
* REQUIRED to make work:
|
||
|
|
* - jQuery
|
||
|
|
* - form element with the class '.addtolist'
|
||
|
|
* - be used in a file that already includes globals.php
|
||
|
|
*
|
||
|
|
* @package OpenEMR
|
||
|
|
* @link http://www.open-emr.org
|
||
|
|
* @author Brady Miller <brady.g.miller@gmail.com>
|
||
|
|
* @copyright Copyright (c) 2018 Brady Miller <brady.g.miller@gmail.com>
|
||
|
|
* @license https://github.com/openemr/openemr/blob/master/LICENSE GNU General Public License 3
|
||
|
|
*/
|
||
|
|
|
||
|
|
// TODO: Convert this to a modal or a dialog
|
||
|
|
|
||
|
|
use OpenEMR\Common\Csrf\CsrfUtils;
|
||
|
|
|
||
|
|
?>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- hidden DIV used for creating new list items -->
|
||
|
|
<div id="newlistitem" class="position-absolute bg-light border border-dark" style="display: none; padding: 5px; z-index: 5000;">
|
||
|
|
<input type="hidden" name="newlistitem_listid" id="newlistitem_listid" value="" />
|
||
|
|
<input type="hidden" name="newlistitem_fieldid" id="newlistitem_fieldid" value="" />
|
||
|
|
<div id="specificForm">
|
||
|
|
</div>
|
||
|
|
<div class="text-center">
|
||
|
|
<div style='margin-top: 0.5rem;'>
|
||
|
|
<input type='button' class='btn btn-primary' name='newlistitem_submit' id='newlistitem_submit' value='<?php echo xla('Add'); ?>' />
|
||
|
|
<input type='button' class='btn btn-secondary' name='newlistitem_cancel' id='newlistitem_cancel' value='<?php echo xla('Cancel'); ?>' />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
// collect the custom state widget flag
|
||
|
|
var stateCustomFlag = <?php echo json_encode($GLOBALS['state_custom_addlist_widget']); ?>;
|
||
|
|
|
||
|
|
// generic form for input box
|
||
|
|
var generic = "<input type='text' class='form-control' name='newlistitem_value' id='newlistitem_value' size='20' maxlength='50' />";
|
||
|
|
|
||
|
|
// state form for input box
|
||
|
|
var state = "\
|
||
|
|
<ul class='m-0 p-0 list-unstyled'>\
|
||
|
|
<li class='text-center font-weight-bold' style='font-size:120%;'>\
|
||
|
|
<?php echo xlt('Enter new State'); ?></li>\
|
||
|
|
<li class='p-0' style='margin-top: 0.5rem;'>\
|
||
|
|
<?php echo xlt('Full Name'); ?>:\
|
||
|
|
<input type='text' class='form-control' name='newlistitem_value' id='newlistitem_value' size='20' maxlength='50' /><li>\
|
||
|
|
<li class='p-0' style='margin-top: 0.5rem;'>\
|
||
|
|
<?php echo xlt('Abbreviation'); ?>:\
|
||
|
|
<input type='text' class='form-control' name='newlistitem_abbr' id='newlistitem_abbr' size='10' maxlength='50' /><li>\
|
||
|
|
</ul>\
|
||
|
|
";
|
||
|
|
|
||
|
|
// jQuery makes life easier (sometimes)
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
|
||
|
|
/********************************************************/
|
||
|
|
/************ List-box modification functions ***********/
|
||
|
|
/********************************************************/
|
||
|
|
|
||
|
|
$("#newlistitem").on("keypress", function(evt) { if (evt.keyCode == 13) { SaveNewListItem(this, evt); return false; }});
|
||
|
|
$(".addtolist").on("click", function(evt) { AddToList(this, evt); });
|
||
|
|
$("#newlistitem_submit").on("click", function(evt) { SaveNewListItem(this, evt); });
|
||
|
|
$("#newlistitem_cancel").on("click", function(evt) { CancelAddToList(this, evt); });
|
||
|
|
|
||
|
|
// display the 'new list item' DIV at the mouse position
|
||
|
|
var AddToList = function(btnObj, e) {
|
||
|
|
// capture the ID of the list and specific field being modified from the object's ID
|
||
|
|
$('#newlistitem_listid').val($(btnObj).attr("id").replace(/^addtolistid_/g, ""));
|
||
|
|
$('#newlistitem_fieldid').val($(btnObj).attr("fieldid"));
|
||
|
|
|
||
|
|
// REMOVE previous form
|
||
|
|
$("#specificForm").empty();
|
||
|
|
|
||
|
|
// INSERT the selected form
|
||
|
|
if (($("#newlistitem_listid").val() == "state") && (stateCustomFlag)) {
|
||
|
|
// insert state form and clear values
|
||
|
|
$("#specificForm").append(state);
|
||
|
|
$('#newlistitem_value').val("");
|
||
|
|
$('#newlistitem_abbr').val("");
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
// insert generic form and clear values
|
||
|
|
$("#specificForm").append(generic);
|
||
|
|
$('#newlistitem_value').val("");
|
||
|
|
}
|
||
|
|
|
||
|
|
// make the item visible before setting its x,y location
|
||
|
|
$('#newlistitem').css('display', 'inline');
|
||
|
|
//getting height and width of the message box
|
||
|
|
var height = $('#newlistitem').height();
|
||
|
|
var width = $('#newlistitem').width();
|
||
|
|
//calculating offset for displaying popup message
|
||
|
|
leftVal = e.pageX - (width / 2) + "px";
|
||
|
|
topVal = e.pageY - (height / 2) + "px";
|
||
|
|
//show the DIV and set cursor focus
|
||
|
|
$('#newlistitem').css({left:leftVal,top:topVal}).show();
|
||
|
|
$('#newlistitem_value').focus();
|
||
|
|
};
|
||
|
|
|
||
|
|
// hide the add-to-list DIV and clear its textbox
|
||
|
|
var CancelAddToList = function(btnObj, e) {
|
||
|
|
$('#newlistitem').hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
// save the new list item to the given list
|
||
|
|
var SaveNewListItem = function(btnObj, e) {
|
||
|
|
// VALIDATE the selected form
|
||
|
|
// Don't allow a number as first character
|
||
|
|
// Don't allow illegal characters (' and " for now) - still developing
|
||
|
|
// First, validate fields common to all forms
|
||
|
|
if ($("#newlistitem_value").val().match(/^\d/)) {
|
||
|
|
alert(<?php echo xlj('List items can not start with a number.'); ?>);
|
||
|
|
$("#newlistitem_value").focus();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if ($("#newlistitem_value").val().match(/[\'\"]/)) {
|
||
|
|
alert(<?php echo xlj('List items contains illegal character(s).'); ?>);
|
||
|
|
$("#newlistitem_value").focus();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
// Second, validate form specific fields
|
||
|
|
if (($("#newlistitem_listid").val() == "state") && (stateCustomFlag)) {
|
||
|
|
// state forms specific validation
|
||
|
|
if ($("#newlistitem_abbr").val().match(/^\d/)) {
|
||
|
|
alert(<?php echo xlj('List items can not start with a number.'); ?>);
|
||
|
|
$("#newlistitem_abbr").focus();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if ($("#newlistitem_abbr").val().match(/[\'\"]/)) {
|
||
|
|
alert(<?php echo xlj('List items contains illegal character(s).'); ?>);
|
||
|
|
$("#newlistitem_abbr").focus();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// PROCESS the selected form
|
||
|
|
if (($("#newlistitem_listid").val() == "state") && (stateCustomFlag)) {
|
||
|
|
// process state form
|
||
|
|
// (note we have collected a title and abbreviation)
|
||
|
|
var listid = $("#newlistitem_listid").val();
|
||
|
|
var newitem = $('#newlistitem_value').val();
|
||
|
|
var newitem_abbr = $('#newlistitem_abbr').val();
|
||
|
|
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
// process generic form
|
||
|
|
// (note we have only collected the title, so will make
|
||
|
|
// abbreviation same as title)
|
||
|
|
var listid = $("#newlistitem_listid").val();
|
||
|
|
var newitem = $('#newlistitem_value').val();
|
||
|
|
var newitem_abbr = $('#newlistitem_value').val();
|
||
|
|
}
|
||
|
|
|
||
|
|
// make the AJAX call to save the new value to the specified list
|
||
|
|
// upon returning successfully, refresh the list box and select
|
||
|
|
// the new list item
|
||
|
|
$.getJSON("<?php echo $GLOBALS['webroot']; ?>/library/ajax/addlistitem.php",
|
||
|
|
{csrf_token_form: <?php echo js_escape(CsrfUtils::collectCsrfToken()); ?>,
|
||
|
|
listid: listid,
|
||
|
|
newitem: newitem,
|
||
|
|
newitem_abbr: newitem_abbr},
|
||
|
|
function(jsondata, txtresponse) {
|
||
|
|
if( jsondata.error == '' ){
|
||
|
|
//process each widget with the same list
|
||
|
|
$("select.addtolistclass_"+listid).each(function(){
|
||
|
|
var pointer = $(this);
|
||
|
|
var currentselected = pointer.val();
|
||
|
|
var listboxfield = pointer.attr("id");
|
||
|
|
var listbox = document.getElementById(listboxfield);
|
||
|
|
while (listbox.options.length > 0) { listbox.options[0] = null; }
|
||
|
|
$.each(jsondata.options, function () {
|
||
|
|
if (listboxfield == $('#newlistitem_fieldid').val()) {
|
||
|
|
// build select for the chosen widget field
|
||
|
|
listbox.options[listbox.options.length] = new Option(this.title, this.id);
|
||
|
|
if (this.id == newitem_abbr) {
|
||
|
|
pointer.val(this.id);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
// build select for the other widgets using the same list
|
||
|
|
listbox.options[listbox.options.length] = new Option(this.title, this.id);
|
||
|
|
if (this.id == currentselected) {
|
||
|
|
pointer.val(currentselected);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
// now hide the DIV
|
||
|
|
$('#newlistitem').hide();
|
||
|
|
} else {
|
||
|
|
alert(jsondata.error);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
} // end SaveNewListItem
|
||
|
|
|
||
|
|
// let's expose some of these options so that others can use them if they are using the options.inc.php piece
|
||
|
|
let optionWidgets = {
|
||
|
|
CancelAddToList: CancelAddToList
|
||
|
|
,AddToList: AddToList
|
||
|
|
,SaveNewListItem: SaveNewListItem
|
||
|
|
};
|
||
|
|
|
||
|
|
if (!window.oeUI) {
|
||
|
|
window.oeUI = {};
|
||
|
|
}
|
||
|
|
window.oeUI.optionWidgets = optionWidgets;
|
||
|
|
|
||
|
|
}); // end jQuery .ready
|
||
|
|
</script>
|