Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form action=""
- method="post"
- name="vm.medication"
- id="vm.medication"
- viewtype="dataentry"
- fhform=""
- class="text-left medication-form"
- autocomplete="off"
- novalidate="true"
- reset-directive="formData"
- submit-valid>
- <!-- Row 1: No known, Name, Specify, Strength -->
- <div class="row">
- <element-container ng-if="!vm.hasHistory && !vm.hasMedicationRecords"
- el="vm.medication.noknown"
- class="medium-4 columns">
- <element change="vm.updateNoKnown"
- tpl="toggle"
- label="No Known"
- model="noknown"
- form-data="vm.formData"></element>
- </element-container>
- </div>
- <div class="row">
- <div field-container=""
- class="medium-4 columns"
- ng-class="{'error':vm.medication.name.$isInvalid}"
- ng-if="(!vm.cfgMedicationList || vm.cfgMedicationList.length == 0 || vm.mode != 'edit')">
- <label ng-class="{ 'required': !vm.formData.noknown }">
- <span class="formlabel">Name</span>
- <input name="name"
- type="text"
- field
- ng-required="!vm.formData.noknown"
- ng-model="vm.formData.name"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}" />
- <validation-message for="name"></validation-message>
- </label>
- </div>
- <element-container ng-if="vm.cfgMedicationList && vm.cfgMedicationList.length !== 0 && vm.mode == 'edit'"
- el="vm.medication.name"
- class="medium-4 columns">
- <element tpl="select"
- custom-order="vm.customOrder"
- label="Name"
- select-options="vm.cfgMedicationList"
- model="name"
- form-data="vm.formData"
- fh-disabled="vm.noDrxRecord"
- req="!vm.formData.noknown"></element>
- </element-container>
- <div class="medium-4 columns"
- ng-if="vm.formData.name == 'Other' && vm.cfgMedicationList.length !== 0"
- ng-class="{'error':vm.medication.n.$isInvalid}"
- field-container="">
- <label ng-class="{ 'required': !vm.formData.noknown }">
- <span class="formlabel">Specify</span>
- <input name="specify"
- type="text"
- field
- ng-required="!vm.formData.noknown"
- ng-model="vm.formData.specify"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}" />
- <validation-message for="specify"></validation-message>
- </label>
- </div>
- <div class="medium-4 columns"
- field-container=""
- ng-class="{'error':vm.medication.n.$isInvalid}">
- <label ng-class="{ 'required': (vm.formData.strengthUnit || vm.requiredStrengthUnit) && !vm.formData.noknown }">
- <span class="formlabel">Strength</span>
- <div class="medication-form-row">
- <input name="strengthQuantity"
- class="medium-3 small-2 inline-column strength-quantity columns"
- type="text"
- field
- ng-pattern="/^[0-9 \&\(\)\%\^\#\+\.\-\/]{0,10}$/"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-required="(vm.formData.strengthUnit || vm.requiredStrengthUnit) && !vm.formData.noknown"
- ng-model="vm.formData.strength" />
- <input name="strengthUnit"
- class="medium-8 strength-unit small-9 inline-column column"
- type="text"
- field
- placeholder="Unit"
- style="width: 100%;float: none;margin-left: 10px;display: inline-block;"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-required="(vm.formData.strength || vm.requiredStrengthUnit) && !vm.formData.noknown"
- ng-model="vm.formData.strengthUnit" />
- </div>
- <validation-message for="strengthQuantity"
- pattern="Invalid strength, please enter numeric measures only"></validation-message>
- <validation-message for="strengthUnit"></validation-message>
- </label>
- </div>
- </div>
- <!-- Row 2: Start date, start time, selfadministering -->
- <div class="row">
- <div class="medium-4 columns"
- ng-class="{'error':vm.formData.startDate.$isInvalid}"
- field-container="">
- <label class="required">
- <span class="formlabel">Start Date</span>
- <input name="startDate"
- type="date"
- ng-required="!vm.formData.noknown"
- ng-model="vm.formData.startDate"
- fh-max="vm.maxStartDate"
- fh-disabled="{{vm.noDrxRecord || vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- ng-change="vm.updateMinEndDate()"
- field />
- <validation-message for="startDate"
- fhmax="Medication Start date cannot be more than 30 days in the future"></validation-message>
- </label>
- </div>
- <div class="medium-4 columns"
- ng-class="{'error':vm.formData.startTime.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">Start Time</span>
- <input name="startTime"
- type="time"
- field
- ng-model="vm.formData.startTime"
- fh-disabled="{{vm.formData.noknown}}"
- placeholder="HH:MM AM/PM" />
- <validation-message for="startTime"></validation-message>
- </label>
- </div>
- <element-container ng-if="vm.displaySelfAdministering"
- el="vm.medication.selfadministering"
- class="medium-2 columns">
- <element tpl="toggle"
- label="Self-Administering"
- model="selfadministering"
- form-data="vm.formData"
- fh-disabled="vm.formData.noknown"></element>
- </element-container>
- </div>
- <div class="row">
- <div class="medium-4 columns"
- ng-class="{'error':vm.formData.endDate.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">End Date</span>
- <input name="endDate"
- type="date"
- field
- ng-model="vm.formData.endDate"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- fh-min="vm.minEndDate" />
- <validation-message for="endDate"
- fhmin="{{ 'Date must be on or after ' + (vm.minEndDate | fhdate) }}"></validation-message>
- </label>
- </div>
- <div ng-if="vm.isOnPrescriptFields('endtime') && vm.formData.endDate"
- class="medium-4 columns"
- ng-class="{'error':vm.formData.endTime.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">End Time</span>
- <input name="endTime"
- type="time"
- field
- ng-model="vm.formData.endTime"
- fh-disabled="{{vm.formData.noknown || !vm.formData.endDate}}"
- placeholder="HH:MM AM/PM" />
- <validation-message for="endTime"></validation-message>
- </label>
- </div>
- <element-container ng-if="vm.isOnPrescriptFields('estimated-end-date') && vm.formData.endDate"
- el="vm.medication.endDateIsEstimate"
- class="medium-2 columns">
- <element fh-disabled="vm.formData.noknown || !vm.formData.endDate"
- tpl="toggle"
- label="Estimated End Date"
- model="endDateIsEstimate"
- form-data="vm.formData"></element>
- </element-container>
- </div>
- <p ng-if="vm.mode != 'view' && vm.mode != 'print'"
- style="text-align: center; margin-top: 10px; margin-bottom: 5px;">Dosage
- and Frequency are not required if sig is entered.</p>
- <div class="row">
- <div ng-if="!(vm.mode != 'edit' && vm.formData.sig && !vm.formData.doseUnitQuantity && !vm.formData.dosage)"
- class="medium-4 columns"
- field-container=""
- ng-class="{'error':vm.medication.n.$isInvalid}">
- <label ng-class="{'required': ((!vm.formData.dosage && !!vm.formData.doseUnitQuantity) || (!!vm.formData.dosage && !vm.formData.doseUnitQuantity) || !vm.formData.sig) && !vm.formData.noknown }">
- <span class="formlabel">Dosage</span>
- <div class="medication-form-row">
- <input name="doseUnitQuantity"
- class="medium-3 small-2 inline-column strength-quantity columns"
- field=""
- type="number"
- min="1"
- ng-min="1"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-required="(vm.formData.dosage || !vm.formData.sig) && !vm.formData.noknown"
- ng-model="vm.formData.doseUnitQuantity" />
- <select name="dosage"
- field
- style="float: none; margin-left: 19px;"
- fh-blankoption="true"
- ng-options="o as o for o in vm.cfgdoseunitqtys"
- class="medium-8 strength-unit small-9 inline-column column"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-required="(vm.formData.doseUnitQuantity || !vm.formData.sig) && !vm.formData.noknown"
- ng-model="vm.formData.dosage">
- <option value=""></option>
- </select>
- </div>
- <validation-message for="dosage"></validation-message>
- <validation-message min="Enter a number equal to or greater than 1."
- for="doseUnitQuantity"></validation-message>
- </label>
- </div>
- <div ng-if="!(vm.mode != 'edit' && vm.formData.sig && !vm.formData.frequency && !vm.formData.frequencyInterval) "
- class="medium-4 columns"
- field-container=""
- ng-class="{'error':vm.medication.n.$isInvalid}">
- <label ng-class="{'required': ((!vm.formData.frequency && !!vm.formData.frequencyInterval) || (!!vm.formData.frequency && !vm.formData.frequencyInterval) || !vm.formData.sig) && !vm.formData.noknown }">
- <span class="formlabel">Frequency</span>
- <div class="row medication-form-row"
- style="display: flex;flex-direction: row">
- <select name="frequency"
- field
- ng-if="vm.formData.frequencyInterval !== 'As Needed'"
- class="8 medium-8 strength-unit small-9 inline-column columns right ng-scope"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-required="(vm.formData.frequencyInterval || !vm.formData.sig) && !vm.formData.noknown"
- ng-model="vm.formData.frequency">
- <option value=""></option>
- <option label="{{i}}"
- value="{{i}}"
- ng-repeat="i in vm.frequencyIntervalOptions">{{i}}</option>
- </select>
- <span ng-if="vm.formData.frequencyInterval !== 'As Needed'"
- style="display: inline-block;width: 70px;padding: 0 10px;vertical-align: middle;line-height: 30px;">x
- per</span>
- <select name="frequencyInterval"
- field=""
- ng-options="o as o for o in vm.frequencyIntervalConfig"
- class="8 medium-8 strength-unit small-9 inline-column columns right ng-scope"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-required="(vm.formData.frequency || !vm.formData.sig) && !vm.formData.noknown"
- ng-model="vm.formData.frequencyInterval">
- <option value=""></option>
- </select>
- </div>
- <validation-message ng-if="vm.formData.frequencyInterval !== 'As Needed'"
- for="frequency"></validation-message>
- <validation-message for="frequencyInterval"></validation-message>
- </label>
- </div>
- <div class="medium-4 columns"
- field-container="">
- <label ng-class="{'required': vm.requiredSig }">
- <span class="formlabel">SIG</span>
- <input name="sig"
- type="text"
- field=""
- ng-required="vm.requiredSig && !vm.formData.noknown"
- ng-model="vm.formData.sig"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}" />
- <validation-message for="sig"></validation-message>
- </label>
- </div>
- </div>
- <div class="row">
- <div class="large-12 medium-12 columns"
- field-container="">
- <label ng-class="{ 'required': vm.requiredInstructions }">
- <span class="formlabel">Instructions</span>
- <textarea name="specialInstructions"
- type="text"
- field=""
- ng-required="vm.requiredInstructions && !vm.formData.noknown"
- ng-model="vm.formData.specialInstructions"
- fh-disabled="{{vm.formData.noknown}}"></textarea>
- <validation-message for="specialInstructions"></validation-message>
- </label>
- </div>
- </div>
- <div class="row">
- <div ng-if="vm.isOnPrescriptFields('clock-times')"
- class="medium-4 columns"
- ng-class="{'error':vm.formData['clock-times'].$isInvalid}"
- field-container="">
- <label ng-class="{'required': vm.requiredScheduledTimes }">
- <span class="formlabel">Scheduled Times <span ng-if="vm.mode !== 'view'">(Press Tab to add multiple)</span></span>
- <ui-select name="clockTimes"
- field
- multiple
- tagging
- tagging-label="false"
- type="time"
- ng-model="vm.formData.clockTimes"
- theme="bootstrap"
- sortable="true"
- close-on-select="false">
- <ui-select-match placeholder="hh:mm (AM|PM)">{{$item | timeFormat}}</ui-select-match>
- <ui-select-choices position="down"
- repeat="date in [] | filter: {name: $select.search}">
- {{date}}
- </ui-select-choices>
- </ui-select>
- <validation-message for="clock-times"></validation-message>
- </label>
- </div>
- <div class="medium-4 columns"
- ng-class="{'error':vm.formData.details.$isInvalid}">
- <label class="no-search"
- ng-class="{'required':vm.formData.details.$required}">
- <span class="formlabel">Medication Details</span>
- <ui-select field
- multiple
- class="multiple-select-wrapper"
- ng-disabled="vm.noEditable || vm.formData.noknown"
- ng-model="vm.formData.details"
- theme="bootstrap"
- sortable="true"
- close-on-select="false">
- <ui-select-match>{{$item}}</ui-select-match>
- <ui-select-choices position="down"
- repeat="item in vm.medicationDetetailsConf">
- {{item}}
- </ui-select-choices>
- </ui-select>
- <validation-message for="details"></validation-message>
- </label>
- </div>
- <element-container ng-if="vm.isOnPrescriptFields('medsroute')"
- el="vm.medication.medsroute"
- class="medium-4 columns">
- <element fh-blankoption="true"
- fh-disabled="vm.noEditable || vm.formData.noknown"
- tpl="select"
- label="Route"
- select-options="vm.routeOptions"
- model="medsroute"
- form-data="vm.formData"
- req="!vm.formData.noknown && vm.requiredRoute">
- </element>
- </element-container>
- </div>
- <div class="row">
- <element-container ng-if="vm.isOnPrescriptFields('drug_type')"
- el="vm.medication.drugType"
- class="medium-4 columns">
- <element fh-blankoption="true"
- tpl="select"
- req="!vm.formData.noknown && vm.requiredDrugType"
- fh-disabled="vm.noEditable || vm.formData.noknown"
- label="Drug Type"
- select-options="vm.drugTypeOptions"
- model="drugType"
- form-data="vm.formData"></element>
- </element-container>
- <element-container el="vm.medication.type"
- class="medium-4 columns">
- <element fh-blankoption="true"
- req="vm.requiredRxOtc"
- tpl="select"
- label="Rx/OTC"
- fh-disabled="vm.noEditable || vm.formData.noknown"
- select-options="vm.rxOTCOptions"
- model="type"
- form-data="vm.formData"></element>
- </element-container>
- </div>
- <div class="row">
- <div ng-if="vm.isOnPrescriptFields('scriptnum')"
- class="medium-4 columns"
- field-container="">
- <label>
- <span class="formlabel">Rx #</span>
- <input name="scriptNumber"
- type="text"
- field=""
- ng-model="vm.formData.scriptNumber"
- fh-disabled="{{vm.noDrxRecord || vm.formData.noknown}}" />
- <validation-message for="scriptNumber"></validation-message>
- </label>
- </div>
- <div ng-if="vm.isOnPrescriptFields('expirationdate')"
- class="medium-4 columns"
- ng-class="{'error':vm.formData.expirationDate.$isInvalid}"
- field-container="">
- <label ng-class="{ 'required': vm.requiredExpirationDate && !vm.formData.noknown }">
- <span class="formlabel">Medication Expiration Date</span>
- <input name="expirationDate"
- type="date"
- ng-required="vm.requiredExpirationDate && !vm.formData.noknown"
- ng-model="vm.formData.expirationDate"
- fh-disabled="{{vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- fh-min="vm.formData.startDate"
- field="" />
- <validation-message for="expirationDate"
- fhmin="{{ 'Date must be on or after ' + (vm.formData.startDate | fhdate) }}"></validation-message>
- </label>
- </div>
- </div>
- <div class="row">
- <div class="medium-4 columns"
- field-container="">
- <label>
- <span class="formlabel"># Refills</span>
- <input name="scriptRefills"
- class="medium-4 small-2 columns"
- type="number"
- ng-max="999"
- ng-min="0"
- field=""
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-model="vm.formData.scriptRefills" />
- <validation-message for="scriptRefills"
- min="Please enter a valid number (0-999)"
- max="Please enter a number less than 999"
- number="">
- </validation-message>
- </label>
- </div>
- <div class="medium-4 columns"
- field-container=""
- ng-class="{'error':vm.medication.scriptQty.$isInvalid}">
- <label>
- <span class="formlabel">Quantity</span>
- <input name="scriptQty"
- class="medium-4 small-2 columns"
- type="number"
- field
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}"
- ng-model="vm.formData.scriptQty" />
- <validation-message for="scriptQty"></validation-message>
- </label>
- </div>
- </div>
- <div class="row">
- <div field-container=""
- class="medium-4 columns"
- ng-class="{'error':vm.medication.doctor.$isInvalid}"
- ng-if="!vm.cfgPhysicianlistPref">
- <label>
- <span class="formlabel">Prescribing Physician</span>
- <input name="doctor"
- type="text"
- field
- ng-model="vm.formData.doctor"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}" />
- <validation-message for="name"></validation-message>
- </label>
- </div>
- <element-container ng-if="vm.cfgPhysicianlistPref"
- el="vm.medication.doctor"
- class="medium-4 columns">
- <element tpl="select"
- fh-disabled="vm.noEditable || vm.formData.noknown"
- custom-order="vm.customOrder"
- label="Prescribing Physician"
- select-options="vm.cfgPhysicianList"
- model="doctor"
- form-data="vm.formData"></element>
- </element-container>
- <div class="medium-4 columns"
- ng-if="vm.formData.doctor == 'Other' && vm.cfgMedicationList.length !== 0"
- ng-class="{'error':vm.medication.doctor.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">Specify Physician</span>
- <input name="specifyPhysician"
- type="text"
- field
- ng-required="!vm.formData.noknown"
- ng-model="vm.formData.specifyPhysician"
- fh-disabled="{{vm.noEditable || vm.formData.noknown}}" />
- <validation-message for="specifyPhysician"></validation-message>
- </label>
- </label>
- </div>
- <div class="medium-4 columns"
- ng-class="{'error':vm.medication.doctorPhone.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">Phone</span>
- <input name="doctorPhone"
- type="text"
- field=""
- ng-model="vm.formData.doctorPhone"
- fh-disabled="{{vm.formData.noknown}}" />
- </label>
- </div>
- </div>
- <div class="row"
- ng-if="vm.showConsent">
- <element-container el="vm.medication.consent"
- class="medium-4 columns">
- <element tpl="toggle"
- fh-disabled="vm.noDrxRecord"
- label="Consent"
- model="consent"
- form-data="vm.formData"></element>
- </element-container>
- <div ng-if="vm.formData.consent && vm.cfgConsentDates"
- class="medium-4 columns"
- ng-class="{'error':vm.formData.consentStartDate.$isInvalid}"
- field-container="">
- <label class="required">
- <span class="formlabel">Consent Start Date</span>
- <input name="consentEffectiveDate"
- type="date"
- ng-required="!vm.formData.noknown"
- ng-model="vm.formData.consentEffectiveDate"
- fh-disabled="{{vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- field />
- <validation-message for="consentEffectiveDate"></validation-message>
- </label>
- </div>
- <div class="medium-4 columns"
- ng-if="vm.formData.consent && vm.cfgConsentDates"
- ng-class="{'error':vm.formData.consentExpirationDate.$isInvalid}"
- field-container="">
- <label class="required">
- <span class="formlabel">Consent End Date</span>
- <input name="consentExpirationDate"
- type="date"
- field
- ng-model="vm.formData.consentExpirationDate"
- ng-required="!vm.formData.noknown"
- fh-disabled="{{vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- fh-min="vm.formData.consentEffectiveDate" />
- <validation-message for="consentExpirationDate"
- fhmin="{{ 'Date must be on or after ' + (vm.formData.consentEffectiveDate | fhdate) }}"></validation-message>
- </label>
- </div>
- </div>
- <div class="row">
- <div class="medium-12 columns"
- field-container="">
- <label>
- <span class="formlabel">Reactions</span>
- <textarea name="reaction"
- type="text"
- field=""
- ng-model="vm.formData.reaction"
- fh-disabled="{{vm.formData.noknown}}"></textarea>
- </label>
- </div>
- </div>
- <div class="row">
- <div ng-if="vm.isOnPrescriptFields('purpose')"
- class="medium-4 columns"
- field-container="">
- <label ng-class="{'required': vm.requiredPurpose}">
- <span class="formlabel">Purpose</span>
- <input name="purpose"
- type="text"
- field
- ng-required="vm.requiredPurpose"
- ng-model="vm.formData.purpose"
- fh-disabled="{{vm.formData.noknown}}" />
- <validation-message for="purpose"></validation-message>
- </label>
- </div>
- <div ng-if="vm.isOnPrescriptFields('source-knowledge')"
- class="medium-4 columns"
- field-container="">
- <label>
- <span class="formlabel">Source of Knowledge</span>
- <input name="sourceKnowledge"
- type="text"
- field
- ng-model="vm.formData.sourceKnowledge"
- fh-disabled="{{vm.formData.noknown}}" />
- <validation-message for="sourceKnowledge"></validation-message>
- </label>
- </div>
- <div ng-if="vm.isOnPrescriptFields('rationale-change')"
- class="medium-4 columns"
- field-container="">
- <label>
- <span class="formlabel">Rationale for Change</span>
- <input name="rationaleChange"
- type="text"
- field
- ng-model="vm.formData.rationaleChange"
- fh-disabled="{{vm.formData.noknown}}" />
- <validation-message for="rationaleChange"></validation-message>
- </label>
- </div>
- </div>
- <div class="row">
- <div ng-if="vm.cfgPrescriptions"
- class="large-4 medium-4 columns"
- ng-class="{'error':vm.formData.renewDate.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">Renewal Date</span>
- <input name="renewDate"
- type="date"
- field
- ng-model="vm.formData.renewDate"
- fh-disabled="{{vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- fh-min="vm.formData.startDate" />
- <validation-message for="renewDate"
- fhmin="{{ 'Date must be on or after ' + (vm.formData.startDate | fhdate) }}"></validation-message>
- </label>
- </div>
- <div ng-if="vm.cfgPrescriptions"
- class="large-4 medium-4 columns"
- ng-class="{'error':vm.formData.nextVisit.$isInvalid}"
- field-container="">
- <label>
- <span class="formlabel">Next Meds Review Appt Date</span>
- <input name="nextVisit"
- type="date"
- ng-model="vm.formData.nextVisit"
- fh-disabled="{{vm.formData.noknown}}"
- placeholder="MM/DD/YYYY"
- field=""
- fh-min="vm.formData.startDate" />
- <validation-message for="nextVisit"
- fhmin="{{ 'Date must be on or after ' + (vm.formData.startDate | fhdate) }}"></validation-message>
- </label>
- </div>
- <element-container ng-if="vm.isOnPrescriptFields('negation_reason_code')"
- el="vm.medication.negationReasonCode"
- class="large-4 medium-4 columns">
- <element tpl="select"
- fh-disabled="vm.noDrxRecord || !vm.formData.endDate"
- label="Negation Reason"
- select-options="vm.negationReasonOptions"
- model="negationReasonCode"
- form-data="vm.formData"></element>
- </element-container>
- </div>
- <form-buttons></form-buttons>
- <!-- end expandable sections -->
- </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement