- -
--
-
- -
-
-
-
diff --git a/ehr/resources/web/ehr/d3-graph-template.html b/ehr/resources/web/ehr/d3-graph-template.html
deleted file mode 100644
index 1680719f7..000000000
--- a/ehr/resources/web/ehr/d3-graph-template.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
\ No newline at end of file
diff --git a/ehr/resources/web/ehr/data/AssignmentClientStore.js b/ehr/resources/web/ehr/data/AssignmentClientStore.js
index fda4e9656..0720ad6a8 100644
--- a/ehr/resources/web/ehr/data/AssignmentClientStore.js
+++ b/ehr/resources/web/ehr/data/AssignmentClientStore.js
@@ -21,7 +21,7 @@ Ext4.define('EHR.data.AssignmentClientStore', {
if (!id || !date || !project)
continue;
- date = date.format(LABKEY.extDefaultDateFormat);
+ date = Ext4.Date.format(date, LABKEY.extDefaultDateFormat);
rows.push({
Id: id,
diff --git a/ehr/resources/web/ehr/data/BloodDrawClientStore.js b/ehr/resources/web/ehr/data/BloodDrawClientStore.js
index 39c55dcea..d3d2004ee 100644
--- a/ehr/resources/web/ehr/data/BloodDrawClientStore.js
+++ b/ehr/resources/web/ehr/data/BloodDrawClientStore.js
@@ -35,7 +35,7 @@ Ext4.define('EHR.data.BloodDrawClientStore', {
if (!id || !date)
continue;
- date = date.format(LABKEY.extDefaultDateFormat);
+ date = Ext4.util.Format.date(date, LABKEY.extDefaultDateFormat);
if (!bloodDrawMap[id])
bloodDrawMap[id] = [];
diff --git a/ehr/resources/web/ehr/data/DataEntryServerStore.js b/ehr/resources/web/ehr/data/DataEntryServerStore.js
index e480d093a..dd94b72c4 100644
--- a/ehr/resources/web/ehr/data/DataEntryServerStore.js
+++ b/ehr/resources/web/ehr/data/DataEntryServerStore.js
@@ -264,9 +264,9 @@ Ext4.define('EHR.data.DataEntryServerStore', {
// The code below is being left in place for now, but may be unnecessary. if there are no changes to apply, no edits should be made
this.callParent(arguments);
- if (command.command != 'delete'){
+ if (!command || command.command != 'delete'){
var idProp = this.proxy.reader.getIdProperty();
- Ext4.Array.forEach(command.rows, function(row){
+ Ext4.Array.forEach(records, function(row){
var record;
if (row.oldKeys){
//NOTE: always test both upper and lower case. somewhat ugly, but the DB can alter the case of GUIDs
diff --git a/ehr/resources/web/ehr/data/RequestStoreCollection.js b/ehr/resources/web/ehr/data/RequestStoreCollection.js
index 74bbc1035..642698abd 100644
--- a/ehr/resources/web/ehr/data/RequestStoreCollection.js
+++ b/ehr/resources/web/ehr/data/RequestStoreCollection.js
@@ -20,5 +20,43 @@ Ext4.define('EHR.data.RequestStoreCollection', {
}
return this.callParent([model]);
+ },
+
+ commitChanges: function(){
+ // ensure all records are using this requestid and alert if not
+ var requestid = this.getRequestId();
+ if (requestid){
+ this.clientStores.each(function(cs){
+ if (cs.getFields().get('requestid') != null){
+ cs.each(function(r){
+ if (requestid != r.get('requestid')){
+ LDK.Assert.assertEquality('Incorrect requestid for client store:' + cs.storeId, requestid, r.get('requestid'));
+ r.beginEdit();
+ r.set('requestid', this.getRequestId());
+ r.endEdit(true);
+ }
+ }, this);
+ }
+ }, this);
+
+ this.serverStores.each(function(cs){
+ if (cs.getFields().get('requestid') != null){
+ cs.each(function(r){
+ if (r.isRemovedRequest){
+ return; //do not check these records. they have deliberately been separated.
+ }
+
+ if (requestid != r.get('requestid')){
+ LDK.Assert.assertEquality('Incorrect requestid for server store:' + cs.storeId, requestid, r.get('requestid'));
+ r.beginEdit();
+ r.set('requestid', this.getRequestId());
+ r.endEdit(true);
+ }
+ }, this);
+ }
+ }, this);
+ }
+
+ return this.callParent(arguments);
}
});
\ No newline at end of file
diff --git a/ehr/resources/web/ehr/data/StoreCollection.js b/ehr/resources/web/ehr/data/StoreCollection.js
index ac87f8290..dbf0697d9 100644
--- a/ehr/resources/web/ehr/data/StoreCollection.js
+++ b/ehr/resources/web/ehr/data/StoreCollection.js
@@ -386,7 +386,8 @@ Ext4.define('EHR.data.StoreCollection', {
storeId: this.collectionId + '-' + section.name,
model: modelName,
sectionCfg: section,
- loaded: false
+ loaded: false,
+ slaveFieldsToInclude: section.slaveFieldsToInclude
});
this.addClientStore(store);
diff --git a/ehr/resources/web/ehr/data/WeightClientStore.js b/ehr/resources/web/ehr/data/WeightClientStore.js
index 2abd61190..8f5c1c59a 100644
--- a/ehr/resources/web/ehr/data/WeightClientStore.js
+++ b/ehr/resources/web/ehr/data/WeightClientStore.js
@@ -23,7 +23,7 @@ Ext4.define('EHR.data.WeightClientStore', {
if (!id || !date)
continue;
- date = date.format(LABKEY.extDefaultDateFormat);
+ date = Ext4.Date.format(date, LABKEY.extDefaultDateFormat);
if (!weightMap[id])
weightMap[id] = [];
diff --git a/ehr/resources/web/ehr/ehr_api.lib.xml b/ehr/resources/web/ehr/ehr_api.lib.xml
index dad53ba1a..744ea18fd 100644
--- a/ehr/resources/web/ehr/ehr_api.lib.xml
+++ b/ehr/resources/web/ehr/ehr_api.lib.xml
@@ -5,6 +5,8 @@
+
+
@@ -64,6 +66,7 @@
+
-
-
--
-- -
- - -
(no reason specified)
- -hello
';
-// EHR.ext.DisplayField.superclass.initComponent.apply(this, arguments);
-// },
-// getDisplayValue: function(v){
-// if(this.lookup && this.lookups !== false){
-// return v;
-// }
-// else if(Ext.isDate(v)){
-// return this.format ? v.format(this.format) : v.format('Y-m-d H:i');
-// }
-// else
-// return v;
-// },
-//
-// setRawValue : function(v){
-// if(this.htmlEncode){
-// v = Ext.util.Format.htmlEncode(v);
-// }
-// return this.rendered ? (this.el.dom.innerHTML = (Ext.isEmpty(v) ? '' : v)) : (this.value = v);
-// },
-//
-// setValue: function(v){
-// this.displayValue = this.getDisplayValue(v);
-// this.data = this.displayValue;
-// EHR.ext.DisplayField.superclass.setValue.apply(this, arguments);
-// }
-//});
-//Ext.reg('ehr-displayfield', EHR.ext.DisplayField);
-
-
-/**
- * Contructs a RadioGroup where each radio is populated from a LabKey store.
- * This is an alternative to a combobox.
- * Adapted from:
- * http://www.sencha.com/forum/showthread.php?95860-Remote-Loading-Items-Remote-Checkbox-Group-Ext.ux.RemoteCheckboxGroup&highlight=checkboxgroup+event
- * @class
- * @augments Ext.form.RadioGroup
- * @param {object} config The configuation object. Will accept all config options from Ext.form.RadioGroup along with those listed here.
- * @param {object} [config.store] A LABKEY.ext.Store. Each record will be used to
- * @param {string} [config.valueField] The name of the field to use as the inputValue
- * @param {string} [config.displayField] The name of the field to use as the label
- */
-EHR.ext.RemoteRadioGroup = Ext.extend(Ext.form.RadioGroup,
-{
- initComponent: function()
- {
- Ext.apply(this, {
- name: this.name || Ext.id(),
- storeLoaded: false,
- items: [{name: 'placeholder', fieldLabel: 'Loading..'}],
- buffered: true,
- listeners: {
- scope: this
-// change: function(c){
-// console.log('remote radio on change')
-// },
-// blur: function(c){
-// console.log('remote radio on blur')
-// }
- },
- tpl : new Ext.XTemplate('' +
- '{[ values["secondaryCategory"] ? ""+values["secondaryCategory"]+": " : "" ]}' +
- '{[ (values["meaning"] || values["code/meaning"]) ? (values["meaning"] || values["code/meaning"])+" ("+values["code"]+")" : ' +
- 'values["code"]]}' +
- '
{[!isNaN(values["project"]) ? EHR.Utils.padDigits(values["project"], 8) : values["project"]]}' +
-// '
{[values["project"] + " " + (values["protocol"] ? "("+values["protocol"]+")" : "")]}' +
- '
If you enter values below, these will be applied to all new records, overriding any saved values.' - }, - toAdd - ] - }); - }, - - loadTemplateData: function(toAdd){ - for (var i in toAdd){ - var store = Ext.StoreMgr.get(i); - store.addRecords(toAdd[i]) - } - - Ext.Msg.hide(); - }, - - onCustomize: function(){ - var toAdd = {}; - this.theWindow.theForm.items.each(function(tab){ - var values = tab.thePanel.getForm().getFieldValues(true); - toAdd[tab.thePanel.storeId] = tab.thePanel.records; - Ext.each(tab.thePanel.records, function(r){ - Ext.apply(r, values); - }, this); - }, this); - - this.loadTemplateData(toAdd); - this.theWindow.hide(); - } -}); -Ext.reg('ehr-applytemplatepanel', EHR.ext.ApplyTemplatePanel); - - -/** - * @class - * This panel provides the UI which allows the user to save existing records in a Form or Form section as a template. It - * gives the ability to choose which section(s) (ie. queries) should be saved and which field(s) per section to save. - */ -EHR.ext.SaveTemplatePanel = Ext.extend(Ext.Window, { - initComponent: function() - { - Ext.apply(this, { - closeAction:'hide' - ,title: 'Save As Template' - ,xtype: 'panel' - ,autoScroll: true - ,autoHeight: true - ,boxMaxHeight: 600 - ,defaults: { - border: false - ,bodyStyle: 'padding: 5px;' - } - ,items: [{ - layout: 'form', - autoScroll: true, - bodyStyle: 'padding: 5px;', - monitorValid: true, - defaults: { - border: false - }, - items: [{ - xtype: 'textfield', - fieldLabel: 'Template Name', - allowBlank: false, - ref: '../templateName', - listeners: { - scope: this, - change: function(f){ - this.buttons[0].setDisabled(!f.getValue()) - } - } - },{ - xtype: 'combo', - displayField: 'DisplayName', - valueField: 'UserId', - triggerAction: 'all', - mode: 'local', - listWidth: 300, - fieldLabel: 'User/Group', - //value: 0, - store: new LABKEY.ext.Store({ - schemaName: 'core', - queryName: 'PrincipalsWithoutAdmin', - columns: 'UserId,DisplayName', - sort: 'Type,DisplayName', - autoLoad: true - }), - ref: '../templateUser' - },{ - xtype: 'displayfield', - value: 'NOTE: You can choose a user or group in order to limit which users can see the template. Leave it blank to expose the template to everyone. Pick your own user to make it visible to you only. If you want to share it with a specific group (ie. vets or pathology), choose them from the list.' - },{ - xtype: 'textarea', - fieldLabel: 'Description', - width: 300, - ref: '../templateDescription' - },{ - html: 'You can elect to save either all or some of the records in this form as a template. For each section, you can choose which fields to save.', - style: 'padding-top:10px;' - }] - },{ - xtype: 'tabpanel', - activeTab: 0, - ref: 'theForm', - autoScroll: true - }] - ,scope: this - ,buttons: [{ - text:'Submit', - scope: this, - disabled: true, - handler: function(s){ - this.onSubmit(); - this.hide(); - } - },{ - text: 'Close', - scope: this, - handler: function(){ - this.hide(); - } - }] - - }); - - EHR.ext.SaveTemplatePanel.superclass.initComponent.call(this, arguments); - - //function differently depending on whether we're bound to a grid or import panel - if(this.grid) - this.targetStore = this.grid.store; - else - this.targetStore = this.importPanel.store; - - if(!this.targetStore) - return; - else if (this.targetStore instanceof EHR.ext.StoreCollection) - this.populateFromStoreCollection(); - else if (this.targetStore instanceof LABKEY.ext.Store) - this.populateFromStore(); - - this.on('show', function(){ - this.templateName.focus(false, 50); - }, this); - }, - populateFromStoreCollection: function(){ - var hasRecords = false; - this.targetStore.each(function(s){ - if(s.canSaveInTemplate === false) - return; - - this.addStore(s); - if(s.getCount()) - hasRecords = true; - }, this); - - if(!hasRecords){ - this.on('beforeshow', function(){return false}, this, {single: true}); - this.hide(); - Ext.Msg.alert('Error', 'There are no records to save.'); - } - }, - populateFromStore: function(){ - if(!this.targetStore.getCount()){ - this.on('beforeshow', function(){return false}, this, {single: true}); - this.hide(); - Ext.Msg.alert('Error', 'There are no records to save.'); - } - else - this.addStore(this.targetStore); - }, - addStore: function(store){ - var count = store.getCount(); - - if(!count){ - return - } - var panel = { - xtype: 'panel', - title: store.queryName + ': '+count+' Record' + (count==1 ? '' : 's'), - border: false, - style: 'padding-bottom:10px;', - autoHeight: true, - storeId: store.storeId, - items: [{ - xtype: 'fieldset', - title: 'Choose Records To Save', - items: [{ - xtype: 'radiogroup', - style: 'padding-bottom:10px;', - //bodyStyle: 'padding: 5px;', - ref: '../recordSelector', - columns: 3, - //width: 400, - items: [{ - fieldLabel: 'Include All', - inputValue: 'all', - checked: true, - name: store.storeId+'-radio' - },{ - fieldLabel: 'Include None', - inputValue: 'none', - name: store.storeId+'-radio' - }] - }] - }] - }; - - if(this.grid){ - panel.items[0].items[0].items.push({ - fieldLabel: 'Selected Only', - inputValue: 'selected', - name: store.storeId+'-radio' - }); - } - - panel = this.theForm.add(panel); - - var toAdd = { - xtype: 'checkboxgroup', - ref: '../fieldSelector', - name: store.storeId, - columns: 3, - items: [] - }; - store.fields.each(function(f){ - if(!f.hidden && f.shownInInsertView && f.allowSaveInTemplate!==false && f.allowDuplicate!==false){ - toAdd.items.push({ - xtype: 'checkbox', - dataIndex: f.dataIndex, - name: f.dataIndex, - fieldLabel: f.fieldLabel || f.name, - checked: !(f.noDuplicateByDefault || f.noSaveInTemplateByDefault) - }) - } - }, this); - - panel.add({ - xtype: 'fieldset', - title: 'Choose Fields to Save', - items: [toAdd] - }); - }, - onSubmit: function(){ - this.hide(); - Ext.Msg.wait("Saving..."); - - var tn = this.templateName.getValue(); - var rows = []; - - this.theForm.items.each(function(tab){ - var selections = tab.recordSelector.getValue().inputValue; - var fields = tab.fieldSelector.getValue(); - - if(!fields.length) - return; - if(selections == 'none') - return; - - var store = Ext.StoreMgr.get(tab.storeId); - - var records = []; - if(selections == 'selected'){ - records = this.grid.getSelectionModel().getSelections(); - if(!records.length){ - Ext.Msg.hide(); - Ext.Msg.alert('Error', 'No records were selected in the grid'); - } - } - else - records = store.data.items; - - Ext.each(records, function(rec){ - var json = {}; - Ext.each(fields, function(chk){ - json[chk.dataIndex] = rec.get(chk.dataIndex); - }, this); - - rows.push({ - templateId: null, - storeId: store.storeId, - json: Ext.util.JSON.encode(json), - templateName: tn - }) - }, this); - }, this); - - if(!rows.length){ - Ext.Msg.hide(); - Ext.Msg.alert('Error', "No records selected"); - return; - }; - - this.saveTemplate(rows); - }, - - saveTemplate: function(rows){ - LABKEY.Query.insertRows({ - schemaName: 'ehr', - queryName: 'formtemplates', - scope: this, - rows: [{ - title: this.templateName.getValue(), - userid: this.templateUser.getValue(), - description: this.templateDescription.getValue(), - formType: this.formType - }], - success: function(rows){return function(data){ - Ext.each(rows, function(r){ - r.templateId = data.rows[0].entityid; - }, this); - - LABKEY.Query.insertRows({ - schemaName: 'ehr', - queryName: 'formTemplateRecords', - rows: rows, - failure: EHR.Utils.onError, - success: function(){ - Ext.Msg.hide(); - } - }); - }}(rows), - failure: EHR.Utils.onError - }); - } -}); -Ext.reg('ehr-savetemplatepanel', EHR.ext.SaveTemplatePanel); - - -/* - * Although this has been commented out, this is designed to present a basic EHR.ext.Formpanel to the user in an Ext window. This - * can be useful to allow fast insertion of records into a table. It was originally used to allow vets to enter clinical remarks; - * however, this was removed in favor of all remarks going through the Task pathway. This code was note removed because the basic - * mechanism was prove useful in other contexts. - */ -//EHR.ext.FormWindow = Ext.extend(Ext.Window, { -// initComponent: function() -// { -// Ext.apply(this, { -// closeAction:'hide' -// ,title: 'Enter Data' -// ,xtype: 'panel' -// ,autoScroll: true -// ,autoHeight: true -// ,boxMaxHeight: 600 -// ,defaults: { -// border: false -// ,bodyStyle: 'padding: 5px;' -// } -// ,items: [{ -// xtype: 'ehr-formpanel' -// ,schemaName: this.schemaName -// ,queryName: this.queryName -// ,columns: EHR.Metadata.Columns[this.queryName] -// ,metadata: EHR.Metadata.getTableMetadata(this.queryName, ['Task']) -// }] -// ,scope: this -// }); -// -// EHR.ext.FormWindow.superclass.initComponent.call(this, arguments); -// } -//}); -//Ext.reg('ehr-formwindow', EHR.ext.FormWindow); - - diff --git a/ehr/resources/web/ehr/ext3/ExtOverrides.js b/ehr/resources/web/ehr/ext3/ExtOverrides.js deleted file mode 100644 index 084710fd9..000000000 --- a/ehr/resources/web/ehr/ext3/ExtOverrides.js +++ /dev/null @@ -1,227 +0,0 @@ -/* - * Copyright (c) 2013-2019 LabKey Corporation - * - * Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0 - */ - -//This will contain ext overrides -Ext.namespace('EHR.ext'); - - - -//a css fix for Ext datepicker and tabpanel -Ext.menu.DateMenu.prototype.addClass('extContainer'); -Ext.TabPanel.prototype.addClass('extContainer'); - - -//NOTE: In IE8, DatePickers render half-width -//see: http://www.opendebug.com/article/533989 -Ext.override (Ext.menu.Menu, { - autoWidth:function (){ - //only append if input is numeric - if (!isNaN(this.width)) - this.width += 'px'; - } -}); - -//Ext's 3.1 documentation says this should be the code. -// the purpose is to allow null values in numeric fields -Ext.data.Types.INT.convert = function(v){ - return v !== undefined && v !== null && v !== '' ? - parseInt(String(v).replace(Ext.data.Types.stripRe, ''), 10) : (this.useNull ? null : 0); -}; - -Ext.data.Types.FLOAT.convert = function(v){ - return v !== undefined && v !== null && v !== '' ? - parseFloat(String(v).replace(Ext.data.Types.stripRe, ''), 10) : (this.useNull ? null : 0); -}; - -//if not set to true, null numeric values will automatically be coerced to zero -Ext.data.Field.prototype.useNull = true; - - - -Ext.override(Ext.form.CheckboxGroup, { - getValueAsString: function(delim) - { - delim = delim || ','; - var vals = []; - Ext.each(this.getValue(), function(c){ - vals.push(c.inputValue); - }, this); - return vals.join(delim); - }, - removeAll: function () { - this.panel.items.each(function(col){ - col.items.each(function(item){ - this.items.remove(item); - col.remove(item); - }) - }, this); - } -}); - -//Ext is going to coerse the value into a string, which doesnt work well when it's null -Ext.override(Ext.form.RadioGroup, { - setValueForItem: function(val){ - val = (val===null ? '' : val); - Ext.form.RadioGroup.superclass.setValueForItem.call(this, val); - }, - blankText: 'This field is required' -}); - - -Ext.override(Ext.Panel, { - setReadOnly: function(val){ - if(!this.items){ - console.log(this) - } - else { - this.items.each(function(item){ - if(item.setReadOnly){ - item.setReadOnly(val); - } - else { - item.setDisabled(val) - } - }, this); - } - } -}); - -//overridden b/c if you try to set the value of a combo prior to store loading, it will display -//the raw value, not display value -Ext.override(LABKEY.ext.ComboBox, { - setValue: function(v){ - if(this.store && !this.store.fields){ - this.initialValue = v; - } - - LABKEY.ext.ComboBox.superclass.setValue.call(this, v); - } -}); - - -//overridden b/c readOnly has no effect on checkboxes and radios. this will disable the element, making it truly read only -Ext.override(Ext.form.Checkbox, { - setReadOnly: function(val){ - Ext.form.Checkbox.superclass.setReadOnly.apply(this, arguments); - this.setDisabled(val); - } -}); - -Ext.override(Ext.data.Store, { - add : function(records) { - var i, len, record, index; - - records = [].concat(records); - if (records.length < 1) { - return; - } - - for (i = 0, len = records.length; i < len; i++) { - record = records[i]; - - record.join(this); - - if (record.dirty || record.phantom) { - this.modified.push(record); - } - } - - index = this.data.length; - this.data.addAll(records); - - if (this.snapshot) { - this.snapshot.addAll(records); - } - - this.fireEvent('add', this, records, index); - }, - insert : function(index, records) { - var i, len, record; - - records = [].concat(records); - for (i = 0, len = records.length; i < len; i++) { - record = records[i]; - - this.data.insert(index + i, record); - record.join(this); - - if (record.dirty || record.phantom) { - this.modified.push(record); - } - } - - if (this.snapshot) { - this.snapshot.addAll(records); - } - - this.fireEvent('add', this, records, index); - } -}); - -//only overridden to remove setting a default nullCaption. this is moved to the combo tpl -Ext.override(LABKEY.ext.Store, { - onLoad : function(store, records, options) { - this.isLoading = false; - - //remember the name of the id column - this.idName = this.reader.meta.id; - - if(this.nullRecord) - { - //create an extra record with a blank id column - //and the null caption in the display column - var data = {}; - data[this.reader.meta.id] = ""; - data[this.nullRecord.displayColumn] = this.nullRecord.nullCaption || this.nullCaption || null; - - var recordConstructor = Ext.data.Record.create(this.reader.meta.fields); - var record = new recordConstructor(data, -1); - this.insert(0, record); - } - } -}); - -//Ext.override(Ext.form.ComboBox, { -// doQuery : function(q, forceAll){ -// q = Ext.isEmpty(q) ? '' : q; -// var qe = { -// query: q, -// forceAll: forceAll, -// combo: this, -// cancel:false -// }; -// if(this.fireEvent('beforequery', qe)===false || qe.cancel){ -// return false; -// } -// q = qe.query; -// forceAll = qe.forceAll; -// if(forceAll === true || (q.length >= this.minChars)){ -// if(this.lastQuery !== q){ -// this.lastQuery = q; -// if(this.mode == 'local'){ -// this.selectedIndex = -1; -// if(forceAll){ -// this.store.clearFilter(); -// }else{ -// this.store.filter(this.displayField, q, this.allowAnyValue, this.caseSensitive); -// } -// this.onLoad(); -// }else{ -// this.store.baseParams[this.queryParam] = q; -// this.store.load({ -// params: this.getParams(q) -// }); -// this.expand(); -// } -// }else{ -// this.selectedIndex = -1; -// this.onLoad(); -// } -// } -// } -//}); - - diff --git a/ehr/resources/web/ehr/ext3/databind.js b/ehr/resources/web/ehr/ext3/databind.js deleted file mode 100644 index fed48bf40..000000000 --- a/ehr/resources/web/ehr/ext3/databind.js +++ /dev/null @@ -1,425 +0,0 @@ -/* - * Copyright (c) 2013-2019 LabKey Corporation - * - * Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0 - */ - -Ext.namespace('EHR.ext.plugins'); - -/** - * @name EHR.ext.plugins - * @namespace A namespace containing various Ext plugins used in the EHR. - * - */ - -/** - * A plugin for EHR.ext.FormPanel that will allow the panel to 'bind' to an Ext record, which allows changes on either the panel or record to alter the other. - * @name EHR.ext.plugins.DataBind - * @augments Ext.util.Observable - * @description - * - * This plugin is adapted from the plugin found here. - * It is used heavily throughout the EHR data entry UI. This allows the forms to consist of a store (which holds one or more records) and various - * UI elements (FormPanel or GridPanel) which display them. Changes made in either the store record or through the form/grid will be reflected on - * the other side. This allows a form to bind() or unbind() records, which lets the form toggle between many records. - *
- * This plugin creates a new param in the FormPanel called bindConfig. This parameter is an object with the following options:
- *
")]; - - return errors; - }; - - if(this.bindConfig.disableUnlessBound && !this.boundRecord && !this.bindConfig.bindOnChange) - f.setDisabled(true); - - f.hasDatabindListener = true; - }, - - //private - //Configures the store with listeners to monitor record changes - configureStore: function(){ - if (this.store) - { - this.store = Ext.StoreMgr.lookup(this.store); - Ext.apply(this.store, { - boundPanel: this - }); - - this.store.on('load', function(store, records, options) - { - // Can only contain one row of data. - if (records.length == 0){ - if(this.bindConfig.createRecordOnLoad){ - var values = {}; - Ext.each(this.getFieldsToBind(), function(item){ - values[item.name] = this.getBoundFieldValue(item); - }, this); - var rec = new this.store.recordType(values); - rec.markDirty(); - this.store.addRecord(rec); - - //called to force record to store's modified list - this.store.afterEdit(rec); - - this.bindRecord(rec); - } - } - else { - //NOTE: I disabled this behavior b/c it was potentially - //confusing if the user loads a saved page and automatically - //has a previous record bound. - if(this.bindConfig.autoBindRecord){ - this.bindRecord(records[0]); - } - } - }, this); - - //NOTE: this is called too late for this to matter - //this.store.on('beforecommit', this.updateRecord, this); - - this.store.on('remove', this.onRecordRemove, this); - } - } - }); - - o.configureStore(); - o.addFieldListeners(); - o.addEvents('beforesubmit', 'recordchange', 'formchange', 'fieldchange'); - - //we queue changes from all fields into a single event using buffer - //this way batch updates of the form only trigger one record update/validation - o.on('fieldchange', o.updateRecord, o, {delay: 20, buffer: 100}); - - if(o.bindConfig.showDeleteBtn !== false){ - if(o.getBottomToolbar()) - - o.getBottomToolbar().insert(0, {xtype: 'tbspacer', width: 100}); - - o.getBottomToolbar().insert(0, { - xtype: 'button', - text: 'Clear Section', - ref: 'recordDeleteBtn', - scope: o, - disabled: true, - handler: function(){ - if(this.boundRecord){ - Ext.MessageBox.confirm( - 'Confirm', - 'You are about to clear this section. This will permanently delete these values. Are you sure you want to do this?', - function(val){ - if(val=='yes') - this.unbindRecord({deleteRecord: true}); - }, - this - ); - } - } - }); - - o.on('recordchange', function(form, record){ - this.getBottomToolbar().recordDeleteBtn.setDisabled(record===undefined) - }, o); - } - - o.on('beforesubmit', function(c){ - console.log('updating record from form beforesubmit'); - c.updateRecord(); - }); - - o.on('add', function(o, c, idx){ - var findMatchingField = function(f) { - if (f.isFormField) { - if (f.dataIndex) { - this.addFieldListener(c); - } else if (f.isComposite) { - f.items.each(findMatchingField, this); - } - } - }; - findMatchingField.call(this, c); - }, o, {delay: 300}); - } -}); -Ext.preg('databind', EHR.ext.plugins.DataBind); - - - - - - diff --git a/ehr/resources/web/ehr/ext3/datetime.js b/ehr/resources/web/ehr/ext3/datetime.js deleted file mode 100644 index 0e4c808d5..000000000 --- a/ehr/resources/web/ehr/ext3/datetime.js +++ /dev/null @@ -1,753 +0,0 @@ - /** - * @class Ext.ux.form.DateTime - * @extends Ext.form.Field - * - * DateTime field, combination of DateField and TimeField - * - * @author Ing. Jozef Sakáloš - * @copyright (c) 2008, Ing. Jozef Sakáloš - * @version 2.0 - * @revision $Id: Ext.ux.form.DateTime.js 813 2010-01-29 23:32:36Z jozo $ - * - * @license Ext.ux.form.DateTime is licensed under the terms of - * the Open Source LGPL 3.0 license. Commercial use is permitted to the extent - * that the code/component(s) do NOT become part of another Open Source or Commercially - * licensed development library or toolkit without explicit permission. - * - *
License details: http://www.gnu.org/licenses/lgpl.html
- * - * @forum 22661 - * - * @donate - * - */ - -Ext.ns('Ext.ux.form'); - -/** - * Creates new DateTime - * @constructor - * @param {Object} config A config object - */ -Ext.ux.form.DateTime = Ext.extend(Ext.form.Field, { - /** - * @cfg {Function} dateValidator A custom validation function to be called during date field - * validation (defaults to null) - */ - dateValidator : null - /** - * @cfg {String/Object} defaultAutoCreate DomHelper element spec - * Let superclass to create hidden field instead of textbox. Hidden will be submittend to server - */, - defaultAutoCreate : { - tag : 'input', - type : 'hidden' - } - /** - * @cfg {String} dtSeparator Date - Time separator. Used to split date and time (defaults to ' ' (space)) - */, - dtSeparator : ' ' - /** - * @cfg {String} hiddenFormat Format of datetime used to store value in hidden field - * and submitted to server (defaults to 'Y-m-d H:i:s' that is mysql format) - */, - hiddenFormat : 'Y-m-d H:i:s' - /** - * @cfg {Boolean} otherToNow Set other field to now() if not explicly filled in (defaults to true) - */, - otherToNow : true - /** - * @cfg {Boolean} emptyToNow Set field value to now on attempt to set empty value. - * If it is true then setValue() sets value of field to current date and time (defaults to false) - */ - /** - * @cfg {String} timePosition Where the time field should be rendered. 'right' is suitable for forms - * and 'below' is suitable if the field is used as the grid editor (defaults to 'right') - */, - timePosition : 'right'// valid values:'below', 'right' - /** - * @cfg {Function} timeValidator A custom validation function to be called during time field - * validation (defaults to null) - */ - , - timeValidator : null - /** - * @cfg {Number} timeWidth Width of time field in pixels (defaults to 100) - */, - timeWidth : 100 - /** - * @cfg {String} dateFormat Format of DateField. Can be localized. (defaults to 'm/y/d') - */, - dateFormat : 'm/d/y' - /** - * @cfg {String} timeFormat Format of TimeField. Can be localized. (defaults to 'g:i A') - */, - timeFormat : 'g:i A' - /** - * @cfg {Object} dateConfig Config for DateField constructor. - */ - /** - * @cfg {Object} timeConfig Config for TimeField constructor. - */ - - // {{{ - /** - * @private - * creates DateField and TimeField and installs the necessary event handlers - */, - initComponent : function() { - // call parent initComponent - Ext.ux.form.DateTime.superclass.initComponent.call(this); - - // create DateField - var dateConfig = Ext.apply({}, { - id : this.id + '-date', - format : this.dateFormat || Ext.form.DateField.prototype.format, - width : this.timeWidth, - selectOnFocus : this.selectOnFocus, - validator : this.dateValidator, - allowBlank: this.allowBlank || false, - //NOTE: added by bbimber - readOnly: this.readOnly || false, - minValue: this.minValue || null, - maxValue: this.maxValue || null, - msgTarget: this.msgTarget || 'qtip', - listeners : { - blur : { - scope : this, - fn : this.onBlur - }, - focus : { - scope : this, - fn : this.onFocus - }, - getErrors: function(){ - return this.ownerCt.getErrors(); - } - } - }, this.dateConfig); - this.df = new Ext.form.DateField(dateConfig); - this.df.ownerCt = this; - delete (this.dateFormat); - - // create TimeField - var timeConfig = Ext.apply({}, { - id : this.id + '-time', - format : this.timeFormat || Ext.form.TimeField.prototype.format, - width : this.timeWidth, - selectOnFocus : this.selectOnFocus, - validator : this.timeValidator, - listeners : { - blur : { - scope : this, - fn : this.onBlur - }, - focus : { - scope : this, - fn : this.onFocus - }, - getErrors: function(){ - return this.ownerCt.getErrors(); - } - } - }, this.timeConfig); - this.tf = new Ext.form.TimeField(timeConfig); - this.tf.ownerCt = this; - delete (this.timeFormat); - - // relay events - this.relayEvents(this.df, ['focus', 'specialkey', 'invalid', 'valid']); - this.relayEvents(this.tf, ['focus', 'specialkey', 'invalid', 'valid']); - - this.on('specialkey', this.onSpecialKey, this); - - }// eo function initComponent - // }}} - // {{{ - /** - * @private - * Renders underlying DateField and TimeField and provides a workaround for side error icon bug - */, - onRender : function(ct, position) { - // don't run more than once - if(this.isRendered) { - return; - } - - // render underlying hidden field - Ext.ux.form.DateTime.superclass.onRender.call(this, ct, position); - - // render DateField and TimeField - // create bounding table - var t; - if('below' === this.timePosition || 'bellow' === this.timePosition) { - t = Ext.DomHelper.append(ct, { - tag : 'table', - style : 'border-collapse:collapse', - children : [{ - tag : 'tr', - children : [{ - tag : 'td', - style : 'padding-bottom:1px', - cls : 'ux-datetime-date' - }] - }, { - tag : 'tr', - children : [{ - tag : 'td', - cls : 'ux-datetime-time' - }] - }] - }, true); - } else { - t = Ext.DomHelper.append(ct, { - tag : 'table', - style : 'border-collapse:collapse', - children : [{ - tag : 'tr', - children : [{ - tag : 'td', - style : 'padding-right:4px', - cls : 'ux-datetime-date' - }, { - tag : 'td', - cls : 'ux-datetime-time' - }] - }] - }, true); - } - - this.tableEl = t; - this.wrap = t.wrap({ - cls : 'x-form-field-wrap' - }); - // this.wrap = t.wrap(); - this.wrap.on("mousedown", this.onMouseDown, this, { - delay : 10 - }); - - // render DateField & TimeField - this.df.render(t.child('td.ux-datetime-date')); - this.tf.render(t.child('td.ux-datetime-time')); - - // workaround for IE trigger misalignment bug - // see http://extjs.com/forum/showthread.php?p=341075#post341075 - // if(Ext.isIE && Ext.isStrict) { - // t.select('input').applyStyles({top:0}); - // } - - this.df.el.swallowEvent(['keydown', 'keypress']); - this.tf.el.swallowEvent(['keydown', 'keypress']); - - // create icon for side invalid errorIcon - if('side' === this.msgTarget) { - var elp = this.el.findParent('.x-form-element', 10, true); - if(elp) { - this.errorIcon = elp.createChild({ - cls : 'x-form-invalid-icon' - }); - } - - var o = { - errorIcon : this.errorIcon, - msgTarget : 'side', - alignErrorIcon : this.alignErrorIcon.createDelegate(this) - }; - Ext.apply(this.df, o); - Ext.apply(this.tf, o); - // this.df.errorIcon = this.errorIcon; - // this.tf.errorIcon = this.errorIcon; - } - - // setup name for submit - this.el.dom.name = this.hiddenName || this.name || this.id; - - // prevent helper fields from being submitted - this.df.el.dom.removeAttribute("name"); - this.tf.el.dom.removeAttribute("name"); - - // we're rendered flag - this.isRendered = true; - - // update hidden field - this.updateHidden(); - - }// eo function onRender - // }}} - // {{{ - /** - * @private - */, - adjustSize : Ext.BoxComponent.prototype.adjustSize - // }}} - // {{{ - /** - * @private - */, - alignErrorIcon : function() { - this.errorIcon.alignTo(this.tableEl, 'tl-tr', [2, 0]); - } - // }}} - // {{{ - /** - * @private initializes internal dateValue - */, - initDateValue : function() { - this.dateValue = this.otherToNow ? new Date() : new Date(1970, 0, 1, 0, 0, 0); - } - // }}} - // {{{ - /** - * Calls clearInvalid on the DateField and TimeField - */, - clearInvalid : function() { - this.df.clearInvalid(); - this.tf.clearInvalid(); - }// eo function clearInvalid - // }}} - // {{{ - /** - * Calls markInvalid on both DateField and TimeField - * @param {String} msg Invalid message to display - */, - markInvalid : function(msg) { - this.df.markInvalid(msg); - this.tf.markInvalid(msg); - }// eo function markInvalid - // }}} - // {{{ - /** - * @private - * called from Component::destroy. - * Destroys all elements and removes all listeners we've created. - */, - beforeDestroy : function() { - if(this.isRendered) { - // this.removeAllListeners(); - this.wrap.removeAllListeners(); - this.wrap.remove(); - this.tableEl.remove(); - this.df.destroy(); - this.tf.destroy(); - } - }// eo function beforeDestroy - // }}} - // {{{ - /** - * Disable this component. - * @return {Ext.Component} this - */, - disable : function() { - if(this.isRendered) { - this.df.disabled = this.disabled; - this.df.onDisable(); - this.tf.onDisable(); - } - this.disabled = true; - this.df.disabled = true; - this.tf.disabled = true; - //NOTE: following line added by bbimber b/c disabled fields should not show errors - this.clearInvalid(); - this.fireEvent("disable", this); - return this; - }// eo function disable - // }}} - // {{{ - /** - * Enable this component. - * @return {Ext.Component} this - */, - enable : function() { - if(this.rendered) { - this.df.onEnable(); - this.tf.onEnable(); - } - this.disabled = false; - this.df.disabled = false; - this.tf.disabled = false; - this.fireEvent("enable", this); - return this; - }// eo function enable - // }}} - // {{{ - /** - * @private Focus date filed - */, - focus : function() { - this.df.focus(); - }// eo function focus - // }}} - // {{{ - /** - * @private - */, - getPositionEl : function() { - return this.wrap; - } - // }}} - // {{{ - /** - * @private - */, - getResizeEl : function() { - return this.wrap; - } - // }}} - // {{{ - /** - * @return {Date/String} Returns value of this field - */, - getValue : function() { - // create new instance of date - return this.dateValue ? new Date(this.dateValue) : ''; - }// eo function getValue - // }}} - // {{{ - /** - * @return {Boolean} true = valid, false = invalid - * @private Calls isValid methods of underlying DateField and TimeField and returns the result - */ - ,isValid:function(preventMark) { - //NOTE: separated so we guarantee both field get called - var df = this.df.isValid(); - var tf = this.tf.isValid(); - return this.getErrors().length==0 && df && tf; - } // eo function isValid - // }}} - // {{{ - /** - * Returns true if this component is visible - * @return {boolean} - */, - isVisible : function() { - return this.df.rendered && this.df.getActionEl().isVisible(); - }// eo function isVisible - // }}} - // {{{ - /** - * @private Handles blur event - */, - onBlur : function(f) { - // called by both DateField and TimeField blur events - - // revert focus to previous field if clicked in between - if(this.wrapClick) { - f.focus(); - this.wrapClick = false; - } - - // update underlying value. ordering is important, since the cognate field could be null - if(f === this.df) { - this.updateDate(); - this.updateTime(); - } else { - this.updateTime(); - this.updateDate(); - } - this.updateHidden(); - - this.validate(); - - // fire events later - (function() { - if(!this.df.hasFocus && !this.tf.hasFocus) { - var v = this.getValue(); - if(String(v) !== String(this.startValue)) { - this.fireEvent("change", this, v, this.startValue); - } - this.hasFocus = false; - this.fireEvent('blur', this); - } - }).defer(100, this); - - }// eo function onBlur - // }}} - // {{{ - /** - * @private Handles focus event - */, - onFocus : function() { - if(!this.hasFocus) { - this.hasFocus = true; - this.startValue = this.getValue(); - this.fireEvent("focus", this); - } - } - // }}} - // {{{ - /** - * @private Just to prevent blur event when clicked in the middle of fields - */, - onMouseDown : function(e) { - if(!this.disabled) { - this.wrapClick = 'td' === e.target.nodeName.toLowerCase(); - } - } - // }}} - // {{{ - /** - * @private - * Handles Tab and Shift-Tab events - */, - onSpecialKey : function(t, e) { -// var key = e.getKey(); -// if(key === e.TAB) { -// if(t === this.df && !e.shiftKey) { -// e.stopEvent(); -// this.tf.focus(); -// } -// if(t === this.tf && e.shiftKey) { -// e.stopEvent(); -// this.df.focus(); -// } -// this.updateValue(); -// } -// // otherwise it misbehaves in editor grid -// if(key === e.ENTER) { -// this.updateValue(); -// } - - }// eo function onSpecialKey - // }}} - // {{{ - /** - * Resets the current field value to the originally loaded value - * and clears any validation messages. See Ext.form.BasicForm.trackResetOnLoad - */, - reset : function() { - this.df.setValue(this.originalValue); - this.tf.setValue(this.originalValue); - }// eo function reset - // }}} - // {{{ - /** - * @private Sets the value of DateField - */, - setDate : function(date) { - this.df.setValue(date); - }// eo function setDate - // }}} - // {{{ - /** - * @private Sets the value of TimeField - */, - setTime : function(date) { - this.tf.setValue(date); - }// eo function setTime - // }}} - // {{{ - /** - * @private - * Sets correct sizes of underlying DateField and TimeField - * With workarounds for IE bugs - */, - setSize : function(w, h) { - if(!w) { - return; - } - if('below' === this.timePosition) { - this.df.setSize(w, h); - this.tf.setSize(w, h); - if(Ext.isIE) { - this.df.el.up('td').setWidth(w); - this.tf.el.up('td').setWidth(w); - } - } else { - this.df.setSize(w - this.timeWidth - 4, h); - this.tf.setSize(this.timeWidth, h); - - if(Ext.isIE) { - this.df.el.up('td').setWidth(w - this.timeWidth - 4); - this.tf.el.up('td').setWidth(this.timeWidth); - } - } - }// eo function setSize - // }}} - // {{{ - /** - * @param {Mixed} val Value to set - * Sets the value of this field - */, - setValue : function(val) { - if(!val && true === this.emptyToNow) { - this.setValue(new Date()); - return; - } else if(!val) { - this.setDate(''); - this.setTime(''); - this.updateValue(); - return; - } - if('number' === typeof val) { - val = new Date(val); - } else if('string' === typeof val && this.hiddenFormat) { - val = Date.parseDate(val, this.hiddenFormat); - } - val = val ? val : new Date(1970, 0, 1, 0, 0, 0); - var da; - if( val instanceof Date) { - this.setDate(val); - this.setTime(val); - this.dateValue = new Date(Ext.isIE ? val.getTime() : val); - } else { - da = val.split(this.dtSeparator); - this.setDate(da[0]); - if(da[1]) { - if(da[2]) { - // add am/pm part back to time - da[1] += da[2]; - } - this.setTime(da[1]); - } - } - this.updateValue(); - }// eo function setValue - // }}} - // {{{ - /** - * Hide or show this component by boolean - * @return {Ext.Component} this - */, - setVisible : function(visible) { - if(visible) { - this.df.show(); - this.tf.show(); - } else { - this.df.hide(); - this.tf.hide(); - } - return this; - }// eo function setVisible - // }}} - //{{{ - , - show : function() { - return this.setVisible(true); - }// eo function show - //}}} - //{{{ - , - hide : function() { - return this.setVisible(false); - }// eo function hide - //}}} - // {{{ - /** - * @private Updates the date part - */, - updateDate : function() { - - var d = this.df.getValue(); - if(d) { - if(!(this.dateValue instanceof Date)) { - this.initDateValue(); - if(!this.tf.getValue()) { - this.setTime(this.dateValue); - } - } - this.dateValue.setMonth(0); - // because of leap years - this.dateValue.setFullYear(d.getFullYear()); - this.dateValue.setMonth(d.getMonth(), d.getDate()); - // this.dateValue.setDate(d.getDate()); - } else { - this.dateValue = ''; - this.setTime(''); - } - }// eo function updateDate - // }}} - // {{{ - /** - * @private - * Updates the time part - */, - updateTime : function() { - var t = this.tf.getValue(); - if(t && !( t instanceof Date)) { - t = Date.parseDate(t, this.tf.format); - } - if(t && !this.df.getValue()) { - this.initDateValue(); - this.setDate(this.dateValue); - } - if(this.dateValue instanceof Date) { - if(t) { - this.dateValue.setHours(t.getHours()); - this.dateValue.setMinutes(t.getMinutes()); - this.dateValue.setSeconds(t.getSeconds()); - } else { - this.dateValue.setHours(0); - this.dateValue.setMinutes(0); - this.dateValue.setSeconds(0); - } - } - }// eo function updateTime - // }}} - // {{{ - /** - * @private Updates the underlying hidden field value - */, - updateHidden : function() { - if(this.isRendered) { - var value = this.dateValue instanceof Date ? this.dateValue.format(this.hiddenFormat) : ''; - this.el.dom.value = value; - } - } - // }}} - // {{{ - /** - * @private Updates all of Date, - - Time and Hidden - */ - , - updateValue : function() { - this.updateDate(); - this.updateTime(); - this.updateHidden(); - - return; - }// eo function updateValue - // }}} - // {{{ - /** - * @return {Boolean} true = valid, - - false = invalid - * calls validate methods of DateField and TimeField - */ - , - validate : function() { - return this.df.validate() && this.tf.validate(); - }// eo function validate - // }}} - // {{{ - /** - * Returns renderer suitable to render this field - * @param {Object} Column model config - */, - renderer : function(field) { - var format = field.editor.dateFormat || Ext.ux.form.DateTime.prototype.dateFormat; - format += ' ' + (field.editor.timeFormat || Ext.ux.form.DateTime.prototype.timeFormat); - var renderer = function(val) { - var retval = Ext.util.Format.date(val, format); - return retval; - }; - return renderer; - } // eo function renderer - // }}} - -}); -// eo extend - -// register xtype -Ext.reg('xdatetime', Ext.ux.form.DateTime); - -// eof \ No newline at end of file diff --git a/ehr/resources/web/ehr/ext3/ehrEditorGridpanel.js b/ehr/resources/web/ehr/ext3/ehrEditorGridpanel.js deleted file mode 100644 index 1683b4f87..000000000 --- a/ehr/resources/web/ehr/ext3/ehrEditorGridpanel.js +++ /dev/null @@ -1,221 +0,0 @@ -/* - * Copyright (c) 2013-2019 LabKey Corporation - * - * Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0 - */ - -/** - * Constructs a new EHR EditorGridPanel using the supplied configuration. - * @class - * EHR extension to the LABKEY.ext.EditorGridPanel class, which constructs an editor grid, configured based on the query's metadata. - * Within the EHR, this class is predominantly used internally by EHR.ext.GridFormPanel; however, it could be used as a standalone. - * While the overall purpose is similar to LABKEY.ext.EditorGridPanel, this class operates somewhat differently. - * Unlike LABKEY.ext.EditorGridPanel, most of the complexity of interpreting LABKEY metadata has been removed from this class and - * is delegated to EHR.ext.Metahelper. The purpose is to have a single, centralized, and standardized implementation of fairly complex processes. - * EHR.ext.EditorGridPanel also allows the client to supply additional metadata config to be applied to the server-supplied config. This is a significant - * part of how the EHR data entry forms operate. - * - *If you use any of the LabKey APIs that extend Ext APIs, you must either make your code open source or - * purchase an Ext license.
- *Additional Documentation: - *
- * - * - * @constructor - * @augments LABKEY.ext.EditorGridPanel - * @param config Configuration properties. This may contain any of the configuration properties supported - * by Ext.grid.EditorGridPanel - * and LABKEY.ext.EditorGridPanel, plus those listed here. - * @param {String} [config.store] An EHR.ext.AdvancedStore configured for a LabKey query. - * @param {object} [config.sm] An Ext selection model. If not provided, this will default to using Ext.grid.CheckboxSelectionModel - * @example <script type="text/javascript"> - var grid, store; - Ext.onReady(function(){ - - //create a Store bound to the 'Users' list in the 'core' schema - var store = new EHR.ext.AdvancedStore({ - schemaName: 'core', - queryName: 'users' - }); - - //create a grid using that store as the data source - var grid = new EHR.ext.EditorGridPanel({ - store: store, - renderTo: 'grid', - width: 800, - title: 'Example' - }); - }); - - -</script> -<div id='grid'/> - */ - -EHR.ext.EditorGridPanel = Ext.extend(LABKEY.ext.EditorGridPanel, -{ - initComponent: function(){ - - var sm = this.sm || new Ext.grid.CheckboxSelectionModel(); - - Ext.applyIf(this, { - viewConfig: { - forceFit: true, - scrollOffset: 0, - getRowClass : function(record, rowIndex, rowParams, store){ - if(record.errors && record.errors.length){ - return 'x-grid3-row-invalid'; - } - return ''; - } - }, - autoHeight: true, - autoWidth: true, - pageSize: 200, - autoSave: false, - deferRowRender : true, - editable: true, - stripeRows: true, - enableHdMenu: false, - tbar: [ - { - text: 'Add Record', - tooltip: 'Click to add a blank record', - name: 'add-record-button', - handler: this.onAddRecord, - scope: this - }, - "-" - ,{ - text: 'Delete Selected', - tooltip: 'Click to delete selected row(s)', - name: 'delete-records-button', - handler: this.onDeleteRecords, - scope: this - } - ] - }); - - EHR.ext.EditorGridPanel.superclass.initComponent.apply(this, arguments); - - this.store.on('validation', this.onStoreValidate, this, {delay: 100}); - } - - //private - ,onStoreValidate: function(store, records){ - if(records && !Ext.isArray(records)) - records = [records]; - - Ext.each(records, function(rec){ - if(this.rendered) - this.getView().refreshRow(rec); - }, this); - - } - - //NOTE: any methods marked as 'no longer needed' are methods inherited from LABKEY's EditorGridPanel - //LABKEY's EditorGrid and this version take different routes to handle interpreting LabKey metadata - //the non-needed methods have been explicitly overridden with empty functions to clarify differences in the classes - - //private - ,populateMetaMap : function() { - //not longer needed - } - - //private - ,getDefaultEditor: function(){ - //moved to EHR.ext.metaHelper - } - - //private - ,getLookupEditor: function(){ - //moved to EHR.ext.metaHelper - } - - //private - ,setLongTextRenderers : function() { - //moved to EHR.ext.metaHelper - } - - //private - ,onLookupStoreError: function(){ - //moved to EHR.ext.metaHelper - } - - //private - ,onLookupStoreLoad: function(){ - //moved to EHR.ext.metaHelper - } - - //private - ,getLookupRenderer: function(){ - //moved to EHR.ext.metaHelper - } - - //private - //configures the Ext ColumnModel used by this grid, based on the fields and metadata supplied in the store - ,setupColumnModel : function() { - var columns = this.getColumnModelConfig(); - - //if a sel model has been set, and if it needs to be added as a column, - //add it to the front of the list. - //CheckBoxSelectionModel needs to be added to the column model for - //the check boxes to show up. - //(not sure why its constructor doesn't do this automatically). - if(this.getSelectionModel() && this.getSelectionModel().renderer) - columns = [this.getSelectionModel()].concat(columns); - - //register for the rowdeselect event if the selmodel supports events - //and if autoSave is on - if(this.getSelectionModel().on && this.autoSave) - this.getSelectionModel().on("rowselect", this.onRowSelect, this); - - //fire the "columnmodelcustomize" event to allow clients - //to modify our default configuration of the column model - //NOTE: I dont think this will be permissible b/c it's a public API, - // but I would suggest changing the arguments on this event - // might make more sense to pass 'this' and 'columns'. can use getColumnById() method - this.fireEvent("columnmodelcustomize", columns); - - //reset the column model - this.reconfigure(this.store, new Ext.grid.ColumnModel(columns)); - - } - - //private - ,getColumnModelConfig: function(){ - var config = { - editable: this.editable, - defaults: { - sortable: false - } - }; - - var columns = EHR.ext.metaHelper.getColumnModelConfig(this.store, config, this); - - Ext.each(columns, function(col, idx){ - var meta = this.store.findFieldMeta(col.dataIndex); - - //remember the first editable column (used during add record) - if(!this.firstEditableColumn && col.editable) - this.firstEditableColumn = idx; - - if(meta.isAutoExpandColumn && !col.hidden){ - this.autoExpandColumn = idx; - } - - }, this); - - return columns; - } - - //private - ,getColumnById: function(colName){ - return this.getColumnModel().getColumnById(colName); - } -}); -Ext.reg('ehr-editorgrid', EHR.ext.EditorGridPanel); - diff --git a/ehr/resources/web/ehr/ext3/ehrFormPanel.js b/ehr/resources/web/ehr/ext3/ehrFormPanel.js deleted file mode 100644 index 04e197e55..000000000 --- a/ehr/resources/web/ehr/ext3/ehrFormPanel.js +++ /dev/null @@ -1,355 +0,0 @@ -/* - * Copyright (c) 2013-2019 LabKey Corporation - * - * Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0 - */ - -Ext.namespace('EHR.ext'); - -/** - * Constructs a new LabKey FormPanel using the supplied configuration. - * @class - * EHR extension to the Ext.FormPanel class, which constructs a form panel, configured based on the query's metadata. - * This class understands various LabKey metadata formats and can simplify generating basic forms. When a LABKEY.ext.FormPanel is created with additional metadata, it will try to intelligently construct fields of the appropriate type. - * While the purpose of this class is similar to LABKEY.ext.FormPanel, it operates somewhat differently. Notably, the FormPanel will automatically - * construct an Ext.data.Record and bind the form input to this record. This allows the Form to more easily communicate with an Ext Store and to operate on many records at once. - * This class also delegates most of the work involved with interpreting metadata to EHR.ext.Metahelper, which allows the code of this class to be relatively basic. - * - *If you use any of the LabKey APIs that extend Ext APIs, you must either make your code open source or - * purchase an Ext license.
- *Additional Documentation: - *
- * - * @constructor - * @augments Ext.FormPanel - * @param config Configuration properties. This may contain any of the configuration properties supported - * by the Ext.form.FormPanel, - * plus those listed here. - *- * Note: - *
-
- *
- You may construct a FormPanel by either supplying a store or by supplying a schema/query, in which case a store will be automatically created. - *
- FormPanel automatically uses the plugin EHR.ext.plugins.DataBind to bind form entry to an Ext record. Please see documentation for this plugin for more information. - *
If you use any of the LabKey APIs that extend Ext APIs, you must either make your code open source or - * purchase an Ext license.
- *Additional Documentation: - *
- * - * @constructor - * @augments Ext.Panel - * @param config Configuration properties. This may contain any of the configuration properties supported - * by the Ext.Panel, plus those listed here. - * You may construct a GridFormPanel by either supplying a store or by supplying a schema/query (in which case a store will be automatically created). Also, be aware that - * the internal FormPanel automatically uses the plugin EHR.ext.plugins.DataBind to bind form entry to an Ext record. Please see documentation for this plugin for more information. - * - * @param {String} [config.store] An EHR.ext.AdvancedStore configured for a LabKey query. - * @param {String} [config.containerPath] The container path from which to get the data. If not specified, the current container is used. Will be ignored if a store is provided. - * @param {String} [config.schemaName] The LabKey schema to query. Will be ignored if a store is provided. - * @param {String} [config.queryName] The query name within the schema to fetch. Will be ignored if a store is provided. - * @param {String} [config.viewName] A saved custom view of the specified query to use if desired. Will be ignored if a store is provided. - * @param {String} [config.columns] A comma separated list of columns for the store to use. Will be ignored if a store is provided. - * @param {String} [config.tbarBtns] A commas separated list of the buttons to display in the grid. These strings refer to the static button configs defined in EHR.ext.GridFormPanel.gridBtns. This mechanism was designed to provide most convient usage within the EHR (which has many forms sharing few buttons) - * @param {String} [config.bbarBtns] Similar to tbatBtns, except configures buttons in the bottom toolbar (bbar). See tbarBtns for more information. - * @param {Boolean} [config.showStatus] If true, a status bar will appear below the grid providing information about validation status. - * @param {Boolean} [config.readOnly] If true, the fields on the FormPanel will be read-only. - * @param {Integer} [config.gridWidth] The width of the EditorGridPanel created by this class. - * @param {Object} [config.metadata] A metadata object that will be applied to the default metadata returned by the server. See EHR.ext.AdvancedStore for more detail on metadata. - * @param {Object} [config.storeConfig] A config object for EHR.ext.AdvancedStore that will be used to create the store. Will only be used if no store is provided. - * @example <script type="text/javascript"> - var grid, store; - Ext.onReady(function(){ - - //create a Store bound to the 'Users' list in the 'core' schema - var store = new EHR.ext.AdvancedStore({ - schemaName: 'study', - queryName: 'Demographics' - }); - - //create a grid using that store as the data source - var grid = new EHR.ext.GridFormPanel({ - store: store, - renderTo: 'grid' - }); - }); - -</script> -<div id='grid'/> - */ - -EHR.ext.GridFormPanel = Ext.extend(Ext.Panel, -{ - initComponent: function() - { - this.storeConfig = this.storeConfig || {}; - - if (!this.store) { - var newStoreConfig = Ext.applyIf(this.storeConfig, { - //xtype: 'ehr-store', - containerPath: this.containerPath, - schemaName: this.schemaName, - queryName: this.queryName, - viewName: this.viewName || '~~UPDATE~~', - columns: this.columns || EHR.Metadata.Columns[this.queryName] || '', - storeId: [this.schemaName,this.queryName,this.viewName].join('||'), - filterArray: this.filterArray || [], - metadata: this.metadata - //autoLoad: true - }); - - // Issue 4241: Ensure that we have a unique storeid. - // - // ** Note that there are some places in the code (such as form/formpanel configurations) where the - // storeid is hardcoded, so it is not a good idea to change this unless necessary. This should only - // get invoked if there are multiple grids on a page that save to the same schema/query/view. - if ( typeof(Ext.StoreMgr.get(newStoreConfig.storeId)) !== 'undefined' ) { - var base = newStoreConfig.storeId; - var iterator = 1; // the next one will start with //2, because this will get incremented before assignment - var newid = ""; - do { - iterator++; - newid = base + "//" + iterator; - } while (typeof(Ext.StoreMgr.get(newid)) !== 'undefined'); - newStoreConfig.storeId = newid; - } - - this.store = new EHR.ext.AdvancedStore(newStoreConfig); - } - - //set buttons - var tbar = {xtype: 'toolbar', items: []}; - this.tbarBtns = this.tbarBtns || ['add', 'addbatch', 'requestdelete', 'selectall', 'duplicate', 'bulk_edit', 'apply_template', 'save_template']; - for (var i=0;iIf you use any of the LabKey APIs that extend Ext APIs, you must either make your code open source or - * purchase an Ext license.
- *Additional Documentation: - *
- * - * @constructor - * @augments Ext.Panel - * @param {object} config Configuration properties. This may contain any of the configuration properties supported - * by the Ext.Panel, plus those listed here. - * @param {string} [config.formType] The type of this form, which will usually correspond to a row in ehr.formTypes - * @param {string} [config.formUUID] The unique GUID associated with this form. This will usually be the taskId or requestId, depending on the type of form. - * @param {boolean} [config.readOnly] If true, instead of rendering the children as FormPanels or GridPanels, they will be displayed using QueryWebParts - * @param {array} [config.formHeaders] An array of Ext config objects used to create the sections appearing in the header portion of this ImportPanel. These will appear in order, starting at the top of the panel. - * @param {array} [config.formSections] An array of Ext config objects used to create the sections appearing in the body of this form. These will appear in order, after all header items. - * @param {array} [config.formTabs] An array of Ext config objects used to create tabs in this form. These will be added in order, after the formHeaders and formSections. - * @param {array} [config.initialTemplates] An array of templates to apply to this form. Each item must be an object with the properties storeId and title. Each storeId/title provided must match a record in ehr.formtemplates. - * @param {string} [config.allowableButtons] An array of strings corresponding to the button configs defined in EHR.ext.ImportPanel.Buttons. These buttons will not necessarily be displayed, if the current user does not have permissions for the button being requested. - */ - -EHR.ext.ImportPanel.Base = function(config){ - EHR.ext.ImportPanel.Base.superclass.constructor.call(this, config); -}; - -Ext.extend(EHR.ext.ImportPanel.Base, Ext.Panel, { - initComponent: function() - { - Ext.QuickTips.init(); - - Ext.applyIf(this, { - autoHeight: true - ,defaults: { - bodyBorder: false - ,border: false - } - ,items: [] - ,store: new EHR.ext.StoreCollection({ - monitorValid: true - }) - ,fbar: [] - }); - - EHR.ext.ImportPanel.Base.superclass.initComponent.call(this); - - this.addEvents('participantchange', 'participantloaded','participantrefresh'); - - this.mon(this.store, 'validation', this.onStoreValidation, this); - this.mon(this.store, 'commitcomplete', this.afterSubmit, this); - this.mon(this.store, 'commitexception', this.afterSubmit, this); - - //monitor dirty state - window.onbeforeunload = LABKEY.beforeunload(function (){ - if (this.isDirty()) - return this.warningMessage || 'we should set a warning message somewhere'; - }, this); - - EHR.Security.init({ - success: this.calculatePermissions, - failure: EHR.Utils.onError, - scope: this - }); - }, - - //@private - //called when the permissionMap loads. calculates effective permissions based on queries represented in this form - calculatePermissions: function() - { - this.populateItems(); - - //add stores to StoreCollection - //TODO: this seems like a bad method to perform this. Rather than iterating all stores, we - //should use something more refined - Ext.StoreMgr.each(this.addStore, this); - - this.populateButtons(); - - if(this.initialTemplates && this.initialTemplates.length) - this.applyTemplates(this.initialTemplates); - }, - - //@private - //returns the set of unique queries represented in this form - getQueries: function() - { - var queries = []; - - if(this.formHeaders) - Ext.each(this.formHeaders, function(item){ - if(item.schemaName && item.queryName) - queries.push({ - schemaName: item.schemaName, - queryName: item.queryName - }) - }, this); - if(this.formSections) - Ext.each(this.formSections, function(item){ - if(item.schemaName && item.queryName) - queries.push({ - schemaName: item.schemaName, - queryName: item.queryName - }) - }, this); - if(this.formTabs) - Ext.each(this.formTabs, function(item){ - if(item.schemaName && item.queryName) - queries.push({ - schemaName: item.schemaName, - queryName: item.queryName - }); - }, this); - - return queries; - }, - - //@private - //configures the buttons shown in the bbar of this panel - populateButtons: function() - { - if(this.allowableButtons){ - if(!Ext.isArray(this.allowableButtons)) - this.allowableButtons = this.allowableButtons.split(','); - } - else { - this.allowableButtons = [ - 'VALIDATE', - //'PRINT', - 'SAVEDRAFT', - //'SCHEDULE', - 'REVIEW', - 'SUBMIT', - 'FORCESUBMIT', - 'DISCARD', - 'CLOSE' - ]; - } - - var buttons = []; - var buttonCfg; - Ext.each(this.allowableButtons, function(b){ - var buttonCfg; - if(Ext.isString(b) && EHR.ext.ImportPanel.Buttons[b]) - buttonCfg = EHR.ext.ImportPanel.Buttons[b].call(this); - else - buttonCfg = b; - - buttonCfg = this.configureButton(buttonCfg); - - if(buttonCfg) - buttons.push(buttonCfg); - - }, this); - - if (EHR.debug){ - buttons.push([ - {text: 'Stores?', name: 'stores', handler: this.store.showStores, scope: this.store}, - {text: 'Errors?', name: 'errors', handler: this.store.showErrors, scope: this.store} - ]) - } - - var button; - Ext.each(buttons, function(b){ - if(this.rendered) - button = this.getFooterToolbar().add(b); - else - button = this.addButton(b); - - if(b.ref) - this[b.ref] = button; - }, this); - this.getFooterToolbar().doLayout(); - }, - - //@private - //This method configures each button, including determining whether it should be visible/enabled based on permissions - configureButton: function(buttonCfg) - { - buttonCfg.scope = this; - buttonCfg.xtype = 'button'; - - //only show button if user can access this QCState - if(buttonCfg.requiredQC){ - if(!EHR.Security.hasPermission(buttonCfg.requiredQC, (buttonCfg.requiredPermission || 'insert'), this.store.getQueries())){ - buttonCfg.hidden = true; - } - } - - return buttonCfg; - }, - - //@private - //configures/adds all the sections of this form - populateItems: function() - { - var toAdd = []; - if(this.formHeaders){ - Ext.each(this.formHeaders, function(c){ - this.configureItem(c); - this.configureHeaderItem(c); - toAdd.push(c); - }, this); - } - - if(this.formSections){ - Ext.each(this.formSections, function(c){ - this.configureItem(c); - toAdd.push(c); - }, this); - } - - if(this.formTabs && this.formTabs.length){ - var tabs = []; - Ext.each(this.formTabs, function(c){ - this.configureItem(c); - tabs.push(c); - }, this); - - toAdd.push({ - xtype: 'tabpanel', - activeTab: 0, - width: 1110, - ref: 'queryPanel', - items: tabs, - cls: 'extContainer' - }); - } - - this.add(toAdd); - this.doLayout(); - }, - - //@private - configureHeaderItem: function(c) - { - EHR.Utils.rApplyIf(c, { - bindConfig: { - createRecordOnLoad: true, - autoBindRecord: true, - showDeleteBtn: false - } - }); - }, - - //@private - configureItem: function(c) - { - EHR.Utils.rApplyIf(c, { - collapsible: true, - border: true, - //uuid: this.uuid, - formUUID: this.formUUID, - formType: this.formType, - readOnly: this.readOnly, - bindConfig: { - disableUnlessBound: false, - bindOnChange: true - }, - defaults: { - bodyBorder: false - ,border: false - }, - showStatus: true, - storeConfig: { - //xtype: 'ehr-store', - containerPath: c.containerPath, - schemaName: c.schemaName, - queryName: c.queryName, - viewName: c.viewName || '~~UPDATE~~', - columns: c.columns || EHR.Metadata.Columns[c.queryName] || '', - //autoLoad: true, - storeId: [c.schemaName,c.queryName,c.viewName,c.storeSuffix].join('||'), - metadata: c.metadata, - ignoreFilter: 1 - } - }); - c.importPanel = this; - - if(c.xtype == 'ehr-formpanel'){ - c.bindConfig.autoBindRecord = true; - } - - if(this.printFormat) - c.xtype = 'ehr-printtaskpanel'; - if(this.readOnly){ - c.type = 'ehr-qwppanel'; - } - }, - - //@private - applyTemplates: function(templates) - { - Ext.each(templates, function(obj){ - EHR.Ext3Utils.loadTemplateByName(obj.title, obj.storeId); - }, this); - }, - - //@private - //this was at one point used to add a loading mask to the panel prior to store loading. not currently used. - setLoadMask: function() - { - if(!this.store.isLoading() && EHR.Security.hasLoaded()){ - Ext.Msg.hide(); - delete this.loadMsg; - } - else { - if(!this.loadMsg) - this.loadMsg = Ext.Msg.wait("Loading..."); - - this.setLoadMask.defer(500, this); - } - }, - - //@private - //add a new store to the panel's store collection - addStore: function(c) - { - if (c instanceof EHR.ext.AdvancedStore){ - this.store.add(c); - } - }, - - //@private - //if a section is removed that contains a store, also remove from the StoreCollection. - onRemove: function(o) - { - if(o.store) - this.store.remove(o.store); - }, - - //@private - //called when the form is submitted. triggers UI changes, but the StoreCollection does most of the work - onSubmit: function(o) - { - Ext.Msg.wait("Saving Changes..."); - - //add a context flag to the request to saveRows - var extraContext = { - targetQC : o.targetQC, - errorThreshold: o.errorThreshold, - successURL : o.successURL, - importPathway: 'ehr-ext3DataEntry' - }; - - //we delay this event so that any modified fields can fire their blur events and/or commit changes - this.store.commitChanges.defer(300, this.store, [extraContext, true]); - }, - - //@private - //similar to onSubmit, but provides extra notification prior to deleting a form. - //NOTE: currently instead of deleting directly, the code marks the records with the QCState 'Delete Requested'. - // A cron script runs periodically to delete these. This is for historical purposes and should be changed to a direct delete - // at some point. - requestDelete: function(o) - { - Ext.Msg.confirm( - "Warning", - "You are about to delete this form and all its data. Are you sure you want to do this?", - function(v) - { - if (v == 'yes') - { - Ext.Msg.wait("Discarding Form..."); - - var extraContext = { - errorThreshold: o.errorThreshold, - successURL : o.successURL, - importPathway: 'ehr-ext3DataEntry' - }; - - this.store.requestDeleteAllRecords(extraContext); - } - }, this); - }, - - //@private - //when a store validates records on the server, we toggle buttons based on validation status (ie. the most severe error) - onStoreValidation: function(storeCollection, maxSeverity) - { - if(EHR.debug && maxSeverity) - console.log('Error level: '+maxSeverity); - - this.getFooterToolbar().items.each(function(item){ - if(item.disableOn){ - if(maxSeverity && EHR.Utils.errorSeverity[item.disableOn] <= EHR.Utils.errorSeverity[maxSeverity]) - item.setDisabled(true); - else - item.setDisabled(false); - } - }, this); - }, - - //@private - validateAll: function() - { - this.store.each(function(s){ - s.validateRecords(s, null, true, {operation: 'edit'}); - }, this); - }, - - //@private - afterSubmit: function(o, e) - { - //console.log('after submit'); - Ext.Msg.hide(); - }, - - //@private - //similar to onSubmit, but provides extra confirmation before discarding a form - discard: function(o) - { - Ext.Msg.confirm( - "Warning", - "You are about to discard this form. All data will be deleted. Are you sure you want to do this?", - function(v) - { - if (v == 'yes') - { - Ext.Msg.wait("Deleting Records..."); - - //add a context flag to the request to saveRows - var extraContext = { - targetQC : o.targetQC, - errorThreshold: o.errorThreshold, - successURL : LABKEY.ActionURL.getParameter('srcURL') || LABKEY.ActionURL.getParameter('returnUrl') || LABKEY.ActionURL.getParameter('returnURL') || LABKEY.ActionURL.buildURL("ehr", "dataEntry.view"), - importPathway: 'ehr-ext3DataEntry' - }; - - //we delay this event so that any modified fields can fire their blur events and/or commit changes - this.store.deleteAllRecords.defer(300, this.store, [extraContext]); - } - }, - this); - }, - - //@private - //helper to test whether the stores on this form have any changes - isDirty: function() - { - return this.store.isDirty(); - }, - - //@private - //helper to validate all records in this form - isValid: function() - { - return this.store.isValid(); - } -}); - -/** - * Constructs a new EHR.ext.ImportPanel.TaskPanel based on the supplied config - * @class - * An extension of EHR.ext.ImportPanel.Base that generates the outer panel used on the import page for Tasks. - * Primrily configures the ehr.tasks store and configures each panel item with consistent sorts/filters (will only load records where the taskId matches the current form's UUID). See EHR.ext.ImportPanel.Base - * for additional documentation. - * - * @constructor - * @param {object} config Configuration properties. This may contain any of the configuration properties supported in EHR.ext.ImportPanel.Base in addition to those below. - * @augments EHR.ext.ImportPanel.Base - * @param {string} [config.taskHeaderMetaSources] A comma separated list of Metadata Sources (see EHR.Metadata) applied to the ehr.tasks store - */ -EHR.ext.ImportPanel.TaskPanel = Ext.extend(EHR.ext.ImportPanel.Base, { - - addStore: function(c) - { - EHR.ext.ImportPanel.TaskPanel.superclass.addStore.apply(this, arguments); - - if (c.storeId == 'ehr||tasks||||'){ - this.mon(c, 'load', function(store){ - - - if(store.getCount()){ - - var rec= store.getAt(0); - - LABKEY.NavTrail.setTrail(rec.get('title')); - } - },this) - } - }, - - initComponent: function() - { - - this.formUUID = this.formUUID || LABKEY.Utils.generateUUID(); - this.formHeaders = this.formHeaders || []; - this.formHeaders.unshift({ - xtype: 'ehr-headerformpanel', - formType: this.formType, - schemaName: 'ehr', - queryName: 'tasks', - keyField: 'taskid', - ref: 'importPanelHeader', - //uuid: this.uuid, - formUUID: this.formUUID, - importPanel: this, - readOnly: this.readOnly, - metadata: EHR.Metadata.getTableMetadata('tasks', this.taskHeaderMetaSources || ['Task']), - storeConfig: { - canSaveInTemplate: false - } - }); - - EHR.ext.ImportPanel.TaskPanel.superclass.initComponent.call(this, arguments); - }, - - //@override - configureItem: function(c) - { - EHR.ext.ImportPanel.TaskPanel.superclass.configureItem.apply(this, arguments); - c.storeConfig.filterArray = [ - LABKEY.Filter.create('taskId', this.formUUID, LABKEY.Filter.Types.EQUAL), - LABKEY.Filter.create('qcstate/label', 'Delete Requested', LABKEY.Filter.Types.NEQ) - ]; - - var sortCol = []; - if(c.storeConfig && c.storeConfig.columns){ - var cols = c.storeConfig.columns.split(','); - Ext.each(['id', 'id/curlocation/location'], function(item){ - Ext.each(cols, function(o){ - if(o && o.match(new RegExp('^'+item+'$', 'i'))){ - sortCol.push(item) - } - }, this); - }, this); - - } - if(sortCol.length){ - sortCol = Ext.unique(sortCol); - c.storeConfig.sort = sortCol.join(','); - } - } -}); - -/** - * Constructs a new EHR.ext.ImportPanel.TaskDetailsPanel based on the supplied config. - * @class - * An extension of EHR.ext.ImportPanel.Base that generates the outer panel used on the import page for Tasks. - * Unlike EHR.ext.ImportPanel.TaskPanel, this panel creates a read-only panel that uses QueryWebParts instead of EHR grids. - * See EHR.ext.ImportPanel.Base for additional documentation. - * - * @constructor - * @param {object} config Configuration properties. This may contain any of the configuration properties supported in EHR.ext.ImportPanel.Base. - * @augments EHR.ext.ImportPanel.Base - */ -EHR.ext.ImportPanel.TaskDetailsPanel = Ext.extend(EHR.ext.ImportPanel.Base, { - initComponent: function() - { - this.formUUID = this.formUUID || LABKEY.Utils.generateUUID(); - this.formHeaders = this.formHeaders || []; - this.formHeaders.unshift({ - xtype: 'ehr-qwppanel', - title: '', - collapsible: false, - formType: this.formType, - schemaName: 'ehr', - queryName: 'tasks', - keyField: 'taskid', - ref: 'importPanelHeader', - formUUID: this.formUUID, - importPanel: this, - readOnly: this.readOnly, - storeConfig: { - canSaveInTemplate: false - } - }); - - EHR.ext.ImportPanel.TaskDetailsPanel.superclass.initComponent.call(this, arguments); - }, - - //@override - configureItem: function(c) - { - if(!c.queryName || !c.schemaName){ - c.hidden = true; - return; - } - - EHR.ext.ImportPanel.TaskDetailsPanel.superclass.configureItem.apply(this, arguments); - c.filterArray = [LABKEY.Filter.create('taskId', this.formUUID, LABKEY.Filter.Types.EQUAL)]; - - if(c.xtype != 'ehr-detailsview'){ - c.xtype = 'ehr-qwppanel'; - c.autoLoadQuery = true; - c.collapsed = false; - } - - c.storeConfig = null; - c.style = 'padding-bottom:20px;'; - - } -}); - -/** - * Constructs a new EHR.ext.ImportPanel.RequestPanel based on the supplied config. - * @class - * An extension of EHR.ext.ImportPanel.Base that generates the outer panel used on the import page for Requests. - * The primary difference is that this class sets standardized sorts/filter on the component stores in the configureItem method (will only load records where the requestId matches the current form's UUID). - * See EHR.ext.ImportPanel.Base for additional documentation. - * - * @constructor - * @param {object} config Configuration properties. This may contain any of the configuration properties supported in EHR.ext.ImportPanel.Base. - * @augments EHR.ext.ImportPanel.Base - * - */ -EHR.ext.ImportPanel.RequestPanel = Ext.extend(EHR.ext.ImportPanel.Base, { - initComponent: function() - { - this.formUUID = this.formUUID || LABKEY.Utils.generateUUID(); - this.formHeaders = this.formHeaders || []; - - this.formHeaders.unshift({ - xtype: 'ehr-headerformpanel', - formType: this.formType, - schemaName: 'ehr', - queryName: 'requests', - keyField: 'requestid', - ref: 'importPanelHeader', - formUUID: this.formUUID, - importPanel: this, - readOnly: this.readOnly, - metadata: EHR.Metadata.getTableMetadata('requests', ['Request']), - storeConfig: { - canSaveInTemplate: false - } - }); - - this.allowableButtons = this.allowableButtons || 'VALIDATE,REQUEST'; - - EHR.ext.ImportPanel.RequestPanel.superclass.initComponent.call(this, arguments); - }, - - //@override - configureItem: function(c){ - EHR.ext.ImportPanel.RequestPanel.superclass.configureItem.apply(this, arguments); - c.storeConfig.filterArray = [ - LABKEY.Filter.create('requestId', this.formUUID, LABKEY.Filter.Types.EQUAL), - LABKEY.Filter.create('qcstate/label', 'Delete Requested', LABKEY.Filter.Types.NEQ) - ]; - } -}); - -/** - * Constructs a new EHR.ext.ImportPanel.RequestDetailsPanel based on the supplied config. - * @class - * An extension of EHR.ext.ImportPanel.Base that generates the outer panel used on the import page for Requests. - * Unlike EHR.ext.ImportPanel.RequestPanel, this creates a read-only panel in which QueryWebParts are used instead of EHR grids. - * See EHR.ext.ImportPanel.Base for additional documentation. - * - * @constructor - * @param {object} config Configuration properties. This may contain any of the configuration properties supported in EHR.ext.ImportPanel.Base. - * @augments EHR.ext.ImportPanel.Base - */ -EHR.ext.ImportPanel.RequestDetailsPanel = Ext.extend(EHR.ext.ImportPanel.Base, { - initComponent: function() - { - this.formUUID = this.formUUID || LABKEY.Utils.generateUUID(); - this.formHeaders = this.formHeaders || []; - this.formHeaders.unshift({ - xtype: 'ehr-qwppanel', - title: '', - collapsible: false, - formType: this.formType, - queryConfig: { - showDetailsColumn: true - }, - schemaName: 'ehr', - queryName: 'requests', - keyField: 'requestid', - ref: 'importPanelHeader', - formUUID: this.formUUID, - importPanel: this, - readOnly: true, - storeConfig: { - canSaveInTemplate: false - } - }); - - this.store = new Ext.util.MixedCollection(); - this.store.getQueries = function(){ - var queries = []; - this.each(function(s){ - queries.push({ - schemaName: s.schemaName, - queryName: s.queryName - }) - }, this); - return queries; - }; - - EHR.ext.ImportPanel.RequestDetailsPanel.superclass.initComponent.call(this, arguments); - }, - - //@override - configureItem: function(c) - { - if(!c.queryName || !c.schemaName){ - c.hidden = true; - return; - } - - EHR.ext.ImportPanel.RequestDetailsPanel.superclass.configureItem.apply(this, arguments); - c.filterArray = [LABKEY.Filter.create('requestId', this.formUUID, LABKEY.Filter.Types.EQUAL)]; - - if(c.xtype != 'ehr-detailsview'){ - c.xtype = 'ehr-qwppanel'; - c.autoLoadQuery = true; - c.collapsed = false; - c.queryConfig = { - showDetailsColumn: true - } - } - - c.storeConfig = null; - c.style = 'padding-bottom:20px;'; - - if(c.queryName && c.schemaName){ - this.store.add({ - schemaName: c.schemaName, - queryName: c.queryName - }) - } - } -}); - -/** - * Constructs a new EHR.ext.ImportPanel.SimpleImportPanel based on the supplied config. - * @class - * An extension of EHR.ext.ImportPanel.Base that generates a stripped down ImportPanel. It is used by manageRecord.html, - * which is a generic page to allow editing of any record from a single query, assuming you provide the table and PK. - * See EHR.ext.ImportPanel.Base for additional documentation. - * - * @constructor - * @param {object} config Configuration properties. This may contain any of the configuration properties supported in EHR.ext.ImportPanel.Base. - * @augments EHR.ext.ImportPanel.Base - */ -EHR.ext.ImportPanel.SimpleImportPanel = Ext.extend(EHR.ext.ImportPanel.Base, { - initComponent: function() - { - EHR.ext.ImportPanel.SimpleImportPanel.superclass.initComponent.call(this, arguments); - }, - - //@override - configureItem: function(c) - { - EHR.ext.ImportPanel.SimpleImportPanel.superclass.configureItem.apply(this, arguments); - c.bindConfig.showDeleteBtn = false; - c.bindConfig.bindOnChange = true; - c.bindConfig.autoBindRecord = true; - - if(c.keyField && c.keyValue){ - c.storeConfig.filterArray = [ - LABKEY.Filter.create(c.keyField, c.keyValue, LABKEY.Filter.Types.EQUAL) - ]; - } - else { - delete c.storeConfig.filterArray; - c.storeConfig.maxRows = 0; - c.storeConfig.loadMetadataOnly = true; - } - } -}); - -/** - * A static set of button config objects used by EHR.ext.ImportPanel.Base subclasses. - * @class - * These are a collection of static button config objects used by EHR.ext.ImportPanel - * The intent is to place the code behind buttons in the single location, since these are often shared across multiple forms. - * - * Button configs are processed in ImportPanel.Base.configureButton. They support the following properties, in addition to standard Ext config: - *{DisplayName:htmlEncode}
')}; - - if (meta.hidden) - { - field.xtype = 'hidden'; - } - else if (meta.lookup && false !== meta.lookups) - { - var l = meta.lookup; - - if (Ext.isObject(meta.store) && meta.store.events) - field.store = meta.store; - else - field.store = EHR.ext.metaHelper.getLookupStoreConfig(meta); - - if (field.store && meta.lazyCreateStore === false){ - field.store = EHR.ext.metaHelper.getLookupStore(field); - } - - Ext.apply(field, { - //this purpose of this is to allow other editors like multiselect, checkboxGroup, etc. - xtype: (meta.xtype || 'combo'), - forceSelection: true, - typeAhead: true, - mode: 'local', - hiddenName: meta.name, - hiddenId : Ext.id(), - triggerAction: 'all', - lazyInit: false, - //NOTE: perhaps we do translation of the following names in store's translateMeta() method - displayField: l.displayColumn, - valueField: l.keyColumn, - //NOTE: supported for non-combo components - initialValue: field.value, - showValueInList: meta.showValueInList, - listClass: 'labkey-grid-editor', - lookupNullCaption: meta.lookupNullCaption - }); - - if(!meta.hasOwnTpl){ - //TODO: it would be better to put this in LABKEY.ext.Combo, so this tpl doesnt conflict with non-combo editors - field.tpl = function(){var tpl = new Ext.XTemplate( - '
{[LABKEY.Utils.encodeHtml(values["' + l.keyColumn + '"]!==null ? values["' + l.displayColumn + '"] : "'+ (Ext.isDefined(this.lookupNullCaption) ? this.lookupNullCaption : '[none]') +'")]}' +
- //allow a flag to display both display and value fields
- '{[LABKEY.Utils.encodeHtml(values["' + l.keyColumn + '"] ? " ("+values["' + l.keyColumn + '"]+")" : "")]} '+
- '
')) + "\""; - }, - - //private - //this creates the renderer used to display cells if that column uses a lookup - lookupRenderer : function(meta, data, grid, record, rowIndex) { - var lookupStore = EHR.ext.metaHelper.getLookupStore(meta); - if(!lookupStore){ - return ''; - } - - var lookupRecord = lookupStore.getById(data); - if (lookupRecord) - return lookupRecord.data[meta.lookup.displayColumn]; - else { - //if store not loaded yet, retry rendering on store load - if(grid && !lookupStore.fields){ - this.lookupStoreLoadListeners = this.lookupStoreLoadListeners || []; - if(this.lookupStoreLoadListeners.indexOf(lookupStore.storeId) == -1){ - lookupStore.on('load', function(store){ - this.lookupStoreLoadListeners.remove(store.storeId); - //console.log('refresh: '+store.storeId); - - grid.getView().refresh(); - - }, this, {single: true}); - this.lookupStoreLoadListeners.push(lookupStore.storeId); - } - } - if (data!==null){ - return "[" + data + "]"; - } - else { - return Ext.isDefined(meta.lookupNullCaption) ? meta.lookupNullCaption : "[none]"; - } - } - } - } -}; diff --git a/ehr/resources/web/ehr/ext3/ehrPrintTaskPanel.js b/ehr/resources/web/ehr/ext3/ehrPrintTaskPanel.js deleted file mode 100644 index 6dceb9365..000000000 --- a/ehr/resources/web/ehr/ext3/ehrPrintTaskPanel.js +++ /dev/null @@ -1,186 +0,0 @@ -/* - * Copyright (c) 2013-2019 LabKey Corporation - * - * Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0 - */ - -Ext.namespace('EHR.ext'); - -/** - * This class was never completed. The intent was to try to create a variant of a normal Task ImportPanel which would - * display records in a read-only manner suitable for printing. The thought was that in some cases paper was going to be - * necessary. The user could start the task in LabKey, fill out as much as possible, then print. The printout should have - * space to fill in necessary values. The user could take this printout back to the computer and fill in missing values. - * - * There may be use for this concept; however, other items were prioritized higher. - */ - -EHR.ext.PrintTaskPanel = Ext.extend(Ext.Panel, { - initComponent: function(){ - this.storeConfig = this.storeConfig || {}; - if(!this.storeConfig.filterArray){ - this.storeConfig.maxRows = 0; - this.on('load', function(){ - delete this.maxRows; - }, this, {single: true}); - } - - this.store = this.store || new EHR.ext.AdvancedStore(Ext.applyIf(this.storeConfig, { - //xtype: 'ehr-store', - containerPath: this.containerPath, - schemaName: this.schemaName, - queryName: this.queryName, - viewName: this.viewName || '~~UPDATE~~', - columns: this.columns || EHR.Metadata.Columns[this.queryName] || '', - storeId: [this.schemaName,this.queryName,this.viewName].join('||'), - filterArray: this.filterArray || [], - metadata: Ext.apply(this.metadata, {fieldDefaults: {lookupNullCaption: ''}}), - timeout: 0 - })); - - if(this.store && this.queryName && this.schemaName){ - this.store.load(); - - //a test for whether the store is loaded - if(!this.store.fields){ - this.mon(this.store, 'load', this.loadQuery, this, {single: true}); - } - else { - this.loadQuery(this.store); - } - } - else { - //NOTE: inelegant - this.hidden = true; - } - - Ext.applyIf(this, { - autoHeight: true - //,autoWidth: true - //,width: '7 in' - ,bodyBorder: false - ,border: false - ,bodyStyle: 'padding:5px' - ,style: 'margin-bottom: 15px' - ,items: [{ - html: 'Loading...' - }] - ,tbar: [{ - xtype: 'button', - text: 'Add Rows', - scope: this, - handler: function(b){ - Ext.Msg.prompt('Number of Rows', 'How many rows do you want to add?', function(r, newRows){ - var width = this.theTable.layout.columns; - if(newRows){ - for(var i=0;i
If you use any of the LabKey APIs that extend Ext APIs, you must either make your code open source or - * purchase an Ext license.
- *Additional Documentation: - *
- * - * @constructor - * @augments LABKEY.ext.Store - * @param config Configuration properties. This may contain any of the configuration properties supported by the LABKEY.ext.Store plus those listed here. - * @param {String} [config.containerPath] The container path from which to query the server. If not specified, the current container is used. - * @param {String} [config.schemaName] The LabKey schema to query. - * @param {String} [config.queryName] The query name within the schema to fetch. - * @param {String} [config.viewName] A saved custom view of the specified query to use if desired. - * @param {Object} [config.metadata] A metadata object that will be applied to the default metadata returned by the server. See EHR.Metadata for more information. - * @param {Boolean} [config.doServerValidation] If true, whenever a record is modified it will be validated on the server. - */ -EHR.ext.AdvancedStore = Ext.extend(LABKEY.ext.Store, { - constructor: function(config){ - Ext.apply(this, { - pruneModifiedRecords: true, - errors: new Ext.util.MixedCollection(), - doServerValidation: true - }); - - EHR.ext.AdvancedStore.superclass.constructor.apply(this, arguments); - - /** - * @memberOf EHR.ext.AdvancedStore# - * @name beforemetachange - * @event - * @description Fires after the HTTP proxy loads metadata from the server, but before it is applied to the store - * @param {Object} this The store object - * @param {Object} meta The metadata object that will be applied to the store - */ - /** - * @memberOf EHR.ext.AdvancedStore# - * @name validation - * @event - * @description This will fire whenever the store's records are validated. - * @param {Object} this The store object - * @param {Array} records Array of the records that were validated - */ - this.addEvents('beforemetachange', 'validation'); - this.proxy.on("load", this.onProxyLoad, this); - - //@deprecated - if(this.monitorPermissions){ - EHR.Security.init({ - success: Ext.emptyFn, - failure: EHR.Utils.onError, - scope: this - }); - this.on('update', this.verifyPermission, this); - } - - //TODO: remove once added to labkey.ext.store - if(config.maxRows !== undefined){ - this.baseParams['query.maxRows'] = config.maxRows; - } - if(config.ignoreFilter) - this.baseParams['query.ignoreFilter'] = 1; - - if(this.monitorValid) - this.initMonitorValid(); - }, - - //private - //creates the listeners needed to validate records on the server - initMonitorValid: function(){ - this.on('update', this.validateRecord, this); - this.on('add', this.validateRecords, this); -// this.on('load', this.validateRecords, this); - this.on('remove', this.validationOnRemove, this); - - this.validateRecords(this); - }, - - //private - stopMonitorValid: function(){ - this.un('update', this.validateRecord, this); - this.un('add', this.validateRecords, this); -// this.un('load', this.validateRecords, this); - this.on('remove', this.validationOnRemove, this); - -// this.un('validation', this.validateRecordOnServer, this); - }, - - //private - validationOnRemove: function(store, rec){ - //we need to remove all errors from this record - this.errors.each(function(error){ - if(error.record==rec){ - this.errors.remove(error); - } - }, this); - this.fireEvent('validation', this); - }, - - //private - onProxyLoad: function(proxy, response, options){ - var meta = this.reader.meta; - - //provide a standardized translation - this.translateMetaData(meta); - - Ext.each(meta.fields, function(f){ - //allow defaults for all fields - //NOTE: perhaps move to this.fieldDefaults? - if(this.metadata){ - if(this.metadata['fieldDefaults']){ - EHR.Utils.rApply(f, this.metadata['fieldDefaults']); - } - - //allow more complex metadata, per field - if(this.metadata[f.name]){ - EHR.Utils.rApply(f, this.metadata[f.name]); - } - } - }, this); - - if(this.colModel){ - var colModel = this.reader.jsonData.columnModel; - Ext.each(colModel, function(col){ - if(this.colModel[col.dataIndex]){ - EHR.Utils.rApply(col, this.colModel[col.dataIndex]); - } - }, this); - } - - //console.log('beforemetachange:'+this.storeId); - if(false===this.fireEvent('beforemetachange', this, meta)) - return; - - //console.log('metachange:'+this.storeId); - this.reader.onMetaChange(meta); - }, - - //private - changeMetadata: function(meta){ - console.log('metachange:'+this.storeId); - this.reader.onMetaChange(meta); - }, - - //@deprecated - //the original intent was to enforce QCState permissions in the store, but it was never fully implemented - verifyPermission: function(store, rec, operation){ - var qc; - if(EHR.Security.hasLoaded() && rec.fields.get('QCState')){ - qc = rec.get('QCState'); - if(!qc) - return; - - qc = EHR.Security.getQCStateByRowId(qc).Label; - - var command = 'insert'; - //TODO: it would be nice to be smarter about whether we test for insert or update. - //the server will enforce it, but stopping it on the client would be more friendly - - if(!EHR.Security.hasPermission(qc, command, {schemaName: this.schemaName, queryName: this.queryName})){ - alert('You do not have permission to change this record'); - rec.reject(); - } - /* - else { - //config option in store - if(!this.allowOthersToEditRecords){ - //one of the following must be true in order to edit - if( - //these dont exist on the server, so anyone can edit - !rec.phantom && - //you can edit recs you created - rec.get('created') != LABKEY.Security.currentUser.id && - //you can edit recs you modified - rec.get('modified') != LABKEY.Security.currentUser.id && - //data admins can always edit - !EHR.Security.hasPermission(qc, 'admin', {schemaName: this.schemaName, queryName: this.queryName}) - ){ - //also allow editing of tasks assigned to you: - //TODO - - alert('You do not have permission to change this record'); - rec.reject(); - } - } - } - */ - } - }, - - //private - //the intention of this method was to provide a standard, low-level way to translating Labkey metadata names into ext ones. - translateMetaData: function(meta){ - Ext.each(meta.fields, function(field){ - var h = Ext.util.Format.htmlEncode; - var lc = function(s){return !s?s:Ext.util.Format.lowercase(s);}; - - //field.type = lc(field.jsonType) || lc(field.type) || lc(field.typeName) || 'string'; - field.fieldLabel = h(field.label) || h(field.caption) || h(field.header) || h(field.name); - field.dataIndex = field.dataIndex || field.name; - field.editable = field.userEditable && !field.readOnly; - - field.allowBlank = field.nullable; - - }, this); - }, - - /** - * @memberOf EHR.ext.AdvancedStore# - * @name newRecord - * @description This method creates a new record to add to this store. It exists (as opposed to using "new this.recordType()") such - * that fields with an initial value generator function (see EHR.Metadata.FieldMetadata.setInitialValue()). Records created - * for this store should use this method. At a future point, it might be worth investigating whether this.recordType could be - * overridden instead. - * @param {object} data The initial values to use for this record - */ - //TODO: would be better to just override this.recordType - newRecord: function(data){ - var rec; - if(data instanceof Ext.data.Record) - rec = data; - else - rec = new this.recordType(data); - - this.fields.each(function(f) { - rec.data[f.name] = Ext.isDefined(rec.data[f.name]) ? f.convert(rec.data[f.name]) : - Ext.isDefined(f.defaultValue) ? f.defaultValue : - null; - if(!rec.data[f.name] && Ext.isFunction(f.setInitialValue)){ - rec.data[f.name] = f.setInitialValue.call(this, rec.data[f.name], rec, f); - } - }, this); - - return rec; - }, - - //private - addRecords: function(records, idx){ - if(undefined === idx) - idx = this.getCount(); - - if(!Ext.isArray(records)) - records = [records]; - - Ext.each(records, function(r, idx){ - records[idx] = this.newRecord(r); - }, this); - - //NOTE: when you add an array of records, they get added in reverse order. - //therefore I reverse it here so it's added in the order submitted. - //records.reverse(); - - this.insert(idx, records); - this.validateRecords(this, records); - - return records - }, - - //private - addRecord: function(r, idx){ - if(undefined === idx) - idx = this.getCount(); - - r = this.newRecord(r); - this.insert(idx, r); - - this.validateRecords(this, [r]); - return r; - }, - - //private - duplicateRecord: function(record, defaults){ - defaults = defaults || {}; - //NOTE: this is deliberate such that defaults are applied first. if you want the new record to have a null value, this should work - var newData = Ext.apply({}, r.data); - Ext.apply(newData, defaults); - this.store.addRecord(newData); - }, - - //private - duplicateRecords: function(records, defaults){ - Ext.each(records, function(r){ - this.duplicateRecord(r, defaults); - }, this); - }, - - //private - maxErrorSeverity: function(){ - var maxSeverity; - this.errors.each(function(e){ - maxSeverity = EHR.Utils.maxError(maxSeverity, e.severity); - }, this); - - return maxSeverity; - }, - - //private - validateRecords: function(store, recs, fireEvent, config){ - config = config || {}; - - if(recs) - Ext.each(recs, function(r){ - this.validateRecord(this, r, config.operation, {fireEvent: false}); - }, this); - else - this.each(function(r){ - this.validateRecord(this, r, config.operation, {fireEvent: false}); - }, this); - - if(fireEvent !== false){ - this.fireEvent('validation', this, recs); - } - }, - - //private - //this method performs simple checks client-side then will submit the record for server-validation if selected - validateRecord: function(store, r, operation, config){ - config = config || {}; - - r.errors = r.errors || []; - - //remove other client-side errors for this record - for(var i = r.errors.length-1; i >= 0; i--){ - if(!r.errors[i].fromServer){ - this.errors.remove(r.errors[i]); - r.errors.splice(i, 1); - } - } - - r.fields.each(function(f) { - //apparently the store's metadata can be updated w/o the record's, so we use that - var meta = store.fields.map[f.name]; - - //NOTE: we're drawing a distinction between LABKEY's nullable and ext's allowBlank. - // This allows fields to be set to 'allowBlank: false', which throws a warning - // nullable:false will throw an error when null. - // also, if userEditable==false, we assume will be set server-side so we ignore it here - if(meta.userEditable!==false && Ext.isEmpty(r.data[f.name])){ - if(meta.nullable === false || meta.allowBlank === false){ - r.errors.push({ - id: LABKEY.Utils.generateUUID(), - field: f.name, - message: 'This field is required', - record: r, - errorValue: r.get(f.dataIndex), - severity: (f.nullable === false ? 'ERROR' : 'WARN'), - fromServer: false - }); - } - } - - //NOTE: if we had a reference to the field editor, i could hook into getErrors() to find other validation errors - //should revisit in Ext 4 when validation is moved to dataModel - },store); - - this.errors.addAll(r.errors); - - //this is designed such that validateRecords() can call validateRecord() multiple times without events firing - if(config.fireEvent!==false){ - this.fireEvent('validation', this, [r], config); - } - - //if(this.doServerValidation){ - if(operation=='edit' && this.doServerValidation){ - this.validateRecordOnServer.defer(500, this, [this, [r], config]); - } - }, - - //private - validateRecordOnServer: function(store, records, config){ - if(!records || !records.length) - return; - - if(config && config.noServerValidation){ - console.log('skipping server validation'); - return; - } - - var commands = this.getChanges(records); - if (!commands.length){ - return false; - } - - Ext.each(records, function(record){ - //NOTE: we remove saveOperationInProgress b/c this transaction is going to fail - //therefore we do not want this flag to block a legitimate future save attempt. - delete record.saveOperationInProgress; - record.serverValidationInProgress = true; - }, this); - - //add a flag per command to make sure this record fails - this.sendRequest(records, commands, {validateOnly: true, silent: true, targetQCState: null}); - }, - - /** - * @memberOf EHR.ext.AdvancedStore# - * @name getFormEditorConfig - * @description This is a convenience wrapper for EHR.ext.metaHelper.getFormEditorConfig(). - * @param {string} fieldName The name of the field - * @param {object} config Optional. This config object will be merged with the output of getFormEditorConfig() - */ - getFormEditorConfig: function(fieldName, config){ - var meta = this.findFieldMeta(fieldName); - return EHR.ext.metaHelper.getFormEditorConfig(meta, config); - }, - - /** - * @memberOf EHR.ext.AdvancedStore# - * @name getGridEditorConfig - * @description This is a convenience wrapper for EHR.ext.metaHelper.getGridEditorConfig(). - * @param {string} fieldName The name of the field - * @param {object} config Optional. This config object will be merged with the output of getGridEditorConfig() - */ - getGridEditorConfig: function(fieldName, config){ - var meta = this.findFieldMeta(fieldName); - return EHR.ext.metaHelper.getGridEditorConfig(meta, config); - }, - - //private - getAllRecords: function(){ - var recs = []; - this.each(function(r){ - recs.push(r); - }, this); - return recs; - }, - - //NOTE: returns true to remove unwanted checking contained in LABKEY store - readyForSave: function(){ - return true; - }, - - //private - //@override - //the only reason this method is overridden is to delete record.phantom near the bottom (see note). we also delete lastTransactionId - processResponse : function(rows){ - var idCol = this.reader.jsonData.metaData.id; - var row; - var record; - for(var idx = 0; idx < rows.length; ++idx) - { - row = rows[idx]; - - if(!row || !row.values) - return; - - //find the record using the id sent to the server - record = this.getById(row.oldKeys[this.reader.meta.id]); - if(!record) - return; - - //apply values from the result row to the sent record - for(var col in record.data) - { - //since the sent record might contain columns form a related table, - //ensure that a value was actually returned for that column before trying to set it - if(undefined !== row.values[col]){ - if(!record.fields.get(col)){ - console.log('ERROR: column not found: '+col); - console.log(record.fields); - continue; - } - - var x = record.fields.get(col); - record.set(col, record.fields.get(col).convert(row.values[col], row.values)); - } - - //clear any displayValue there might be in the extended info - if(record.json && record.json[col]) - delete record.json[col].displayValue; - } - - //if the id changed, fixup the keys and map of the store's base collection - //HACK: this is using private data members of the base Store class. Unfortunately - //Ext Store does not have a public API for updating the key value of a record - //after it has been added to the store. This might break in future versions of Ext. - if(record.id != row.values[idCol]) - { - record.id = row.values[idCol]; - this.data.keys[this.data.indexOf(record)] = row.values[idCol]; - - delete this.data.map[record.id]; - this.data.map[row.values[idCol]] = record; - } - - //reset transitory flags and commit the record to let - //bound controls know that it's now clean - delete record.saveOperationInProgress; - delete record.lastTransactionId; - - //NOTE: this could probably be removed in favor of the Ext param - //phantom is the built-in Ext version of labkey's isNew. I delete here so we know the record exists on the server - delete record.isNew; - delete record.phantom; - record.commit(); - } - }, - - //@deprecated - getLookupStore: function(){ - //not needed . used in editorgridpanel. should be shifted to metaHelper. - }, - - //@override - // overridden to remove setting a default nullCaption. this is moved to the combo tpl - onLoad : function(store, records, options) { - this.isLoading = false; - - //remember the name of the id column - this.idName = this.reader.meta.id; - - if(this.nullRecord) - { - //create an extra record with a blank id column - //and the null caption in the display column - var data = {}; - data[this.reader.meta.id] = ""; - data[this.nullRecord.displayColumn] = this.nullRecord.nullCaption || this.nullCaption || null; - - var recordConstructor = Ext.data.Record.create(this.reader.meta.fields); - var record = new recordConstructor(data, -1); - this.insert(0, record); - } - }, - - //private - //NOTE: split this method in two so they can be called independently - commitChanges : function(extraContext){ - var records = this.getModifiedRecords(); - this.commitRecords(records, extraContext); - }, - - //private - //see above - commitRecords : function(records, extraContext){ - var commands = this.getChanges(records); - - if (!commands.length){ - if(extraContext && extraContext.silent!==true) - Ext.Msg.alert('Alert', 'There are no changes to submit.'); - - return; - } - - for(var i=0;i
- *
- */
-
- // private
- defaultAutoCreate : {
- tag : 'div'
- },
-
- // private
- initComponent : function() {
- Ext.ux.form.MultiSelect.superclass.initComponent.call(this);
-
- if (Ext.isArray(this.store)) {
- if (Ext.isArray(this.store[0])) {
- this.store = new Ext.data.ArrayStore({
- fields : [
- 'value', 'text'
- ],
- data : this.store
- });
- this.valueField = 'value';
- } else {
- this.store = new Ext.data.ArrayStore({
- fields : [
- 'text'
- ],
- data : this.store,
- expandData : true
- });
- this.valueField = 'text';
- }
- this.displayField = 'text';
- } else {
- this.store = Ext.StoreMgr.lookup(this.store);
- }
-
- this.addEvents({
- 'dblclick' : true,
- 'click' : true,
- 'change' : true,
- 'drop' : true
- });
- },
-
- // private
- onRender : function(ct, position) {
- Ext.ux.form.MultiSelect.superclass.onRender.call(this, ct, position);
-
- var fs = this.fs = new Ext.form.FieldSet({
- renderTo : this.el,
- title : this.legend,
- height : this.height,
- width : this.width,
- //NOTE: Following CSS added by bbimber
- style : 'padding:0;margin-left:0px',
- tbar : this.tbar,
- autoScroll: true
- });
- fs.body.addClass('ux-mselect');
-
- this.view = new Ext.ListView({
- multiSelect : true,
- store : this.store,
- //NOTE: Added class to fix labkey CSS
- cls: 'extContainer',
- columns : [
- {
- header : 'Value',
- width : 1,
- dataIndex : this.displayField
- }
- ],
- hideHeaders : true
- });
-
- fs.add(this.view);
-
- this.view.on('click', this.onViewClick, this);
- this.view.on('beforeclick', this.onViewBeforeClick, this);
- this.view.on('dblclick', this.onViewDblClick, this);
-
- this.hiddenName = this.name || Ext.id();
- var hiddenTag = {
- tag : 'input',
- type : 'hidden',
- value : '',
- name : this.hiddenName
- };
- this.hiddenField = this.el.createChild(hiddenTag);
- this.hiddenField.dom.disabled = this.hiddenName != this.name;
- fs.doLayout();
-
- //value cannot be set unless rendered. this is a quick way around that
- if(this.value || this.initialValue){
- this.setValue(this.value || this.initialValue);
- delete this.initialValue;
- }
- },
-
- // private
- afterRender : function() {
- Ext.ux.form.MultiSelect.superclass.afterRender.call(this);
-
- if (this.ddReorder && !this.dragGroup && !this.dropGroup) {
- this.dragGroup = this.dropGroup = 'MultiselectDD-' + Ext.id();
- }
-
- if (this.draggable || this.dragGroup) {
- this.dragZone = new Ext.ux.form.MultiSelect.DragZone(this, {
- ddGroup : this.dragGroup
- });
- }
- if (this.droppable || this.dropGroup) {
- this.dropZone = new Ext.ux.form.MultiSelect.DropZone(this, {
- ddGroup : this.dropGroup
- });
- }
- },
-
- // private
- onViewClick : function(vw, index, node, e) {
- this.fireEvent('change', this, this.getValue(), this.hiddenField.dom.value);
- this.hiddenField.dom.value = this.getValue();
- this.fireEvent('click', this, e);
- this.validate();
- },
-
- // private
- onViewBeforeClick : function(vw, index, node, e) {
- if (this.disabled) {
- return false;
- }
- },
-
- // private
- onViewDblClick : function(vw, index, node, e) {
- return this.fireEvent('dblclick', vw, index, node, e);
- },
-
- /**
- * Returns an array of data values for the selected items in the list. The
- * values will be separated by {@link #delimiter}.
- *
- * @return {Array} value An array of string data values
- */
- getValue : function(valueField) {
- //if called prior to render
- if(!this.rendered){
- return this.value || this.initialValue;
- }
- var returnArray = [];
- var selectionsArray = this.view.getSelectedIndexes();
- if (selectionsArray.length == 0) {
- return '';
- }
- for (var i = 0; i < selectionsArray.length; i++) {
- returnArray.push(this.store.getAt(selectionsArray[i]).get((valueField != null) ? valueField : this.valueField));
- }
- return returnArray.join(this.delimiter);
- },
-
- /**
- * Sets a delimited string (using {@link #delimiter}) or array of data values
- * into the list.
- *
- * @param {String/Array}
- * values The values to set
- */
- setValue : function(values) {
- var index;
- var selections = [];
- values = values || [];
-
- if (!Ext.isArray(values)) {
- values = values.split(this.delimiter);
- }
-
-
- if(!this.rendered){
- this.initialValue = values.join(this.delimiter);
- return;
- };
-
- this.view.clearSelections();
- this.hiddenField.dom.value = '';
-
- if (!values || (values == '')) {
- return;
- }
-
- for (var i = 0; i < values.length; i++) {
- index = this.view.store.indexOf(this.view.store.query(this.valueField, new RegExp('^' + values[i] + '$', 'i')).itemAt(0));
- selections.push(index);
- }
- this.view.select(selections);
- this.hiddenField.dom.value = this.getValue();
- this.validate();
- },
-
- // inherit docs
- reset : function() {
- this.setValue('');
- },
-
- // inherit docs
- getRawValue : function(valueField) {
- var tmp = this.getValue(valueField);
- if (tmp.length) {
- tmp = tmp.split(this.delimiter);
- } else {
- tmp = [];
- }
- return tmp;
- },
-
- // inherit docs
- setRawValue : function(values) {
- setValue(values);
- },
-
- // inherit docs
- validateValue : function(value) {
- if (value.length < 1) { // if it has no value
- if (this.allowBlank) {
- this.clearInvalid();
- return true;
- } else {
- this.markInvalid(this.blankText);
- return false;
- }
- }
- if (value.length < this.minSelections) {
- this.markInvalid(String.format(this.minSelectionsText, this.minSelections));
- return false;
- }
- if (value.length > this.maxSelections) {
- this.markInvalid(String.format(this.maxSelectionsText, this.maxSelections));
- return false;
- }
- return true;
- },
-
- // inherit docs
-// disable : function() {
-// this.disabled = true;
-// this.hiddenField.dom.disabled = true;
-// this.fs.disable();
-// },
-//
-// // inherit docs
-// enable : function() {
-// this.disabled = false;
-// this.hiddenField.dom.disabled = false;
-// this.fs.enable();
-// },
-
- // inherit docs
- destroy : function() {
- Ext.destroy(this.fs, this.dragZone, this.dropZone);
- Ext.ux.form.MultiSelect.superclass.destroy.call(this);
- }
-});
-
-Ext.reg('multiselect', Ext.ux.form.MultiSelect);
-
-// backwards compat
-Ext.ux.Multiselect = Ext.ux.form.MultiSelect;
-
-Ext.ux.form.MultiSelect.DragZone = function(ms, config) {
- this.ms = ms;
- this.view = ms.view;
- var ddGroup = config.ddGroup || 'MultiselectDD';
- var dd;
- if (Ext.isArray(ddGroup)) {
- dd = ddGroup.shift();
- } else {
- dd = ddGroup;
- ddGroup = null;
- }
- Ext.ux.form.MultiSelect.DragZone.superclass.constructor.call(this, this.ms.fs.body, {
- containerScroll : true,
- ddGroup : dd
- });
- this.setDraggable(ddGroup);
-};
-
-Ext.extend(Ext.ux.form.MultiSelect.DragZone, Ext.dd.DragZone, {
- onInitDrag : function(x, y) {
- var el = Ext.get(this.dragData.ddel.cloneNode(true));
- this.proxy.update(el.dom);
- el.setWidth(el.child('em').getWidth());
- this.onStartDrag(x, y);
- return true;
- },
-
- // private
- collectSelection : function(data) {
- data.repairXY = Ext.fly(this.view.getSelectedNodes()[0]).getXY();
- var i = 0;
- this.view.store.each(function(rec) {
- if (this.view.isSelected(i)) {
- var n = this.view.getNode(i);
- var dragNode = n.cloneNode(true);
- dragNode.id = Ext.id();
- data.ddel.appendChild(dragNode);
- data.records.push(this.view.store.getAt(i));
- data.viewNodes.push(n);
- }
- i++;
- }, this);
- },
-
- // override
- onEndDrag : function(data, e) {
- var d = Ext.get(this.dragData.ddel);
- if (d && d.hasClass('multi-proxy')) {
- d.remove();
- }
- },
-
- // override
- getDragData : function(e) {
- var target = this.view.findItemFromChild(e.getTarget());
- if (target) {
- if (!this.view.isSelected(target) && !e.ctrlKey && !e.shiftKey) {
- this.view.select(target);
- this.ms.setValue(this.ms.getValue());
- }
- if (this.view.getSelectionCount() == 0 || e.ctrlKey || e.shiftKey)
- return false;
- var dragData = {
- sourceView : this.view,
- viewNodes : [],
- records : []
- };
- if (this.view.getSelectionCount() == 1) {
- var i = this.view.getSelectedIndexes()[0];
- var n = this.view.getNode(i);
- dragData.viewNodes.push(dragData.ddel = n);
- dragData.records.push(this.view.store.getAt(i));
- dragData.repairXY = Ext.fly(n).getXY();
- } else {
- dragData.ddel = document.createElement('div');
- dragData.ddel.className = 'multi-proxy';
- this.collectSelection(dragData);
- }
- return dragData;
- }
- return false;
- },
-
- // override the default repairXY.
- getRepairXY : function(e) {
- return this.dragData.repairXY;
- },
-
- // private
- setDraggable : function(ddGroup) {
- if (!ddGroup)
- return;
- if (Ext.isArray(ddGroup)) {
- Ext.each(ddGroup, this.setDraggable, this);
- return;
- }
- this.addToGroup(ddGroup);
- }
-});
-
-Ext.ux.form.MultiSelect.DropZone = function(ms, config) {
- this.ms = ms;
- this.view = ms.view;
- var ddGroup = config.ddGroup || 'MultiselectDD';
- var dd;
- if (Ext.isArray(ddGroup)) {
- dd = ddGroup.shift();
- } else {
- dd = ddGroup;
- ddGroup = null;
- }
- Ext.ux.form.MultiSelect.DropZone.superclass.constructor.call(this, this.ms.fs.body, {
- containerScroll : true,
- ddGroup : dd
- });
- this.setDroppable(ddGroup);
-};
-
-Ext.extend(Ext.ux.form.MultiSelect.DropZone, Ext.dd.DropZone, {
- /**
- * Part of the Ext.dd.DropZone interface. If no target node is found, the
- * whole Element becomes the target, and this causes the drop gesture to
- * append.
- */
- getTargetFromEvent : function(e) {
- var target = e.getTarget();
- return target;
- },
-
- // private
- getDropPoint : function(e, n, dd) {
- if (n == this.ms.fs.body.dom) {
- return 'below';
- }
- var t = Ext.lib.Dom.getY(n), b = t + n.offsetHeight;
- var c = t + (b - t) / 2;
- var y = Ext.lib.Event.getPageY(e);
- if (y <= c) {
- return 'above';
- } else {
- return 'below';
- }
- },
-
- // private
- isValidDropPoint : function(pt, n, data) {
- if (!data.viewNodes || (data.viewNodes.length != 1)) {
- return true;
- }
- var d = data.viewNodes[0];
- if (d == n) {
- return false;
- }
- if ((pt == 'below') && (n.nextSibling == d)) {
- return false;
- }
- if ((pt == 'above') && (n.previousSibling == d)) {
- return false;
- }
- return true;
- },
-
- // override
- onNodeEnter : function(n, dd, e, data) {
- return false;
- },
-
- // override
- onNodeOver : function(n, dd, e, data) {
- var dragElClass = this.dropNotAllowed;
- var pt = this.getDropPoint(e, n, dd);
- if (this.isValidDropPoint(pt, n, data)) {
- if (this.ms.appendOnly) {
- return 'x-tree-drop-ok-below';
- }
-
- // set the insert point style on the target node
- if (pt) {
- var targetElClass;
- if (pt == 'above') {
- dragElClass = n.previousSibling ? 'x-tree-drop-ok-between' : 'x-tree-drop-ok-above';
- targetElClass = 'x-view-drag-insert-above';
- } else {
- dragElClass = n.nextSibling ? 'x-tree-drop-ok-between' : 'x-tree-drop-ok-below';
- targetElClass = 'x-view-drag-insert-below';
- }
- if (this.lastInsertClass != targetElClass) {
- Ext.fly(n).replaceClass(this.lastInsertClass, targetElClass);
- this.lastInsertClass = targetElClass;
- }
- }
- }
- return dragElClass;
- },
-
- // private
- onNodeOut : function(n, dd, e, data) {
- this.removeDropIndicators(n);
- },
-
- // private
- onNodeDrop : function(n, dd, e, data) {
- if (this.ms.fireEvent('drop', this, n, dd, e, data) === false) {
- return false;
- }
- var pt = this.getDropPoint(e, n, dd);
- if (n != this.ms.fs.body.dom)
- n = this.view.findItemFromChild(n);
-
- if (this.ms.appendOnly) {
- insertAt = this.view.store.getCount();
- } else {
- insertAt = n == this.ms.fs.body.dom ? this.view.store.getCount() - 1 : this.view.indexOf(n);
- if (pt == 'below') {
- insertAt++;
- }
- }
-
- var dir = false;
-
- // Validate if dragging within the same MultiSelect
- if (data.sourceView == this.view) {
- // If the first element to be inserted below is the target node, remove it
- if (pt == 'below') {
- if (data.viewNodes[0] == n) {
- data.viewNodes.shift();
- }
- } else { // If the last element to be inserted above is the target node,
- // remove it
- if (data.viewNodes[data.viewNodes.length - 1] == n) {
- data.viewNodes.pop();
- }
- }
-
- // Nothing to drop...
- if (!data.viewNodes.length) {
- return false;
- }
-
- // If we are moving DOWN, then because a store.remove() takes place first,
- // the insertAt must be decremented.
- if (insertAt > this.view.store.indexOf(data.records[0])) {
- dir = 'down';
- insertAt--;
- }
- }
-
- for (var i = 0; i < data.records.length; i++) {
- var r = data.records[i];
- if (data.sourceView) {
- data.sourceView.store.remove(r);
- }
- this.view.store.insert(dir == 'down' ? insertAt : insertAt++, r);
- var si = this.view.store.sortInfo;
- if (si) {
- this.view.store.sort(si.field, si.direction);
- }
- }
- return true;
- },
-
- // private
- removeDropIndicators : function(n) {
- if (n) {
- Ext.fly(n).removeClass([
- 'x-view-drag-insert-above', 'x-view-drag-insert-left', 'x-view-drag-insert-right', 'x-view-drag-insert-below'
- ]);
- this.lastInsertClass = '_noclass';
- }
- },
-
- // private
- setDroppable : function(ddGroup) {
- if (!ddGroup)
- return;
- if (Ext.isArray(ddGroup)) {
- Ext.each(ddGroup, this.setDroppable, this);
- return;
- }
- this.addToGroup(ddGroup);
- }
-});
diff --git a/ehr/resources/web/ehr/form/field/ProjectEntryField.js b/ehr/resources/web/ehr/form/field/ProjectEntryField.js
index 70ec02334..b67be7a37 100644
--- a/ehr/resources/web/ehr/form/field/ProjectEntryField.js
+++ b/ehr/resources/web/ehr/form/field/ProjectEntryField.js
@@ -10,351 +10,356 @@
* @cfg includeDefaultProjects defaults to true
*/
Ext4.define('EHR.form.field.ProjectEntryField', {
- extend: 'Ext.form.field.ComboBox',
- alias: 'widget.ehr-projectentryfield',
-
- fieldLabel: 'Project',
- typeAhead: true,
- forceSelection: true, //NOTE: has been re-enabled, but it is important to let the field get set prior to loading
- emptyText:'',
- disabled: false,
- matchFieldWidth: false,
- includeDefaultProjects: true,
- invesLastNameCol: 'lastName',
- autoSelectFirstProjectOnLoad: false,
-
- initComponent: function(){
- this.allProjectStore = EHR.DataEntryUtils.getProjectStore();
-
- this.trigger2Cls = Ext4.form.field.ComboBox.prototype.triggerCls;
- this.onTrigger2Click = Ext4.form.field.ComboBox.prototype.onTriggerClick;
-
- Ext4.apply(this, {
- displayField: 'displayName',
- valueField: 'project',
- queryMode: 'local',
- plugins: [Ext4.create('LDK.plugin.UserEditableCombo', {
- createWindow: function(){
- this.window = Ext4.create('Ext.window.Window', {
- modal: true,
- closeAction: 'destroy',
- bodyStyle: 'padding: 5px',
- title: 'Choose Project',
- items: [{
- xtype: 'ehr-projectfield',
- width: 400,
- fieldLabel: 'Project',
- itemId: 'projectField',
- listeners: {
- specialkey: function(field, e){
- if (e.getKey() === e.ENTER && !field.isExpanded){
- var btn = field.up('window').down('button[text=Submit]');
- btn.handler.apply(btn.scope, [btn]);
- }
- }
- }
- },{
- xtype: 'ldk-linkbutton',
- linkTarget: '_blank',
- text: '[View All Projects]',
- href: LABKEY.ActionURL.buildURL('query', 'executeQuery', null, {schemaName: 'ehr', 'query.queryName': 'project', 'query.viewName': 'Active Projects'}),
- style: 'padding-top: 5px;padding-bottom: 5px;padding-left: 100px;'
- }],
- buttons: [{
- scope: this,
- text: 'Submit',
- handler: function(btn){
- var win = btn.up('window');
- var field = win.down('#projectField');
- var project = field.getValue();
- if (!project){
- Ext4.Msg.alert('Error', 'Must enter a project');
- return;
- }
-
- var rec = field.findRecord('project', project);
- LDK.Assert.assertTrue('Project record not found for id: ' + project, !!rec);
-
- if (rec){
- this.onPrompt('ok', {
- project: project,
- displayName: rec.get('displayName'),
- protocolDisplayName: rec.get('protocol/displayName'),
- protocol: rec.get('protocol'),
- title: rec.get('title'),
- shortname: rec.get('shortname'),
- investigator: rec.get('investigatorId/' + this.invesLastNameCol)
- });
-
- win.close();
- }
- else {
- Ext4.Msg.alert('Error', 'Unknown Project');
- }
- }
- },{
- text: 'Cancel',
- handler: function(btn){
- btn.up('window').close();
- }
- }],
- listeners: {
- show: function(win){
- var field = win.down('combo');
- Ext4.defer(field.focus, 100, field);
- }
- }
- }).show();
- },
-
- onBeforeComplete: function(){
- return !this.window || !this.window.isVisible();
+ extend: 'Ext.form.field.ComboBox',
+ alias: 'widget.ehr-projectentryfield',
+
+ fieldLabel: 'Project',
+ typeAhead: true,
+ forceSelection: true, //NOTE: has been re-enabled, but it is important to let the field get set prior to loading
+ emptyText:'',
+ disabled: false,
+ matchFieldWidth: false,
+ includeDefaultProjects: true,
+ invesLastNameCol: 'lastName',
+ autoSelectFirstProjectOnLoad: false,
+
+ initComponent: function(){
+ this.allProjectStore = EHR.DataEntryUtils.getProjectStore();
+
+ this.trigger2Cls = Ext4.form.field.ComboBox.prototype.triggerCls;
+ this.onTrigger2Click = Ext4.form.field.ComboBox.prototype.onTriggerClick;
+
+ Ext4.apply(this, {
+ displayField: 'displayName',
+ valueField: 'project',
+ queryMode: 'local',
+ plugins: [Ext4.create('LDK.plugin.UserEditableCombo', {
+ createWindow: function(){
+ this.window = Ext4.create('Ext.window.Window', {
+ modal: true,
+ closeAction: 'destroy',
+ bodyStyle: 'padding: 5px',
+ title: 'Choose Project',
+ items: [{
+ xtype: 'ehr-projectfield',
+ width: 400,
+ fieldLabel: 'Project',
+ itemId: 'projectField',
+ listeners: {
+ specialkey: function(field, e){
+ if (e.getKey() === e.ENTER && !field.isExpanded){
+ var btn = field.up('window').down('button[text=Submit]');
+ btn.handler.apply(btn.scope, [btn]);
+ }
}
- })],
- validationDelay: 500,
- //NOTE: unless i have this empty store an error is thrown
- store: {
- type: 'labkey-store',
- schemaName: 'study',
- sql: this.makeSql(),
- sort: 'sort_order,project',
- autoLoad: false,
- loading: true,
- listeners: {
- scope: this,
- delay: 50,
- load: function(store){
- // allow for auto-select of the project, if not already selected, for quick data entry
- if (this.autoSelectFirstProjectOnLoad && !this.getValue()) {
- var storeProjects = Ext4.Array.filter(store.collect('project'), function(proj) {
- return LABKEY.Utils.isNumber(proj);
- });
-
- if (storeProjects.length > 0) {
- this.setValue(storeProjects[0]);
- }
- }
-
- this.resolveProjectFromStore();
- this.getPicker().refresh();
- }
+ }
+ },{
+ xtype: 'ldk-linkbutton',
+ linkTarget: '_blank',
+ text: '[View All Projects]',
+ href: LABKEY.ActionURL.buildURL('query', 'executeQuery', null, {schemaName: 'ehr', 'query.queryName': 'project', 'query.viewName': 'Active Projects'}),
+ style: 'padding-top: 5px;padding-bottom: 5px;padding-left: 100px;'
+ }],
+ buttons: [{
+ scope: this,
+ text: 'Submit',
+ handler: function(btn){
+ var win = btn.up('window');
+ var field = win.down('#projectField');
+ var project = field.getValue();
+ if (!project){
+ Ext4.Msg.alert('Error', 'Must enter a project');
+ return;
}
- },
- listeners: {
- scope: this,
- beforerender: function(field){
- var target = field.up('form');
- if (!target)
- target = field.up('grid');
-
- LDK.Assert.assertNotEmpty('Unable to find form or grid', target);
- if (target) {
- field.mon(target, 'animalchange', field.getProjects, field);
- }
- else {
- console.error('Unable to find target');
- }
- //attempt to load for the bound Id
- this.getProjects();
+ var rec = field.findRecord('project', project);
+ LDK.Assert.assertTrue('Project record not found for id: ' + project, !!rec);
+
+ if (rec){
+ this.onPrompt('ok', {
+ project: project,
+ displayName: rec.get('displayName'),
+ protocolDisplayName: rec.get('protocol/displayName'),
+ protocol: rec.get('protocol'),
+ title: rec.get('title'),
+ shortname: rec.get('shortname'),
+ investigator: rec.get('investigatorId/' + this.invesLastNameCol)
+ });
+
+ win.close();
}
+ else {
+ Ext4.Msg.alert('Error', 'Unknown Project');
+ }
+ }
+ },{
+ text: 'Cancel',
+ handler: function(btn){
+ btn.up('window').close();
+ }
+ }],
+ listeners: {
+ show: function(win){
+ var field = win.down('combo');
+ Ext4.defer(field.focus, 100, field);
+ }
}
- });
-
- this.listConfig = this.listConfig || {};
- Ext4.apply(this.listConfig, {
- innerTpl: this.getInnerTpl(),
- getInnerTpl: function(){
- return this.innerTpl;
- },
- style: 'border-top-width: 1px;' //this was added in order to restore the border above the boundList if it is wider than the field
- });
-
- this.callParent(arguments);
-
- this.on('render', function(){
- this.triggerEl.set({'data-qtip': 'Click to recalculate allowable projects'});
- }, this);
- },
+ }).show();
+ },
- getInnerTpl: function(){
+ onBeforeComplete: function(){
+ return !this.window || !this.window.isVisible();
+ }
+ })],
+ validationDelay: 500,
+ //NOTE: unless i have this empty store an error is thrown
+ store: {
+ type: 'labkey-store',
+ schemaName: 'study',
+ sql: this.makeSql(),
+ sort: 'sort_order,project',
+ autoLoad: false,
+ loading: true,
+ listeners: {
+ scope: this,
+ delay: 50,
+ load: function(store){
+ if (this.autoSelectFirstProjectOnLoad && !this.getValue()) {
+ var storeProjects = Ext4.Array.filter(store.collect('project'), function(proj) {
+ return LABKEY.Utils.isNumber(proj);
+ });
+ if (storeProjects.length > 0) {
+ this.setValue(storeProjects[0]);
+ }
+ }
+ this.resolveProjectFromStore();
+ this.getPicker().refresh();
+ }
+ }
+ },
+ listeners: {
+ scope: this,
+ beforerender: function(field){
+ var target = field.up('form');
+ if (!target)
+ target = field.up('grid');
+
+ LDK.Assert.assertNotEmpty('Unable to find form or grid', target);
+ if (target) {
+ field.mon(target, 'animalchange', field.getProjects, field);
+ }
+ else {
+ console.error('Unable to find target');
+ }
+
+ //attempt to load for the bound Id
+ this.getProjects();
+ }
+ }
+ });
+
+ this.listConfig = this.listConfig || {};
+ Ext4.apply(this.listConfig, {
+ innerTpl: this.getInnerTpl(),
+ getInnerTpl: function(){
+ return this.innerTpl;
+ },
+ style: 'border-top-width: 1px;' //this was added in order to restore the border above the boundList if it is wider than the field
+ });
+
+ this.callParent(arguments);
+
+ this.addEvents('projectchange');
+ this.enableBubble('projectchange');
+
+ this.on('change', function(field, val, oldVal){
+ this.fireEvent('projectchange', val);
+ }, this, {buffer: 200});
+
+ this.on('render', function(){
+ Ext4.QuickTips.register({
+ target: this.triggerEl.elements[0],
+ text: 'Click to recalculate allowable projects'
+ });
+ }, this);
+ },
+
+ getInnerTpl: function(){
return ['{[LABKEY.Utils.encodeHtml(values["displayName"] + " " + (values["shortname"] ? ("(" + values["shortname"] + ")") : (values["investigator"] ? "(" + (values["investigator"] ? values["investigator"] : "") : "") + (values["account"] ? ": " + values["account"] : "") + (values["investigator"] ? ")" : "")))]} '];
- },
+ },
- trigger1Cls: 'x4-form-search-trigger',
+ trigger1Cls: 'x4-form-search-trigger',
- onTrigger1Click: function(){
- var boundRecord = EHR.DataEntryUtils.getBoundRecord(this);
- if (!boundRecord){
- Ext4.Msg.alert('Error', 'Unable to locate associated animal Id');
- return;
- }
-
- var id = boundRecord.get('Id');
- if (!id){
- Ext4.Msg.alert('Error', 'No animal Id provided');
- return;
- }
+ onTrigger1Click: function(){
+ var boundRecord = EHR.DataEntryUtils.getBoundRecord(this);
+ if (!boundRecord){
+ Ext4.Msg.alert('Error', 'Unable to locate associated animal Id');
+ return;
+ }
- this.getProjects(id);
- },
+ var id = boundRecord.get('Id');
+ if (!id){
+ Ext4.Msg.alert('Error', 'No Animal Id Provided');
+ return;
+ }
- getDisallowedProtocols: function(){
- return null;
- },
+ this.getProjects(id);
+ },
- makeSql: function(id, date){
- if (!id && !this.includeDefaultProjects)
- return;
+ getDisallowedProtocols: function(){
+ return null;
+ },
- //avoid unnecessary reloading
- var key = id + '||' + date;
- if (this.loadedKey == key){
- return;
- }
- this.loadedKey = key;
-
- var sql = "SELECT DISTINCT t.project, t.displayName, t.account, t.protocolDisplayName, t.protocol, t.investigator, t.title, t.shortname, false as fromClient, min(sort_order) as sort_order, max(isAssigned) as isAssigned FROM (";
-
- if (id){
- //NOTE: show any actively assigned projects, or projects under the same protocol. we also only show projects if either the animal is assigned, or that project is active
- sql += "SELECT p.project as project, p.displayName as displayName, p.account as account, p.protocol.displayName as protocolDisplayName, " +
- " p.protocol as protocol, p.title, p.shortname, p.investigatorId." + this.invesLastNameCol + " as investigator, " +
- " CASE WHEN (a.project = p.project AND p.use_category = 'Research') THEN 0 WHEN (a.project = p.project) THEN 1 ELSE 2 END as sort_order, " +
- " CASE WHEN (a.project = p.project) THEN 1 ELSE 0 END as isAssigned " +
- " FROM ehr.project p JOIN study.assignment a ON (a.project.protocol = p.protocol) " +
- " WHERE a.id='"+id+"' AND (a.project = p.project) "; //TODO: restore this OR p.enddate IS NULL OR p.enddate >= curdate()
-
- //NOTE: if the date is in the future, we assume active projects
- if (date){
- sql += "AND cast(a.date as date) <= '"+date.format('Y-m-d')+"' AND ((a.enddateCoalesced >= '"+date.format('Y-m-d')+"') OR ('"+date.format('Y-m-d')+"' >= now() and a.enddate IS NULL))";
- }
- else {
- sql += "AND a.isActive = true ";
- }
+ makeSql: function(id, date){
+ if (!id && !this.includeDefaultProjects)
+ return;
- if (this.getDisallowedProtocols()){
- sql += " AND p.protocol NOT IN ('" + this.getDisallowedProtocols().join("', '") + "') ";
- }
- }
+ //avoid unnecessary reloading
+ var key = id + '||' + date;
+ if (this.loadedKey == key){
+ return;
+ }
+ this.loadedKey = key;
+
+ var sql = "SELECT DISTINCT t.project, t.displayName, t.account, t.protocolDisplayName, t.protocol, t.title, t.shortname, false as fromClient, min(sort_order) as sort_order, max(isAssigned) as isAssigned FROM (";
+
+ if (id){
+ //NOTE: show any actively assigned projects, or projects under the same protocol. we also only show projects if either the animal is assigned, or that project is active
+ sql += "SELECT p.project as project, p.displayName as displayName, p.account as account, p.protocol.displayName as protocolDisplayName, " +
+ "p.protocol as protocol, p.title, p.shortname, p.investigatorId." + this.invesLastNameCol + " as investigator, " +
+ "CASE WHEN (a.project = p.project AND p.use_category = 'Research') THEN 0 WHEN (a.project = p.project) THEN 1 ELSE 2 END as sort_order, CASE WHEN (a.project = p.project) THEN 1 ELSE 0 END as isAssigned " +
+ " FROM ehr.project p JOIN study.assignment a ON (a.project.protocol = p.protocol) " +
+ " WHERE a.id='"+id+"' AND (a.project = p.project) "; //TODO: restore this OR p.enddate IS NULL OR p.enddate >= curdate()
+
+ //NOTE: if the date is in the future, we assume active projects
+ if (date){
+ sql += "AND cast(a.date as date) <= '"+Ext4.Date.format(date, 'Y-m-d')+"' AND ((a.enddateCoalesced >= '"+Ext4.Date.format(date, 'Y-m-d')+"') OR ('"+Ext4.Date.format(date, 'Y-m-d')+"' >= now() and a.enddate IS NULL))";
+ }
+ else {
+ sql += "AND a.isActive = true ";
+ }
+
+ if (this.getDisallowedProtocols()){
+ sql += " AND p.protocol NOT IN ('" + this.getDisallowedProtocols().join("', '") + "') ";
+ }
+ }
- if (this.includeDefaultProjects){
- if (id)
- sql += ' UNION ALL ';
+ if (this.includeDefaultProjects){
+ if (id)
+ sql += ' UNION ALL ';
- sql += " SELECT p.project, p.displayName, p.account, p.protocol.displayName as protocolDisplayName, p.protocol as protocol, " +
- " p.title, p.shortname, p.investigatorId." + this.invesLastNameCol + " as investigator, 3 as sort_order, " +
- " 0 as isAssigned FROM ehr.project p WHERE p.alwaysavailable = true"; //TODO: restore this: and p.enddateCoalesced >= curdate()
- }
+ sql += " SELECT p.project, p.displayName, p.account, p.protocol.displayName as protocolDisplayName, p.protocol as protocol, " +
+ "p.title, p.shortname, p.investigatorId." + this.invesLastNameCol + " as investigator, 3 as sort_order, 0 as isAssigned FROM ehr.project p WHERE p.alwaysavailable = true"; //TODO: restore this: and p.enddateCoalesced >= curdate()
+ }
- sql+= " ) t GROUP BY t.project, t.displayName, t.account, t.protocolDisplayName, t.protocol, t.investigator, t.title, t.shortname";
+ sql+= " ) t GROUP BY t.project, t.displayName, t.account, t.protocolDisplayName, t.protocol, t.title, t.shortname";
- return sql;
- },
+ return sql;
+ },
- getProjects : function(id){
- var boundRecord = EHR.DataEntryUtils.getBoundRecord(this);
- if (!boundRecord){
- console.warn('no bound record found');
- }
+ getProjects : function(id){
+ var boundRecord = EHR.DataEntryUtils.getBoundRecord(this);
+ if (!boundRecord){
+ console.warn('no bound record found');
+ }
- if (boundRecord && boundRecord.store){
- LDK.Assert.assertNotEmpty('ProjectEntryField is being used on a store that lacks an Id field: ' + boundRecord.store.storeId, boundRecord.fields.get('Id'));
- }
+ if (boundRecord && boundRecord.store){
+ LDK.Assert.assertNotEmpty('ProjectEntryField is being used on a store that lacks an Id field: ' + boundRecord.store.storeId, boundRecord.fields.get('Id'));
+ }
- if (!id && boundRecord)
- id = boundRecord.get('Id');
+ if (!id && boundRecord)
+ id = boundRecord.get('Id');
- var date;
- if (boundRecord){
- date = boundRecord.get('date');
- }
+ var date;
+ if (boundRecord){
+ date = boundRecord.get('date');
+ }
- this.emptyText = 'Select project...';
- var sql = this.makeSql(id, date);
- if (sql){
- this.store.loading = true;
- this.store.sql = sql;
- this.store.removeAll();
- this.store.load();
- }
- },
+ this.emptyText = 'Select project...';
+ var sql = this.makeSql(id, date);
+ if (sql){
+ this.store.loading = true;
+ this.store.sql = sql;
+ this.store.removeAll();
+ this.store.load();
+ }
+ },
- setValue: function(val){
- var rec;
- if (Ext4.isArray(val)){
- val = val[0];
- }
+ setValue: function(val){
+ var rec;
+ if (Ext4.isArray(val)){
+ val = val[0];
+ }
- if (val && Ext4.isPrimitive(val)){
- rec = this.store.findRecord('project', val);
- if (!rec){
- rec = this.store.findRecord('displayName', val, null, false, false, true);
+ if (val && Ext4.isPrimitive(val)){
+ rec = this.store.findRecord('project', val);
+ if (!rec){
+ rec = this.store.findRecord('displayName', val, null, false, false, true);
- if (rec)
- console.log('resolved project entry field by display value')
- }
+ if (rec)
+ console.log('resolved project entry field by display value')
+ }
- if (!rec){
- rec = this.resolveProject(val);
- }
- }
+ if (!rec){
+ rec = this.resolveProject(val);
+ }
+ }
- if (rec){
- val = rec;
- }
+ if (rec){
+ val = rec;
+ }
- // NOTE: if the store is loading, Combo will set this.value to be the actual model.
- // this causes problems downstream when other code tries to convert that into the raw datatype
- if (val && val.isModel){
- val = val.get(this.valueField);
- }
+ // NOTE: if the store is loading, Combo will set this.value to be the actual model.
+ // this causes problems downstream when other code tries to convert that into the raw datatype
+ if (val && val.isModel){
+ val = val.get(this.valueField);
+ }
- this.callParent([val]);
- },
+ this.callParent([val]);
+ },
- resolveProjectFromStore: function(){
- var val = this.getValue();
- if (!val || this.isDestroyed)
- return;
+ resolveProjectFromStore: function(){
+ var val = this.getValue();
+ if (!val || this.isDestroyed)
+ return;
- LDK.Assert.assertNotEmpty('Unable to find store in ProjectEntryField', this.store);
- var rec = this.store ? this.store.findRecord('project', val) : null;
- if (rec){
- return;
- }
+ LDK.Assert.assertNotEmpty('Unable to find store in ProjectEntryField', this.store);
+ var rec = this.store ? this.store.findRecord('project', val) : null;
+ if (rec){
+ return;
+ }
- rec = this.allProjectStore.findRecord('project', val);
- if (rec){
- var newRec = this.store.createModel({});
- newRec.set({
- project: rec.data.project,
- account: rec.data.account,
- displayName: rec.data.displayName,
- protocolDisplayName: rec.data['protocol/displayName'],
- protocol: rec.data.protocol,
- title: rec.data.title,
- investigator: rec.data['investigatorId/' + this.invesLastNameCol],
- isAssigned: 0,
- fromClient: true
- });
-
- this.store.insert(0, newRec);
+ rec = this.allProjectStore.findRecord('project', val);
+ if (rec){
+ var newRec = this.store.createModel({});
+ newRec.set({
+ project: rec.data.project,
+ account: rec.data.account,
+ displayName: rec.data.displayName,
+ protocolDisplayName: rec.data['protocol/displayName'],
+ protocol: rec.data.protocol,
+ title: rec.data.title,
+ investigator: rec.data['investigatorId/' + this.invesLastNameCol],
+ isAssigned: 0,
+ fromClient: true
+ });
+
+ this.store.insert(0, newRec);
return newRec;
}
},
- resolveProject: function(val){
- if (this.allProjectStore.isLoading()){
- this.allProjectStore.on('load', function(store){
- var newRec = this.resolveProjectFromStore();
- if (newRec)
- this.setValue(val);
- }, this, {single: true});
- }
- else {
- this.resolveProjectFromStore();
- }
+ resolveProject: function(val){
+ if (this.allProjectStore.isLoading()){
+ this.allProjectStore.on('load', function(store){
+ var newRec = this.resolveProjectFromStore();
+ if (newRec)
+ this.setValue(val);
+ }, this, {single: true});
+ }
+ else {
+ this.resolveProjectFromStore();
}
+ }
});
\ No newline at end of file
diff --git a/ehr/resources/web/ehr/grid/Panel.js b/ehr/resources/web/ehr/grid/Panel.js
index e6e0353db..0b43418f7 100644
--- a/ehr/resources/web/ehr/grid/Panel.js
+++ b/ehr/resources/web/ehr/grid/Panel.js
@@ -49,18 +49,7 @@ Ext4.define('EHR.grid.Panel', {
this.addEvents('animalchange', 'storevalidationcomplete');
this.enableBubble('animalchange');
- this.getSelectionModel().on('selectionchange', function(sm, models){
- if (models.length != 1)
- return;
-
- //checks the extra property for a non dataset that does not have Id column
- var byPassId = models[0].store.sectionCfg.extraProperties.BY_PASS_ANIMAL_ID;
- if (byPassId || byPassId === 'true')
- return;
-
- var id = models[0].get('Id');
- this.fireEvent('animalchange', id);
- }, this);
+ this.getSelectionModel().on('selectionchange', this.handleSectionChangeEvent, this);
// the intention of the following is to avoid redrawing the entire grid, which is expensive, when we have
// single row changes, or more importantly single row changes that only involve validation/tooltip error message differences
@@ -91,6 +80,19 @@ Ext4.define('EHR.grid.Panel', {
pendingChanges: {},
+ handleSectionChangeEvent: function(sm, models){
+ if (models.length != 1)
+ return;
+
+ //checks the extra property for a non dataset that does not have Id column
+ var byPassId = models[0].store.sectionCfg.extraProperties.BY_PASS_ANIMAL_ID;
+ if (byPassId || byPassId === 'true')
+ return;
+
+ var id = models[0].get('Id');
+ this.fireEvent('animalchange', id);
+ },
+
onStoreValidation: function(store, record){
var key = store.storeId + '||' + record.internalId;
diff --git a/ehr/resources/web/ehr/lib/classify.js b/ehr/resources/web/ehr/lib/classify.js
deleted file mode 100644
index a51fb42c8..000000000
--- a/ehr/resources/web/ehr/lib/classify.js
+++ /dev/null
@@ -1,98 +0,0 @@
-define([], function() {
- var Classify = Classify || {};
-
- Classify.newClass = function(config) {
- var newObject = function(constructorConfig) {
- var self = this;
-
- // First, call the parent constructor, if one exists.
- if (('parent' in this) && ('_innerConstructor' in this.parent)) {
- this.parent._innerConstructor.call(this, constructorConfig);
- }
-
- // Now, call the passed in constructor for this object
- if ('_innerConstructor' in this) {
- this._innerConstructor.call(this, constructorConfig);
- }
-
- // Only support computed methods if knockout has been loaded
- if (!_.isUndefined(ko)) {
- jQuery.each(self._ko_computeds, function (key, value) {
- if (typeof value === 'function') {
- var wrappedMethod = function () {
- var returnVal;
- try {
- returnVal = value.call(self, arguments);
- }
- catch (err) {
- return undefined;
- }
- return returnVal;
- };
- self[key] = ko.computed(wrappedMethod, self);
- }
- });
- }
- };
-
- // Apply the parent
- if ('parent' in config) {
- newObject.prototype = Object.create(config.parent.prototype);
- newObject.prototype.parent = Object.create(config.parent.prototype);
- }
-
- // Define the constructor
- newObject.prototype.constructor = newObject;
- if (typeof config.constructor === 'function') {
- newObject.prototype._innerConstructor = config.constructor;
- }
-
- // Handle computed methods, including merging with parent computed methods.
- var computeds = {};
- if ('computeds' in config) {
- computeds = config.computeds;
- }
- if (('parent' in newObject.prototype) && ( '_ko_computeds' in newObject.prototype.parent )) {
- computeds = _.extend(newObject.prototype.parent._ko_computeds, computeds);
- }
- newObject.prototype._ko_computeds = computeds;
-
- // Give the prototype a method to add methods and add it to the new object directly, so that it
- // can be accessed later in this function.
- newObject.addMethod = function(name, method) {
- this.prototype[name] = method;
- };
- newObject.prototype.addMethod = newObject.addMethod;
-
- // Add all of the configured methods to the object prototype.
- if ('methods' in config) {
- jQuery.each(config.methods, function(key, value) {
- newObject.addMethod(key, value);
- });
- }
-
- return newObject;
- };
-
- Classify.IInterfacify = Classify.newClass({
- constructor: function(config) {
- //TODO: Implement a requiement property for the config object, to allow
- // Interfaces to specify methods or properties that they need.
- },
- methods: {
- applyTo: function(thingToInterfacify) {
- var self = this;
-
- /* Apply all the properties of this interface to the new object */
- jQuery.each(_.keys(self), function(index, property) {
- // TODO: Add error checking/warning to see if we're clobbering anything on the object
- if ( (!property.match(/^_/)) && (property !== 'applyTo') ) {
- thingToInterfacify.prototype[property] = self[property];
- }
- });
- }
- }
- });
-
- return Classify;
-});
\ No newline at end of file
diff --git a/ehr/resources/web/ehr/lib/knockout-mapping.js b/ehr/resources/web/ehr/lib/knockout-mapping.js
deleted file mode 100644
index 4ffc7225d..000000000
--- a/ehr/resources/web/ehr/lib/knockout-mapping.js
+++ /dev/null
@@ -1,809 +0,0 @@
-/// Knockout Mapping plugin v2.4.1
-/// (c) 2013 Steven Sanderson, Roy Jacobs - http://knockoutjs.com/
-/// License: MIT (http://www.opensource.org/licenses/mit-license.php)
-(function (factory) {
- // Module systems magic dance.
-
- if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
- // CommonJS or Node: hard-coded dependency on "knockout"
- factory(require("knockout"), exports);
- } else if (typeof define === "function" && define["amd"]) {
- // AMD anonymous module with hard-coded dependency on "knockout"
- define(["knockout", "exports"], factory);
- } else {
- // -
- *
- any {@link Ext.data.Store Store} subclass - *
- an Array : Arrays will be converted to a
- * {@link Ext.data.ArrayStore} internally. - *
-
- *
- 1-dimensional array : (e.g., ['Foo','Bar'])A 1-dimensional array will automatically be expanded - * (each array item will be the combo {@link #valueField value} and - * {@link #displayField text})
- *
- 2-dimensional array : (e.g.,
- * [['f','Foo'],['b','Bar']])For a - * multi-dimensional array, the value in index 0 of each item will be - * assumed to be the combo {@link #valueField value}, while the value at - * index 1 is assumed to be the combo {@link #displayField text}.
- *
- * - 1-dimensional array : (e.g., ['Foo','Bar'])