<?xml version="1.0" encoding="utf-8"?>
<!-- LogEntryEditor.mxml -->

<mx:VBox
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:widget="gov.va.med.edp.widget.*"
	xmlns:log="gov.va.med.edp.view.log.*"
	xmlns:accessibility="flash.accessibility.*"
	currentState="{model.logEntryViewState}" 
	keyDown="keyHandler(event)" >

	<mx:states>
		<mx:State name="Message" enterState="initMessageState()" >
			<mx:RemoveChild target="{patientBar}" />
			<mx:RemoveChild target="{entryForm}" />
			<mx:RemoveChild target="{btnArea}" />
			<mx:AddChild>
				<mx:Canvas id="msgArea" width="100%" height="100%" >
					<mx:TextArea
						id="txtMsg"
						accessibilityProperties="{accMsg}"
						text="{model.logEdit.message}"
						tabIndex="99"
						restrict="*~_"
						horizontalCenter="0" verticalCenter="0" textAlign="center"
						styleName="accessibleControlLabel" />
				</mx:Canvas>
			</mx:AddChild>
		</mx:State>
		<mx:State name="EditClosed" enterState="initEditState()" >
			<mx:AddChild relativeTo="{entryForm}" position="after">
				<log:DiagnosesFreeText width="100%" paddingBottom="18" />
			</mx:AddChild>
		</mx:State>
		<mx:State name="EditClosedCoded" enterState="initEditState()" >
			<mx:AddChild relativeTo="{entryForm}" position="after">
				<log:DiagnosesCoded width="100%" paddingBottom="18" />
			</mx:AddChild>
		</mx:State>
		<mx:State name="SignIn" enterState="initEditState()" >
			<mx:RemoveChild target="{longComplaintItem}" />
			<mx:RemoveChild target="{acuityItem}" />
			<mx:RemoveChild target="{clinicItem}" />
			<mx:RemoveChild target="{statusItem}" />
			<mx:RemoveChild target="{providerItem}" />
			<mx:RemoveChild target="{residentItem}" />
			<mx:RemoveChild target="{nurseItem}" />
			<mx:RemoveChild target="{commentItem}" />
			<mx:RemoveChild target="{dispositionItem}" />
			<mx:RemoveChild target="{delayItem}" />
			<mx:RemoveChild target="{timeInItem}" />
			<mx:RemoveChild target="{timeOutItem}" />
		</mx:State>
		<mx:State name="Triage" enterState="initEditState()">
			<mx:RemoveChild target="{commentItem}" />
			<mx:RemoveChild target="{dispositionItem}" />
			<mx:RemoveChild target="{delayItem}" />
			<mx:RemoveChild target="{timeInItem}" />
			<mx:RemoveChild target="{timeOutItem}" />			
		</mx:State>
		<mx:State name="Update" enterState="initEditState()" >
			<mx:RemoveChild target="{complaintItem}" />
			<mx:RemoveChild target="{longComplaintItem}" />
			<mx:RemoveChild target="{acuityItem}" />
			<mx:RemoveChild target="{clinicItem}" />
			<mx:RemoveChild target="{arrivalItem}" />
			<mx:RemoveChild target="{dispositionItem}" />
			<mx:RemoveChild target="{delayItem}" />
			<mx:RemoveChild target="{timeInItem}" />
			<mx:RemoveChild target="{timeOutItem}" />			
		</mx:State>
		<mx:State name="UpdateNoRes" basedOn="Update" enterState="initEditState()" >
			<mx:RemoveChild target="{residentItem}" />
		</mx:State>
		<mx:State name="DispDelay" enterState="initEditState()" >
			<mx:RemoveChild target="{complaintItem}" />
			<mx:RemoveChild target="{longComplaintItem}" />
			<mx:RemoveChild target="{acuityItem}" />
			<mx:RemoveChild target="{clinicItem}" />
			<mx:RemoveChild target="{arrivalItem}" />
			<mx:RemoveChild target="{nurseItem}" />
			<mx:RemoveChild target="{commentItem}" />
			<mx:RemoveChild target="{timeInItem}" />
			<mx:RemoveChild target="{timeOutItem}" />
			<mx:AddChild relativeTo="{entryForm}" position="after" creationPolicy="all">
				<log:DiagnosesFreeText id="diagnosesFreeText" width="100%" paddingBottom="18" />
			</mx:AddChild>
			<mx:AddChild relativeTo="{btnArea}" position="firstChild" >
				<mx:Button
					label="Save &amp; Remove from Board"
					enabled="{model.logEdit.entry.removeReady}"
					click="removeEntry()" tabIndex="1899"/>
			</mx:AddChild>
		</mx:State>
		<mx:State name="DispDelayCoded" basedOn="DispDelay" enterState="initEditState()" >
			<mx:RemoveChild target="{diagnosesFreeText}" />
			<mx:AddChild relativeTo="{entryForm}" position="after" creationPolicy="all">
				<log:DiagnosesCoded id="diagnosesCoded" width="100%" paddingBottom="18" />
			</mx:AddChild>
		</mx:State>
	</mx:states>
	
	<mx:Script>
	<![CDATA[
		import gov.va.med.edp.util.AccessibilityTools;
        import gov.va.med.edp.pt.demog.model.MatchingPatientsModel;
        import gov.va.med.edp.pt.demog.model.PatientChecksModel;
        import gov.va.med.edp.pt.demog.IPatientChecksController;
        import gov.va.med.edp.widget.InfoDialog;
        import mx.controls.TextArea;
        import gov.va.med.edp.control.RemoveLogEntryEvent;
        import gov.va.med.edp.vo.LogEntryVO;
        import mx.validators.Validator;

        import gov.va.med.edp.control.TrackingEvent;
        import gov.va.med.edp.model.TrackingModelLocator;
        import gov.va.med.edp.util.ChangeWatcher;

        [Bindable]
        public var ptChecksController:IPatientChecksController;

        [Bindable]
        public var patientChecksModel:PatientChecksModel;

        [Bindable]
        private var model: TrackingModelLocator = TrackingModelLocator.getInstance();

        [Bindable]
        private var _showDelay: Boolean = false;  // shows delay if edit closed or server rejects due to delay missing

        private var _validators: Array;
        private var _txtMsg: TextArea;

        private function initMessageState(): void
        {
            if (AccessibilityTools.isAccessibilityActive()) {
                callLater(txtMsg.setFocus);
            } else {
                txtMsg.editable = false;
            }
        }

        private function initEditState(): void
        {
            // reCalc Widths
            var item: FormItem;
            var minWidth: int = 30;
            var newWidth: int;

            for (var i: int = 0; i < entryForm.numChildren; i++) {
                item = entryForm.getChildAt(i) as FormItem;
                newWidth = item.measureText(item.label + "M").width;
                if (newWidth > minWidth) {
                    minWidth = newWidth;
                }
            }
            entryForm.setStyle("labelWidth", minWidth);

            // set up validators
            switch (model.appViewState) {
                case TrackingModelLocator.VIEW_APP_SIGN_IN:
                    _validators = [complaintValid, bedValid];
                    break;
                case TrackingModelLocator.VIEW_APP_TRIAGE:
                    _validators = [complaintValid, bedValid, acuityValid, clinicValid];
                    break;
                case TrackingModelLocator.VIEW_APP_EDIT_CLOSED:
                    _validators = [complaintValid, bedValid, acuityValid, providerValid];
                    if (model.logEditParams.requireDisposition) {
                        _validators.push(dispositionValid)
                    };
                    if (model.logEditParams.requireDelay) {
                        _validators.push(delayValid)
                    };
                    _showDelay = true;  // always show delay prompt for edit closed
                    break;
                default:
                    _validators = [];
                    break;
            }
            if (model.logEdit.entry != null) {
            	// must call later to give a chance for the bound controls to get set
            	this.callLater(validateOnLoad);
            }
        }
		
        private function saveIfValid(): void
        {
            var results: Array = Validator.validateAll(_validators);

            if (results.length == 0) {
                // save record if validators passed
                var e: TrackingEvent = new TrackingEvent(TrackingEvent.EVENT_SAVE_LOG_ENTRY);
                e.dispatch();
            } else {
                var msg: String = "The following must be satisfied before saving:\n";
                for (var i: int = 0; i < results.length; i++) {
                    msg += results[i].target.source.id + "\n";
                }
                InfoDialog.show(msg);
                if (msg.indexOf("delay") > -1) {
                    _showDelay = true;
                }
            }
        }

        public function cancelEdit(): void
        {
            if (model.logEdit.entry.isStub) {
                var eDelete: TrackingEvent = new TrackingEvent(TrackingEvent.EVENT_DELETE_STUB_ENTRY);
                eDelete.dispatch();
            } else {
                var eCancel: TrackingEvent = new TrackingEvent(TrackingEvent.EVENT_CANCEL_EDIT);
                eCancel.dispatch();
            }
        }

        private function removeEntry(): void
        {
            var removeEvent: RemoveLogEntryEvent =
                    new RemoveLogEntryEvent(RemoveLogEntryEvent.EVENT_REMOVE_LOG_ENTRY);
            removeEvent.dispatch();
        }

        private function set currentEntry(entry: LogEntryVO): void
        {
            if (entry == null) return;

            //make sure that outTS is disabled for the patients that are still active.
            //This could potentially mess up data for the active listed patients on the board
            //if someone assigned them an outTS while they still haven't been discharged..
            if (!entry.closed) {
                outTS.selectedDate = null;
                outTS.enabled = false;
                outTS.toolTip = "The patient needs to be discharged first to make this field active."
            } else {
                outTS.enabled = true;
                outTS.toolTip = "";
            }
            // init _showDelay to false unless we're in edit closed
            // (usually the model will say whether we need delay reason
            _showDelay = (model.appViewState == TrackingModelLocator.VIEW_APP_EDIT_CLOSED);

			if (model.logEditParams.promptClinics && (entry.visit == 0)) {
				clinicItem.visible = true;
				clinicItem.includeInLayout = true;
			} else {
				clinicItem.visible = false;
				clinicItem.includeInLayout = false;
			}
        }

        private function set patientSelectionComplete(isDone: Boolean): void
        {
            if (isDone) {
                // get JAWS to the first prompt after adding a new patient
                //this.callLater(complaint.setFocus);
                this.callLater(complaint.setFocus);
                //var fi: FormItem = entryForm.getChildAt(0) as FormItem;
                //trace("first child", fi.tabChildren);
            }
        }

        private function validateOnLoad(): void
        {
            // must set the errorString to null to get the red border to reset
            complaint.errorString = "";
            longComplaint.errorString = "";
            comment.errorString = "";
            bed.errorString = "";
            acuity.errorString = ""
            provider.errorString = "";
            disposition.errorString = "";
            delay.errorString = "";
            clinic.errorString = "";
            Validator.validateAll(_validators);
        }

        private function keyHandler(e:KeyboardEvent): void
        {
            if (e.keyCode == Keyboard.ESCAPE) {
                cancelEdit();
            }
        }
	]]>
	</mx:Script>
	
	<log:PatientHeaderBar id="patientBar" width="100%" ptChecksController="{ptChecksController}"
                          patientChecksModel="{patientChecksModel}"/>

	<mx:Form id="entryForm" width="100%">

		<mx:FormItem
			id="complaintItem"
			label="Complaint for Display Board"
			width="100%" >
			<mx:Canvas width="100%">
				<mx:TextInput
					id="complaint"
					text="{model.logEdit.entry.complaint}"
					change="ChangeWatcher.changeField(event)"
					left="0" right="0"
					styleName="formField" tabIndex="1100"/>
			</mx:Canvas>
		</mx:FormItem>
		
		<mx:FormItem
			id="longComplaintItem"
			label="Long Complaint (optional)"
			width="100%" >
			<mx:Canvas width="100%" >
				<mx:TextInput
					id="longComplaint"
					text="{model.logEdit.entry.longComplaint}"
					change="ChangeWatcher.changeField(event)"
					left="0" right="0"
					styleName="formField" tabIndex="1101"/>
			</mx:Canvas>
		</mx:FormItem>
		
		<mx:FormItem
			id="bedItem" width="100%"
			label="Room / Area" >
			<widget:ValueComboBox
				id="bed"
				dataProvider="{model.logEdit.beds}"
				value="{model.logEdit.entry.bed}"
				change="ChangeWatcher.changeField(event)"
				rowCount="20"
				styleName="formField" tabIndex="1102"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="acuityItem" width="100%"
			label="Acuity" >
			<widget:ValueComboBox
				id="acuity"
				dataProvider="{model.logEdit.acuities}"
				value="{model.logEdit.entry.acuity}"
				change="ChangeWatcher.changeField(event)"
				rowCount="{model.logEdit.acuities.length}"
				styleName="formField" tabIndex="1103"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="statusItem" width="100%"
			label="Status" >
			<widget:ValueComboBox
				id="status"
				dataProvider="{model.logEdit.statuses}"
				value="{model.logEdit.entry.status}"
				change="ChangeWatcher.changeField(event)"
				rowCount="{model.logEdit.statuses.length}"
				styleName="formField" tabIndex="1104"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="providerItem" width="100%"
			label="Provider" >
			<widget:ValueComboBox
				id="provider"
				dataProvider="{model.logEdit.providers}"
				value="{model.logEdit.entry.provider}"
				change="ChangeWatcher.changeField(event)"
				rowCount="12"
				styleName="formField" tabIndex="1105"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="residentItem" width="100%"
			label="Resident" >
			<widget:ValueComboBox
				id="resident"
				dataProvider="{model.logEdit.residents}"
				value="{model.logEdit.entry.resident}"
				change="ChangeWatcher.changeField(event)"
				rowCount="12"
				styleName="formField" tabIndex="1106"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="nurseItem" width="100%"
			label="Nurse" >
			<widget:ValueComboBox
				id="nurse"
				dataProvider="{model.logEdit.nurses}"
				value="{model.logEdit.entry.nurse}"
				change="ChangeWatcher.changeField(event)"
				rowCount="12"
				styleName="formField" tabIndex="1107"/>
		</mx:FormItem>
	
		<mx:FormItem
			id="commentItem"
			label="Comments"
			width="100%" >
			<mx:Canvas width="100%">
				<mx:TextInput
					id="comment"
					text="{model.logEdit.entry.comment}"
					change="ChangeWatcher.changeField(event)"
					right="0" left="0"
					styleName="formField" tabIndex="1108"/>
			</mx:Canvas>
		</mx:FormItem>
			
		<mx:FormItem
			id="arrivalItem" width="100%"
			label="Source" >
			<widget:ValueComboBox
				id="arrival"
				dataProvider="{model.logEdit.arrivals}"
				value="{model.logEdit.entry.arrival}"
				change="ChangeWatcher.changeField(event)"
				rowCount="{model.logEdit.arrivals.length}"
				styleName="formField" tabIndex="1109"/>
		</mx:FormItem>

		<mx:FormItem
			id="clinicItem" width="100%"
			label="Clinic" >
			<widget:ValueComboBox
				id="clinic"
				dataProvider="{model.logEdit.clinics}"
				value="{model.logEdit.entry.clinic}"
				change="ChangeWatcher.changeField(event)"
				rowCount="{model.logEdit.clinics.length}"
				styleName="formField" tabIndex="1110"/>
		</mx:FormItem>
				
		<mx:FormItem
			id="dispositionItem" width="100%"
			label="Disposition" >
			<widget:ValueComboBox
				id="disposition"
				dataProvider="{model.logEdit.dispositions}"
				value="{model.logEdit.entry.disposition}"
				change="ChangeWatcher.changeField(event)"
				rowCount="{model.logEdit.dispositions.length}"
				styleName="formField" tabIndex="1111"/>
		</mx:FormItem>		
		
		<mx:FormItem
			id="delayItem" width="100%"
			visible="{(_showDelay || model.logEdit.entry.requireDelay)}"
			label="Delay Reason">
			<widget:ValueComboBox
				id="delay"
				dataProvider="{model.logEdit.delays}"
				value="{model.logEdit.entry.delay}"
				change="ChangeWatcher.changeField(event)"
				rowCount="{model.logEdit.delays.length}"
				styleName="formField" tabIndex="1112"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="timeInItem" width="100%"
			label="Time In">
			<widget:DateTimeChooser
			id="inTS"
			tabEnabled="true" 
			dateType="Time In"
			selectedDate="{model.logEdit.entry.inTS}"
			change="ChangeWatcher.changeField(event)"
			styleName="formField" tabIndexBase="1113"/>
		</mx:FormItem>
		
		<mx:FormItem
			id="timeOutItem" width="100%"
			label="Time Out">
			<widget:DateTimeChooser 
			id="outTS"
			tabEnabled="true" 
			dateType="Time Out"
			selectedDate="{model.logEdit.entry.outTS}"
			change="ChangeWatcher.changeField(event)"
			styleName="formField" tabIndexBase="1114"/>
		</mx:FormItem>		
				
	</mx:Form>
	
	<mx:Canvas id="btnArea" width="100%" >
		<mx:Button
			id="cancel"
			label="Cancel"
			enabled="{model.logEdit.dirty}"
			click="cancelEdit()"
			right="{save.width + 12}" tabIndex="1900"/>
		<mx:Button
			id="save"
			label="Save"
            enabled="{model.logEdit.dirty}"
            click="saveIfValid()"
			right="6" tabIndex="1901"/>
	</mx:Canvas>

	<mx:StringValidator
		id="complaintValid"
		source="{complaint}" property="text"
		maxLength="50" required="true" />
	<mx:StringValidator
		id="longCompValid"
		source="{longComplaint}" property="text"
		maxLength="220" required="false" />
	<mx:StringValidator
		id="commentValid"
		source="{comment}" property="text"
		maxLength="80" required="false" />
	<mx:NumberValidator
		id="bedValid"
		source="{bed}" property="selectedIndex"
		minValue="1" required="true" lowerThanMinError="A room must be selected." />
	<mx:NumberValidator
		id="acuityValid"
		source="{acuity}" property="selectedIndex"
		minValue="1" required="true" lowerThanMinError="An acuity must be selected." />
	<mx:NumberValidator
		id="providerValid"
		source="{provider}" property="selectedIndex"
		minValue="1" required="true" lowerThanMinError="A provider must be selected." />
	<mx:NumberValidator
		id="clinicValid"
		source="{clinic}" property="selectedIndex"
		minValue="1"
		required="{(model.logEditParams.promptClinics &amp;&amp; (model.logEdit.entry.visit == 0))}"
		lowerThanMinError="A clinic must be selected." />
	<mx:NumberValidator
		id="dispositionValid" 
		source="{disposition}" property="selectedIndex"
		minValue="1" required="{model.logEdit.entry.requireDisposition}" lowerThanMinError="A disposition must be selected." />
	<mx:NumberValidator
		id="delayValid"
		source="{delay}" property="selectedIndex"
		minValue="1" required="{model.logEdit.entry.requireDelay}" lowerThanMinError="A delay reason must be selected." />
					
	<accessibility:AccessibilityProperties id="accMsg" name="Info Status Message" />
	
	<!-- bind to this so we know when the entry changes -->
	<mx:Binding source="model.logEdit.entry" destination="currentEntry" />
	<mx:Binding source="model.logEdit.patientSelected" destination="patientSelectionComplete" />
</mx:VBox>