@james_jayaraj/test-npm 1.1.7 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/_hola-rx.styles.scss +8 -10
  2. package/esm2020/lib/hola-rx.component.mjs +3 -7
  3. package/esm2020/lib/password/password.component.mjs +2 -2
  4. package/esm2020/lib/rx/rx.component.mjs +8 -21
  5. package/esm2020/lib/services/common.mjs +20 -3
  6. package/fesm2015/james_jayaraj-test-npm.mjs +30 -29
  7. package/fesm2015/james_jayaraj-test-npm.mjs.map +1 -1
  8. package/fesm2020/james_jayaraj-test-npm.mjs +29 -29
  9. package/fesm2020/james_jayaraj-test-npm.mjs.map +1 -1
  10. package/lib/hola-rx.component.d.ts +2 -2
  11. package/lib/rx/rx.component.d.ts +0 -2
  12. package/lib/services/common.d.ts +1 -1
  13. package/package.json +1 -1
package/fesm2020/james_jayaraj-test-npm.mjs CHANGED
@@ -8,6 +8,7 @@ import * as i1 from '@angular/common/http';
8
8
  import { HttpClientModule } from '@angular/common/http';
9
9
  import * as i4 from '@angular/forms';
10
10
  import { ReactiveFormsModule, FormsModule } from '@angular/forms';
11
+ import * as CryptoJS from 'crypto-js';
11
12
 
12
13
  class HolaRxService {
13
14
  constructor() { }
@@ -1056,7 +1057,7 @@ class PasswordComponent {
1056
1057
  request_type: "parameter",
1057
1058
  password: this.verifyPassword
1058
1059
  };
1059
- this.apiService.Get(config.PHYSICIAN.RE_AUTHENTICATION + "?password=" + this.verifyPassword + "&userId=" + this.commonServices.physicianDetails.userId).subscribe(res => {
1060
+ this.apiService.Get(config.PHYSICIAN.RE_AUTHENTICATION + "?password=" + this.commonServices.encryptionMethod(this.verifyPassword) + "&userId=" + this.commonServices.physicianDetails.userId).subscribe(res => {
1060
1061
  try {
1061
1062
  if (this.commonServices.IsNullOrEmpty(res)) {
1062
1063
  this.verifyPassword = "";
@@ -1601,8 +1602,6 @@ class RxComponent {
1601
1602
  this.tempAuthorityFormNo = "";
1602
1603
  this.clientId = "";
1603
1604
  this.showFavouriteMed = false;
1604
- this.popupWidth = '1200px';
1605
- this.isMobile = false;
1606
1605
  this.handleClickOutside = (event) => {
1607
1606
  try {
1608
1607
  if (this.wrapperRef != null && this.wrapperRef != undefined && this.wrapperRef.nativeElement &&
@@ -1826,10 +1825,10 @@ class RxComponent {
1826
1825
  return "";
1827
1826
  }
1828
1827
  };
1829
- // document.documentElement.style.setProperty('--pop_wid', `1200px`);
1828
+ document.documentElement.style.setProperty('--pop_wid', `1200px`);
1830
1829
  document.documentElement.style.setProperty('--popupw', `1200px`);
1831
1830
  document.documentElement.style.setProperty('--headerpadding', `0px`);
1832
- // document.documentElement.style.setProperty('--popuph', `650px`);
1831
+ document.documentElement.style.setProperty('--popuph', `650px`);
1833
1832
  document.documentElement.style.setProperty('--headerfontweight', `400`);
1834
1833
  this.renderer.listen('document', 'click', (event) => {
1835
1834
  if (!this.elRef.nativeElement.contains(event.target)) {
@@ -1869,13 +1868,6 @@ class RxComponent {
1869
1868
  }
1870
1869
  }
1871
1870
  ngOnInit() {
1872
- this.popupWidth = getComputedStyle(document.documentElement).getPropertyValue('--pop_wid');
1873
- console.log("popupWidth->", this.popupWidth);
1874
- debugger;
1875
- var widthValue = Number(this.popupWidth.replace('px', '').trim());
1876
- if (widthValue <= 900) {
1877
- this.isMobile = true;
1878
- }
1879
1871
  try {
1880
1872
  this.clientId = this.commonServices.getCredetial();
1881
1873
  if (!this.commonServices.editPrescription) {
@@ -3027,9 +3019,6 @@ class RxComponent {
3027
3019
  }
3028
3020
  getClassForFavouriteMed(med) {
3029
3021
  try {
3030
- console.log("quantity", (this.commonServices.selectedFormulation.pbsType != undefined && this.commonServices.selectedFormulation.pbsType != null && this.commonServices.selectedFormulation.pbsType.toLowerCase() == "non pbs"
3031
- ? (this.commonServices.selectedFormulation.numberOfPack + "x" + this.commonServices.selectedFormulation.unitPerPack)
3032
- : this.commonServices.selectedFormulation.maxQtyUnits).toString());
3033
3022
  var isSelectedFormulation;
3034
3023
  isSelectedFormulation = this.commonServices.selectedFormulation != null &&
3035
3024
  this.commonServices.selectedFormulation.productId != null &&
@@ -3037,7 +3026,7 @@ class RxComponent {
3037
3026
  (med.pbsCode != null ? med.pbsCode : "") == (this.commonServices.selectedFormulation.pbsCode != null ? this.commonServices.selectedFormulation.pbsCode : "") &&
3038
3027
  med.productName == this.commonServices.selectedFormulation.productName &&
3039
3028
  med.repeats == this.commonServices.selectedFormulation.repeats &&
3040
- med.quantity == (this.commonServices.selectedFormulation.pbsType != undefined && this.commonServices.selectedFormulation.pbsType != null && this.commonServices.selectedFormulation.pbsType.toLowerCase() == "non pbs"
3029
+ med.quantity == (this.commonServices.selectedFormulation?.pbsType != undefined && this.commonServices.selectedFormulation?.pbsType != null && this.commonServices.selectedFormulation.pbsType.toLowerCase() == "non pbs"
3041
3030
  ? (this.commonServices.selectedFormulation.numberOfPack + "x" + this.commonServices.selectedFormulation.unitPerPack)
3042
3031
  : this.commonServices.selectedFormulation.maxQtyUnits).toString();
3043
3032
  return isSelectedFormulation
@@ -3123,7 +3112,7 @@ class RxComponent {
3123
3112
  this.ceaseData = res.cease != null ? res.cease : [];
3124
3113
  this.ceaseData = !this.commonServices.IsNullOrEmpty(res.cease) != null ? res.cease : [];
3125
3114
  this.sendtopharmacyData = !this.commonServices.IsNullOrEmpty(res.sendToParmacyMaster) != null ? res.sendToParmacyMaster : [];
3126
- this.tempAuthorityFormNo = res.authorityForm.authorityFormNo;
3115
+ this.tempAuthorityFormNo = !this.commonServices.IsNullOrEmpty(res.authorityForm) && !this.commonServices.IsNullOrEmpty(res.authorityForm.authorityFormNo) ? res.authorityForm.authorityFormNo : "";
3127
3116
  let refValAuth = !this.commonServices.editPrescription ? this.getAddAuthValue(!this.commonServices.IsNullOrEmpty(res.authorityForm) ? !this.commonServices.IsNullOrEmpty(res.authorityForm.authorityFormNo) ? res.authorityForm.authorityFormNo : [] : []) : !this.commonServices.IsNullOrEmpty(this.commonServices.rxDetails?.pbsDvaAuthorityNumber) && this.commonServices.rxDetails.pbsDvaAuthorityNumber != 0 ? this.commonServices.rxDetails.pbsDvaAuthorityNumber : "";
3128
3117
  this.commonServices.authorityFormNo = refValAuth;
3129
3118
  this.isNonPbsFlag = this.commonServices.IsNullOrEmpty(res.isNonPbsFlag) || res.isNonPbsFlag == 0 ? true : false;
@@ -5435,7 +5424,7 @@ class RxComponent {
5435
5424
  if (!this.commonServices.IsNullOrEmpty(this.commonServices.rxDetails?.scriptType) && this.commonServices.rxDetails.scriptType.toUpperCase() == 'M') {
5436
5425
  return true;
5437
5426
  }
5438
- else if ((!this.commonServices.IsNullOrEmpty(this.commonServices.rxDetails?.scriptType) && this.commonServices.rxDetails.scriptType.toUpperCase() == 'E' && !this.commonServices.IsNullOrEmpty(this.commonServices.rxDetails?.status) && this.commonServices.rxDetails.status.toLowerCase() == 'draft' && this.commonServices.physicianDetails.ePrescriptionAllowed == 0 && this.commonServices.patientDetails.vendorPatientConsent == true) || value == 1) {
5427
+ else if ((!this.commonServices.IsNullOrEmpty(this.commonServices.rxDetails?.scriptType) && this.commonServices.rxDetails.scriptType.toUpperCase() == 'E' && !this.commonServices.IsNullOrEmpty(this.commonServices.rxDetails?.status) && this.commonServices.rxDetails.status.toLowerCase() == 'draft' && this.commonServices.physicianDetails.ePrescriptionAllowed == 0 && this.commonServices.patientDetails.vendorPatientConsent == true && this.commonServices.createPatientResponse.is_hpio_valid && this.commonServices.createPatientResponse.is_hpii_valid && this.commonServices.createPatientResponse.is_ihi_valid) || value == 1) {
5439
5428
  return false;
5440
5429
  }
5441
5430
  else {
@@ -6047,7 +6036,6 @@ class RxComponent {
6047
6036
  this.commonServices.toastopen("No more favourites remaining. You can add medicines to favourites from the search results.", "info");
6048
6037
  }
6049
6038
  }
6050
- this.commonServices.setlogvalue(false, res.response_message, res.response_message, "RxComponent", "AddFavourites", body);
6051
6039
  this.commonServices.toastopen(res.response_message, 'success');
6052
6040
  }
6053
6041
  else {
@@ -6258,10 +6246,10 @@ class RxComponent {
6258
6246
  }
6259
6247
  }
6260
6248
  RxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RxComponent, deps: [{ token: ApiService }, { token: CommonServices }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i3.DatePipe }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
6261
- RxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RxComponent, selector: "app-rx", outputs: { closeEvent: "closeEvent", submitEvent: "submitEvent" }, host: { listeners: { "click": "onclick($event)" } }, viewQueries: [{ propertyName: "wrapperRef", first: true, predicate: ["MedicineDropdown"], descendants: true }, { propertyName: "prescribeDropdownRef", first: true, predicate: ["PrescribeDropdown"], descendants: true }, { propertyName: "doseRef", first: true, predicate: ["DoseDropdown"], descendants: true }, { propertyName: "freqRef", first: true, predicate: ["FreqDropdown"], descendants: true }, { propertyName: "stpRef", first: true, predicate: ["stpDropdown"], descendants: true }, { propertyName: "foodRef", first: true, predicate: ["FoodDropdown"], descendants: true }, { propertyName: "InstructionRef", first: true, predicate: ["InstructionDropdown"], descendants: true }, { propertyName: "routeRef", first: true, predicate: ["RouteDropdown"], descendants: true }, { propertyName: "purposeRef", first: true, predicate: ["PurposeDropdown"], descendants: true }, { propertyName: "selectActionDropdownRef", first: true, predicate: ["selectActionDropdown"], descendants: true }, { propertyName: "content", first: true, predicate: ["rxwidgets"], descendants: true, static: true }, { propertyName: "myTemplate", first: true, predicate: ["tooltipdemo"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["test"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"new_rx_popup_mims\">\r\n <div\r\n class=\"ReactModal__Overlay ReactModal__Overlay--after-open React__Overlay_Open_Popup new_rx_mims_Overlay_Open_Popup\">\r\n <div class=\"ReactModal__Content ReactModal__Content--after-open React__Content new_rx_mims_React__Content\">\r\n <div class=\"popup new_rx_mims_ReactModal_popup\">\r\n <div class=\"open-subpopup\">\r\n <ng-template #rxwidgets class=\"popover\"> </ng-template>\r\n <app-splashscreen *ngIf=\"PopupScreenLoader\" [height]=\"'height-rx-spin'\"> </app-splashscreen>\r\n <div class=\"page-content\" *ngIf=\"!PopupScreenLoader\">\r\n <div class=\"new_rx_popup_header_box\">\r\n <div class=\"mdl-grid\" style=\"width: 100%;padding: 6px;display: flex;flex-direction: row;justify-content: space-between;\">\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col-tablet mdl-cell--3-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_1\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--2-col':'mdl-cell--3-col'\"\r\n style=\"align-self: center;display: contents;\">\r\n <h3 class=\"new_rx_popup_header_box_text\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-hola-health-logo-1.png\" alt=\"hola_health\"\r\n style=\"width: auto;height: 37px;border-radius: 5px;\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-header-logo.png\" alt=\"\" />\r\n {{commonServices.editPrescription === true ? 'Edit Script' : 'New Script'}}\r\n </h3>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_desktop_title new_rx_mobile_fullwidth\"\r\n style=\"align-self: center;display: contents;\">\r\n <p class=\"new_rx_popup_header_box_text\" style=\"justify-content: center;\">\r\n <span style=\"font-weight: 600;\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span style=\"width: 100px;\">{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col-tablet mdl-cell--4-col-phone new_rx_popup_header_box_col new_rx_mobile_fullwidth rx_ipad_header_box_2 new_mobile_rx_top_bottom_0\"\r\n style=\"position: relative;display: contents;\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--6-col':'mdl-cell--5-col'\">\r\n <div class=\"new_rx_popup_btns\">\r\n <button (click)=\"close(null)\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Close\r\n </button>\r\n <div style=\"display: inline-block;position: relative\"\r\n *ngIf=\"commonServices.rxid != null && commonServices.rxid !=''\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton select-action-btn new_mobile_rx_btn\"\r\n style=\"position: relative;width: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 10px !important\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"selectActionDropdownopen()\">\r\n <ng-container *ngIf=\"selectionbtnLoader\">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!selectionbtnLoader\">\r\n Select Action <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #selectActionDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box select-action-ul\"\r\n *ngIf=\"selectActionBtnDropdown == true\"\r\n [class]=\"{ M_list_box_show: selectActionBtnDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li\r\n (click)=\"commonServices.rxDetails.status.toLowerCase() == 'draft'?cancelDraft():cancelPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,4)?'':'edit-disable-data'\">\r\n Cancel</li>\r\n <li (click)=\"printPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,1)?'':'edit-disable-data'\">\r\n Print</li>\r\n <li (click)=\"reissuePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,3)?'':'edit-disable-data'\">\r\n Re-Issue</li>\r\n <li (click)=\"ceasePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,2)?'':'edit-disable-data'\">\r\n Cease</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <button *ngIf=\"page != 1\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n (click)=\"back()\" [disabled]=\"this.commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Back\r\n </button>\r\n <button *ngIf=\"page == 1\" (click)=\"pageNumberOneToNext()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Next\r\n </button>\r\n <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored new_mobile_rx_btn\"\r\n [class]=\"abortdisable?'nextButton':'abortbutton'\" *ngIf=\"abortBtnFlag\" [disabled]=\"abortdisable\"\r\n (click)=\"prescripeAbort()\"><span *ngIf=\"abortdisable\" class=\"rx_loader\">\r\n <p class=\"rx_loader_button m-v4 rx_btn_spin\">\r\n </p>\r\n </span><span *ngIf=\"!abortdisable\">Abort</span></button>\r\n <div style=\"display: inline-block\" *ngIf=\"page == 2\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n style=\"position: relative;width: 135px;display: flex;flex-direction: row;align-items: center;justify-content: center\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"includeRtpmModal()\">\r\n <ng-container *ngIf=\"commonServices.prescribeMedLoader \">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!this.commonServices.prescribeMedLoader\">\r\n Prescribe <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #PrescribeDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box\"\r\n *ngIf=\"selectPBTNDropdown == true\" [class]=\"{ M_list_box_show: selectPBTNDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(1)}\"\r\n (click)=\"MprescribeMed(1)\">E-Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(1)\" *ngIf=\"!this.commonServices.sendToPharmacy && !this.commonServices.emergencySupply\">E-Prescribe and Send</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(2)\">E-Prescribe and Print</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft')|| (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"MprescribeMed(2)\">Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase() == 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft') || (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"prescripePrint()\">\r\n Prescribe and Print</li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_3 new_rx_mobile_title\"\r\n style=\"align-self: center\">\r\n <p class=\"new_rx_popup_header_box_text new_mobile_rx_popup_header_text\">\r\n <span style=\"font-weight: 600\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span>{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 1\" class=\"new_rx_popup_tab_1\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div #MedicineDropdown style=\"position: relative\">\r\n <div style=\"position: relative\">\r\n <input autocomplete=\"off\" type=\"text\" name=\"medicine search\" placeholder=\"Search Medicines\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_1_input\"\r\n value=\"{{ mediSearchValue }}\" (input)=\"searchHandler($event)\"\r\n (click)=\"MedicineDropdownList()\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search\">search</i>\r\n <!-- <mat-icon class=\"new_rx_popup_tab_1_input_search\"></mat-icon> -->\r\n </div>\r\n <div class=\"new_rx_popup_tab_1_list_box\" [class]=\"{\r\n M_list_box_show: selectedMedicineDropdown === true\r\n }\">\r\n <div *ngIf=\"searchMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!searchMedicineLoader\" style=\"margin-bottom: 10px;\">\r\n <ul class=\"new_rx_popup_tab_1_list\">\r\n <li *ngFor=\"let medicineList of searchedMedicineList\" [class]=\"getcurrentid(medicineList)\"\r\n (click)=\"\r\n getProductListByName(\r\n medicineList['prodHiddenValue'],\r\n medicineList['prodDisplayValue'],\r\n medicineList['searchBase']\r\n )\r\n \" [innerHTML]=\"medicineList['prodDisplayValue']\"></li>\r\n <li *ngIf=\"searchedMedicineList.length == 0\">No Data</li>\r\n </ul>\r\n </div>\r\n <div *ngIf=\"PrimarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0 sp-flex\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div style=\"text-align: left\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxOnlyPBS\"\r\n (change)=\"onCheckboxChange(1)\" value=\"PBS/RPBS\" [disabled]=\"this.isNonPbsFlag\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">PBS/RPBS</span></label>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange(1)\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div>\r\n <!-- </div> -->\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange()\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div> -->\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--6-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"> -->\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" style=\"margin-left: 8px;height: auto;\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <span class=\"favourites-toggle-link\" (click)=\"$event.stopPropagation(); showFavourties()\">\r\n {{ showFavouriteMed ? 'Hide favourites' : 'Show favourites' }}\r\n </span>\r\n </div>\r\n <div class=\"popup-wrapper\">\r\n <div class=\"parent-container\" style=\"width: 100%; padding: 0px\" [class.mobile-layout]=\"isMobile\">\r\n <div\r\n class=\"left-box new_rx_mobile_fullwidth\">\r\n <div class=\"new_rx_popup_table_box\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"padding: 5px 10px; margin: 0px\">\r\n Available Formulations:\r\n </p>\r\n <div *ngIf=\"!showFavouriteMed\">\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.selectedMedicineList == null ||\r\n commonServices.selectedMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Data</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.selectedMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForMed(med)\"\r\n (click)=\"selectFormulation(med, i)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.pbsType!=undefined && med.pbsType!=null && med.pbsType.toLowerCase() == \"non pbs\"\r\n ? med.numberOfPack + \"x\" + med.unitPerPack\r\n : med.maxQtyUnits\r\n }}</span><span><b>Rpts:</b> {{ med.repeats }}</span><span\r\n *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.Restrictions!=undefined &&\r\n med.Restrictions != null && med.Restrictions != \"\"\r\n ? med.pbsType +\r\n \" (\" +\r\n getRestrictions(med.Restrictions) +\r\n \") \"\r\n : (med.pbsType!=undefined&&med.pbsType!=null?med.pbsType:\"\")\r\n }} </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showFavouriteMed\">\r\n\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.favouriteMedicineList == null ||\r\n commonServices.favouriteMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Favourites</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.favouriteMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForFavouriteMed(med)\"\r\n (click)=\"favouriteMedicineLoading(med)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.quantity}}\r\n </span><span><b>Rpts:</b> {{ med.repeats }}</span>\r\n <span *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.restriction}}\r\n </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"favMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!favMedicineLoader\" class=\"right-box new_rx_mobile_fullwidth\">\r\n <div class=\"new_rx_popup_tab_1_grid new_rx_popup_tab_1_box\" *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div style=\"display: flex;justify-content: flex-start;\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"margin-bottom: 5px\"\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.productName!=undefined && commonServices.selectedFormulation.productName!=null? commonServices.selectedFormulation.productName: ''\">\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col\">\r\n <p class=\"new_rx_popup_label\">\r\n Generic Name:<span\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.genericName!=undefined && commonServices.selectedFormulation.genericName!=null? commonServices.selectedFormulation.genericName : ''\"></span>\r\n </p>\r\n </div>\r\n </div>\r\n \r\n <div class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\" *ngIf=\"commonServices.isBrandName\">\r\n Brand Name:<span [innerHTML]=\"\r\n getBrandName(commonServices.selectedFormulation)\r\n \">\r\n </span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n Schedule:<span>{{\r\n commonServices.selectedFormulation != null &&\r\n commonServices.selectedFormulation.poisonClassification !=\r\n undefined && commonServices.selectedFormulation.poisonClassification!=null &&\r\n commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=undefined && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=null && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses.length>0\r\n ? commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses[0]\r\n : \"No Scheduled Information Available\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listing:<span>{{commonServices.selectedFormulation.pbsType!=undefined &&\r\n commonServices.selectedFormulation.pbsType!=null? commonServices.selectedFormulation.pbsType :\r\n '' }}\r\n {{\r\n commonServices.selectedFormulation.pbsCode!=undefined &&\r\n commonServices.selectedFormulation.pbsCode!=null\r\n ? \" (\" +\r\n commonServices.selectedFormulation.pbsCode +\r\n \")\"\r\n : \"\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n <span style=\"margin:0px ;\">\r\n Max Quantity =\r\n {{getMaxQuantity()}}\r\n and Repeats =\r\n {{commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats\r\n :\"\"}}</span>\r\n </p>\r\n \r\n <p class=\"new_rx_popup_label\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pregnancyCategory!=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory != null && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=undefined && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=null\r\n \">\r\n Pregnancy Category:<span>{{\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode\r\n }}\r\n </span>\r\n <span *ngIf=\"commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote !=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != null &&\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != ''\r\n \">\r\n AdditionalNote:\r\n <span *ngFor=\"\r\n let item of commonServices.selectedFormulation\r\n .pregnancyCategory.additionalNote\r\n \" [innerHTML]=\"item\">\r\n </span>\r\n </span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" *ngIf=\"\r\n this.isShowRestrictions == true && commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <p class=\"new_rx_popup_label\">Restrictions:</p>\r\n <ol style=\"margin: 0px; padding-left: 15px\" *ngIf=\"commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li class=\"new_rx_pop_aut_int\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions\r\n \">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length < 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span>\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length > 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 60)\r\n \"></span>...\r\n <span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ol>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"new_rx_popup_tab_3_small_box\" [style.display]=\"isCurrentMedicineInFavourites() ? 'inline-flex' : null\"\r\n [style.width]=\"isCurrentMedicineInFavourites() ? 'max-content' : null\" *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div style=\"display: inline-block;margin-right: 10px;\" class=\"new_rx_popup_header_box_col\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <button *ngIf=\"commonServices.selectedFormulation != null\" (click)=\"addToFavourites()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored\"\r\n [class.nextButton]=\"!isCurrentMedicineInFavourites()\"\r\n [class.rmfavbutton]=\"isCurrentMedicineInFavourites()\">\r\n <span *ngIf=\"isCurrentMedicineInFavourites(); else addText\">\r\n Remove from favourites\r\n </span>\r\n <ng-template #addText>+ Add to favourites</ng-template>\r\n </button>\r\n </div>\r\n <div style=\"display: inline-block; margin-right: 10px\">\r\n <span class=\"new_rx_popup_label\">Quantity: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" name=\"qty\"\r\n placeholder=\"\" class=\"new_rx_popup_tab_input\" step=\"1\" [min]=\"0\"\r\n [(ngModel)]=\"commonServices.quantityVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"quantityChange()\" (paste)=\"$event.preventDefault()\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" />\r\n </div>\r\n <div style=\"display: inline-block\">\r\n <span class=\"new_rx_popup_label\">Repeats: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true || commonServices.isMedicineRestrict}\"\r\n name=\"rpts\" placeholder=\"\" [min]=\"0\" (input)=\"repeatsChange()\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.repeatsVal\" (paste)=\"$event.preventDefault()\"\r\n (keypress)=\"checkMobile($event)\"\r\n [disabled]=\"commonServices.editPrescribedPrescription || commonServices.isMedicineRestrict\" />\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\"></div> -->\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n Dose:\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n id=\"checkbox1\" class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.unUsualDoseFlag\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Unusual\r\n Dose</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Dose\"\r\n [(ngModel)]=\"commonServices.doseSearchValue\" (click)=\"doseDropdown()\" />\r\n <div #DoseDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectDoseDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectDoseValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let dose of doseData\" (click)=\"selectDoseValue(dose)\" [class]=\"{\r\n heighlight: dose['text'] == commonServices.doseSearchValue\r\n }\">\r\n {{ dose[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Frequency:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Frequency\" readOnly [(ngModel)]=\"commonServices.freqSearchValue\"\r\n (click)=\"freqDropdown()\" />\r\n <div #FreqDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFreqDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFrequencyValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let frequency of frequencyData\" (click)=\"selectFrequencyValue(frequency)\" [class]=\"{\r\n heighlight:\r\n frequency['text'] == commonServices.freqSearchValue\r\n }\">\r\n {{ frequency[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Food:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Food\" readOnly [(ngModel)]=\"commonServices.foodSearchValue\"\r\n (click)=\"foodDropdown()\" />\r\n <div #FoodDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFoodDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFoodValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let food of foodData\" (click)=\"selectFoodValue(food)\" [class]=\"{\r\n heighlight: food['text'] == commonServices.foodSearchValue\r\n }\">\r\n {{ food[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Instruction:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"Instruction\"\r\n placeholder=\"Select Instruction\" [(ngModel)]=\"commonServices.InstructionSearchValue\"\r\n (click)=\"instructionDropdown()\" (change)=\"instructionOnChange()\"\r\n (keypress)=\"alphaRestriction($event)\" />\r\n <div #InstructionDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{M_list_box_show: selectInstructionDropdown === true}\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <ng-container *ngIf=\"selectInstructionDropdownList\">\r\n <li (click)=\"ChangeInstruction(null)\" class=\"p-12\"> </li>\r\n <li\r\n [class]=\"item.id == commonServices.complexId && item.text == commonServices.InstructionSearchValue ? 'heighlight' : ''\"\r\n *ngFor=\"let item of instructionData; index as i\" (click)=\"ChangeInstruction(item)\">\r\n {{ item.text }}\r\n <span *ngIf=\"item.userid !== 0\" class=\"span_icon\" style=\"float: right\">\r\n <i class=\"material-icons\" style=\"padding: 5px\"\r\n (click)=\"editInstruction(item.id, item)\">create</i><i class=\"material-icons\"\r\n style=\"margin-left: 10px; padding: 5px\"\r\n (click)=\"deleteInstruction(item.id)\">clear</i></span>\r\n </li>\r\n <li class=\"RX_ADD_dropdown_btn\" (click)=\"addNewInstruction()\">\r\n + Add Complex Instructions\r\n </li>\r\n </ng-container>\r\n <ng-container *ngIf=\"selectInstructionDropdownList == false\">\r\n <div class=\"complex_instruction_box\">\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction:\r\n </p>\r\n <input autocomplete=\"off\"\r\n class=\"instruction_field_clr mdl-textfield__input new_rx_popup_tab_input \" type=\"text\"\r\n id=\"Instruction\" [(ngModel)]=\"commonServices.Instructiontiltle\"\r\n placeholder=\"Enter Complex Instruction\" />\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction Description:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxLength=\"500\"\r\n [(ngModel)]=\"tempInstructionDescription\" placeholder=\"Enter Complex Instruction Description\"\r\n class=\"instruction_field_clr w-100 new_rx_popup_tab_textarea\"></textarea>\r\n <div class=\"RX_ADD_dropdown_btn_1\">\r\n <button (click)=\"clearInstruction()\" class=\"rx-instruction-btn\">Cancel</button>\r\n <button (click)=\"saveInstruction()\" class=\"rx-instruction-btn\">Save</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Route:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedRoute:\"\r\n placeholder=\"Select Route\" [(ngModel)]=\"commonServices.routeSearchValue\" maxlength=\"50\"\r\n (click)=\"routeDropdown()\" (keypress)=\"alphaRestriction($event)\" />\r\n <div #RouteDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectRouteDropdown === true }\">\r\n <div style=\"padding: 10px; position: relative\">\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_route__input\" type=\"text\"\r\n placeholder=\"Search...\" [value]=\"routeDataFilter ? routeDataFilter : ''\"\r\n (keyup)=\"routeFilter($event)\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search rx-search-icon\">search</i>\r\n </div>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length != 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li *ngFor=\"\r\n let route of filterRouteItems(routeData, routeDataFilter)\r\n \" (click)=\"selectRoutesearcValue(route)\" [class]=\"{\r\n heighlight:\r\n route['routeName'] == commonServices.routeSearchValue\r\n }\">\r\n {{ route[\"routeName\"] }}\r\n </li>\r\n </ul>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length == 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li>no data</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Pro Re Nata Prescription:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.rxPRN\"\r\n (ngModelChange)=\"PRNChange(commonServices.rxPRN)\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Pro\r\n Re Nata\r\n Prescription</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Prescribe As:</p>\r\n <div class=\"rx_new_popup_checkbox\">\r\n <div class=\"rx_new_radiobox_button rx_radio_overall\">\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" class=\"mdl-radio__button custom-radio-button\"\r\n name=\"PrescribeAs\" [value]=\"'Private'\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'private'\" (click)=\"private()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Private</span></label>\r\n\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'PBS'\"\r\n [disabled]=\"prescribeAS_PBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'pbs'\" (click)=\"PBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_PBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">PBS</span>\r\n </label>\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'RPBS'\"\r\n [disabled]=\"prescribeAS_RPBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'rpbs'\" (click)=\"RPBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_RPBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">RPBS</span>\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pbsType!=undefined && commonServices.selectedFormulation.pbsType!=null &&\r\n commonServices.selectedFormulation.pbsType.toLowerCase() === 'non pbs' &&\r\n commonServices.patientDetails.dvaNumber != null &&\r\n commonServices.patientDetails.dvaNumber != '' && isNonPbsFlag == false && !isPrescribeAsPrivateOnly\r\n \">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox\" class=\"check_box\"\r\n [checked]=\"commonServices.unlistedRA\" (click)=\"unlistedRA()\"\r\n [(ngModel)]=\"commonServices.unlistedRA\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" />\r\n <span class=\"mdl-checkbox__label check_box_label\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">\r\n Unlisted RA\r\n </span>\r\n </label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n M_CTG_box_hide: !(\r\n commonServices.patientDetails &&\r\n commonServices.patientDetails.patientCtgFlag == 0 &&\r\n commonServices.patientDetails.patientCtgCoPayment == 0 &&\r\n commonServices.PrescribeAS.toLowerCase() == 'pbs'\r\n )\r\n }\">\r\n <!-- <p class=\"new_rx_popup_label\">CTG/PBS Co Payment:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.CTGCoPayment\"\r\n [checked]=\"commonServices.CTGCoPayment == true\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">CTG/PBS\r\n Co Payment</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Script Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n id=\"RxScriptDate\" placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.scriptDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Start Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxStartDate\"\r\n placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.startDate\" (ngModelChange)=\"commonServices.rxEndDateCalculater()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">End Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxEndDate\"\r\n placeholder=\"../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.endDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Days Between Repeats:</p>\r\n <input autocomplete=\"off\" (paste)=\"$event.preventDefault()\" placeholder=\"Enter Days Between Repeats\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true||commonServices.isMedicineRestrict}\"\r\n class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"number\" id=\"Daybetweenrepeats\" [min]=\"0\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription||commonServices.isMedicineRestrict\"\r\n [(ngModel)]=\"commonServices.daysBtnRepeatsVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"dayschange()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <div>\r\n <p class=\"new_rx_popup_label\">Purpose:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedPurpose:\"\r\n placeholder=\"Select Purpose\" readOnly [(ngModel)]=\"commonServices.purposeSearchValue\"\r\n (click)=\"purposeDropdown()\" />\r\n <div #PurposeDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_purpose_box h-160p\"\r\n [class]=\"{ M_list_box_show: selectPurposeDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectPurposeValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let purpose of purposeData\" (click)=\"selectPurposeValue(purpose)\" [class]=\"{\r\n heighlight:\r\n purpose['lookupText'] ==\r\n commonServices.purposeSearchValue\r\n }\">\r\n {{ purpose[\"lookupText\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.isBrandName != true }\">\r\n <!-- <p class=\"new_rx_popup_label\">Substitution:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true || commonServices.isBrandName == false\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.BrandSubstitutesNotAllow\"\r\n (change)=\"this.brandSubstitutesNotAllow(commonServices.BrandSubstitutesNotAllow)\" [checked]=\"\r\n commonServices.BrandSubstitutesNotAllow\r\n ? commonServices.BrandSubstitutesNotAllow\r\n : false\r\n \" /><span class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Brand\r\n Substitution\r\n Not Permitted</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide_brand: commonServices.lemi == true }\" id=\"brandnametooltip\"\r\n (mouseleave)=\"hideToolTip()\" (mouseenter)=\"showtooltip(commonServices.lemi,brandtooltip)\">\r\n <!-- <p class=\"new_rx_popup_label\">Brand Name:</p> -->\r\n <ng-template #brandtooltip><span class=\"include_brand_tooltip\">The selected product is LEMI\r\n identified. Therefore it may be\r\n prescribed by the brand name only.</span></ng-template>\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\" [class]=\"{\r\n M_CTG_box_hide_brand_name: commonServices.lemi == true || commonServices.isFetching == true || commonServices.editPrescribedPrescription === true\r\n }\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [checked]=\"commonServices.isBrandName\"\r\n [(ngModel)]=\"commonServices.isBrandName\"\r\n (change)=\"this.isChangeBrandName(commonServices.isBrandName)\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">Include Brand\r\n Name</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Regulation 24:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.regulation24\"\r\n [checked]=\"commonServices.regulation24\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Regulation\r\n 24</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">DO NOT send to MySL:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.mySLConsent\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">DO\r\n NOT send to MySL</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n <!-- Pharmacy: -->\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.sendToPharmacy\" (change)=\"sendToPharmacyChange()\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Send\r\n to Pharmacy</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\" readonly\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Value\"\r\n [(ngModel)]=\"commonServices.sendToPharmacyValue\" (click)=\"stpValueDropdown()\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.sendToPharmacy != true }\" />\r\n <div #stpDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_stp_box h-93p\"\r\n [class]=\"{ M_list_box_show: selectstpDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectStpValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let sendtopharmacy of sendtopharmacyData\" (click)=\"selectStpValue(sendtopharmacy)\">\r\n {{ sendtopharmacy.name }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Emergency Supply:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.emergencySupply\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Emergency\r\n Supply</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n </div> \r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 2\" class=\"new_rx_popup_tab_2\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px; opacity: 1\">\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div style=\"width: 100%; padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <div class=\"mdl-grid new_rx_popup_tab_1_grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\">RX</p>\r\n <p class=\"new_rx_popup_label_p\">\r\n <b [innerHTML]=\"commonServices.rxDisplayName\"></b>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\" style=\"margin: 0px\">Quantity: <span\r\n style=\"color: rgb(45, 45, 45); font-weight: 600\">{{ commonServices.quantityVal }}\r\n </span> Repeats: <span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default Quantity:{{getDefaultQuantity()}}\r\n Default Repeats:\r\n {{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?commonServices.selectedFormulation.repeats:\"\"\r\n }}\r\n </p>\r\n <p *ngIf=\"commonServices.doseSearchValue != '' ||commonServices.freqSearchValue != ''\"\r\n class=\"new_rx_popup_label_p\">\r\n <span>{{ commonServices.doseSearchValue }} </span><span>{{ commonServices.freqSearchValue\r\n }}</span>\r\n </p>\r\n <p *ngIf=\"commonServices.foodSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.foodSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n {{InstructionDescription !=\"\" && InstructionDescription!=null?\r\n InstructionDescription:commonServices.InstructionSearchValue!=\"\" &&\r\n commonServices.InstructionSearchValue!=null?commonServices.InstructionSearchValue:\"\"}}\r\n </p>\r\n <p *ngIf=\"commonServices.routeSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.routeSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n P.R.N :\r\n <i *ngIf=\"commonServices.rxPRN\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.rxPRN\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Days Between Repeats:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">{{commonServices.daysBtnRepeatsVal}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Unusual Dose:\r\n <i *ngIf=\"commonServices.unUsualDoseFlag\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.unUsualDoseFlag\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Script Date:\r\n <span>{{this.commonServices.scriptDate|date:'dd-MM-yyyy'}}</span>\r\n\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Start Date:\r\n <span>{{this.commonServices.startDate|date:'dd-MM-yyyy'}}</span>, End Date:\r\n {{this.commonServices.endDate|date:'dd-MM-yyyy'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Prescribe As:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">{{commonServices.PrescribeAS}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Purpose:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">{{commonServices.purposeSearchValue}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Include Brand Name:\r\n <i *ngIf=\"commonServices.isBrandName\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.isBrandName\">-</span>,\r\n Brand Substitution Not Permitted:\r\n <i *ngIf=\"commonServices.BrandSubstitutesNotAllow\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.BrandSubstitutesNotAllow\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Regulation 24:\r\n <i *ngIf=\"commonServices.regulation24\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.regulation24\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n CTG/PBS Co Payment:\r\n <i *ngIf=\"commonServices.CTGCoPayment\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.CTGCoPayment\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n DO NOT send to MySL:\r\n <i *ngIf=\"commonServices.mySLConsent\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.mySLConsent\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Send to Pharmacy:\r\n <i *ngIf=\"commonServices.sendToPharmacy\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.sendToPharmacy\">-</span>, Send to Pharmacy Value:\r\n {{!commonServices.IsNullOrEmpty(commonServices.sendToPharmacyValue)?commonServices.sendToPharmacyValue:'-'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Emergency Supply:\r\n <i *ngIf=\"commonServices.emergencySupply\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.emergencySupply\">-</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Note To Pharmacy:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" [(ngModel)]=\"this.commonServices.doctorNotes\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Annotation:</p>\r\n \r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" [(ngModel)]=\"this.commonServices.annotation\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Reason For Prescription:</p>\r\n \r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" [(ngModel)]=\"this.commonServices.prescriptionReason\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\" style=\"text-transform: capitalize;\">\r\n {{this.getStateAuthorityLabel(commonServices.patientDetails.state)}}\r\n </p>\r\n \r\n <p style=\"margin: 0px;margin-top: -8px;margin-bottom: 10px;\">\r\n <span class=\"state-txt-color new_rx_popup_label_p\">(Relevant to\r\n {{ commonServices.patientDetails.state }})</span>\r\n </p>\r\n \r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.StateAuthorityNumber\" maxlength=\"25\" (keypress)=\"authorityNoValidation($event)\"\r\n (ngModelChange)=\"authorityNoChange($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px; opacity: 1\"> -->\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n 'new_rx_no_authority':!showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',commonServices.PrescribeAS,commonServices.rxAuthority,commonServices.unlistedRA)\r\n }\">\r\n <div *ngIf=\"\r\n showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \">\r\n <div style=\"padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--8-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\">\r\n <span class=\"new_rx_popup_label_New\">HOTLINE: <span\r\n class=\"new_rx_popup_label_span\">{{commonServices.PrescribeAS ==\r\n 'RPBS'?'1800552580':'1800888333'}}</span></span>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--4-col mdl-cell--2-col-tablet mdl-cell--4-col-phone\">\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Name:<span>{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Number:<span>{{\r\n commonServices.physicianDetails.prescriberNumber\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Patient Medicare Number:<span>{{\r\n commonServices.patientDetails.medicareNumber\r\n ? commonServices.patientDetails.medicareNumber\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Authority Form No:\r\n <span>{{\r\n commonServices.authorityFormNo\r\n ? commonServices.authorityFormNo\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Authority Item:</p>\r\n <p class=\"authority_item_text\" [innerHTML]=\"commonServices.rxDisplayName\"></p>\r\n\r\n <p class=\"new_rx_popup_label_p new_rx_popup_tab_smallBoxes\" style=\"margin: 0px\">\r\n Quantity:<span style=\"color: rgb(45, 45, 45); font-weight: 600\"> {{ commonServices.quantityVal\r\n }}</span> Repeats:<span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default\r\n Quantity:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.maxQtyUnits!=null?(commonServices.quantityWithUnitFlag?\"1\r\n x \":\"\")+commonServices.selectedFormulation.maxQtyUnits:\"\"}}\r\n Default\r\n Repeats:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?\r\n commonServices.selectedFormulation.repeats:\"\"}}\r\n </p>\r\n\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listed Indication Authority:\r\n </p>\r\n <div class=\"w-100 new_rx_popup_tab_textarea\"\r\n style=\"min-height: 70px; max-height: 150px; overflow: auto\">\r\n <ul style=\"margin: 0px; padding-left: 15px;list-style: none;padding: 0px;\" *ngIf=\"\r\n this.isShowRestrictions == true &&\r\n commonServices.selectedFormulation.Restrictions !=\r\n null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li style=\"font-size: 12px;padding: 0px 10px;margin-bottom: 10px;\"\r\n class=\"new_rx_pop_aut_int cursor\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions;\r\n index as i\r\n \" [class]=\"{\r\n new_rx_pop_aut_ins_select:\r\n commonServices.pbsListInstructionsId == i\r\n }\">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length < 80\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span></span>\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length > 80\"><b (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">{{\r\n restriction.restrictionType }}</b> -\r\n <span (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \" [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 80)\r\n \"></span>...\r\n <span>\r\n </span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\"\r\n style=\"padding: 0px\">\r\n <!-- <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">PBS Notes:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n class=\"w-100 new_rx_popup_tab_textarea\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsNotes\"></textarea>\r\n </div> -->\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Indication For This Authority:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsListInstructions\" (ngModelChange)=\"onInputChange($event)\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-100\"></textarea>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n {{\r\n getAuthorityLabel(commonServices.patientDetails.state)\r\n }}\r\n </p>\r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.approvalNo\" (ngModelChange)=\"onInputchangeApprovalNo($event)\"\r\n (keypress)=\"authorityNoValidation($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\r\n !showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \" style=\"width: 100%;\">\r\n <div style=\"text-align: right\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n <div class=\"No_Authority_box\">\r\n <p>No Authority Required</p>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rx_footer\">\r\n <div class=\"rx_footer_brand\">\r\n <p class=\"ml-10\"><span>Hola Consult | 1.0 <span *ngIf=\"commonServices.sandbox\">| <span\r\n class=\"rx_staging\">This is a sandbox environment</span></span></span></p>\r\n <p class=\"mt-15p\">\r\n <span class=\"rx_popup_footer_text\">\u00A9 2026 Hola Health, a brand of Packapill Pty Ltd | v\r\n 1.1.3 |\r\n <a href=\"https://hola.health/consult-terms\" target=\"_blank\">Terms</a> |\r\n <a href=\"https://hola.health/consult-privacy-policy\" target=\"_blank\">Privacy Policy</a> |\r\n <a href=\"mailto:support@hola.health\" target=\"_blank\">Help</a></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100vw;height:100vh;box-sizing:border-box}.mdl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(60px,auto);gap:16px;width:100%;height:auto}.mdl-cell{min-width:0;min-height:0;width:100%;height:100%;box-sizing:border-box}.mobile-layout{grid-template-columns:1fr!important}.parent-container{width:100%;display:grid;gap:10px;grid-template-columns:minmax(0,6fr) minmax(0,4fr)}.left-box,.right-box{min-width:0;width:100%}.popup-wrapper{container-type:inline-size}.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #020202;width:30px;height:30px;animation:spin 1s linear infinite;margin-left:18px;margin-top:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-v4{margin-left:4vh}.rx_loader_button{border:2px solid #f3f3f3;border-radius:50%;border-top:4px solid #005760;width:30px;height:30px;animation:spin 1s linear infinite}.drp-icon{color:#fff;font-size:19px;margin-left:5px}.select-action-btn{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.select-action-ul{width:80%}.new_rx_popup_mims .React__Overlay_Open_Popup{position:fixed;inset:0;background-color:#00000080!important}.new_rx_popup_mims .new_rx_mims_Overlay_Open_Popup{z-index:9999999!important}.new_rx_popup_mims .ReactModal__Overlay{overflow-y:auto!important}.new_rx_popup_mims .ReactModal_popup{width:100%;padding:0;margin:20px 0 0}.new_rx_popup_mims .ReactModal__Content{margin:auto}.edit-disable-data{pointer-events:none;opacity:.6}.new_rx_popup_btns{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-right:20px}@media only screen and (max-width: 1023px){.rx_ipad_header_box_1{width:calc(35% - 16px)}.rx_ipad_header_box_2{width:calc(65% - 16px)}.rx_ipad_header_box_3{width:calc(100% - 16px)}.new_mobile_rx_popup_header_text{display:block;text-align:center}}@media screen and (max-width: 767px){.new_rx_popup_btns,.new_mobile_rx_popup_header_text{display:block;text-align:center}.new_mobile_rx_top_bottom_0{margin-top:0;margin-bottom:0}.new_mobile_rx_btn{margin-bottom:5px}}.favourites-toggle-link{color:#0077b6!important;text-decoration:underline;cursor:pointer!important;font-size:14px;font-weight:400;line-height:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none!important;-webkit-tap-highlight-color:transparent}.sp-flex{display:flex;justify-content:space-between}.left-box,.right-box{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SplashscreenComponent, selector: "app-splashscreen", inputs: ["height"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
6249
+ RxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RxComponent, selector: "app-rx", outputs: { closeEvent: "closeEvent", submitEvent: "submitEvent" }, host: { listeners: { "click": "onclick($event)" } }, viewQueries: [{ propertyName: "wrapperRef", first: true, predicate: ["MedicineDropdown"], descendants: true }, { propertyName: "prescribeDropdownRef", first: true, predicate: ["PrescribeDropdown"], descendants: true }, { propertyName: "doseRef", first: true, predicate: ["DoseDropdown"], descendants: true }, { propertyName: "freqRef", first: true, predicate: ["FreqDropdown"], descendants: true }, { propertyName: "stpRef", first: true, predicate: ["stpDropdown"], descendants: true }, { propertyName: "foodRef", first: true, predicate: ["FoodDropdown"], descendants: true }, { propertyName: "InstructionRef", first: true, predicate: ["InstructionDropdown"], descendants: true }, { propertyName: "routeRef", first: true, predicate: ["RouteDropdown"], descendants: true }, { propertyName: "purposeRef", first: true, predicate: ["PurposeDropdown"], descendants: true }, { propertyName: "selectActionDropdownRef", first: true, predicate: ["selectActionDropdown"], descendants: true }, { propertyName: "content", first: true, predicate: ["rxwidgets"], descendants: true, static: true }, { propertyName: "myTemplate", first: true, predicate: ["tooltipdemo"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["test"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #rxwidgets> </ng-template>\r\n<div class=\"new_rx_popup_mims\">\r\n <div\r\n class=\"ReactModal__Overlay ReactModal__Overlay--after-open React__Overlay_Open_Popup new_rx_mims_Overlay_Open_Popup\">\r\n <div class=\"ReactModal__Content ReactModal__Content--after-open React__Content new_rx_mims_React__Content\">\r\n <div class=\"popup new_rx_mims_ReactModal_popup\">\r\n <div>\r\n <app-splashscreen *ngIf=\"PopupScreenLoader\" [height]=\"'height-rx-spin'\"> </app-splashscreen>\r\n <div class=\"page-content\" *ngIf=\"!PopupScreenLoader\">\r\n <div class=\"new_rx_popup_header_box\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col-tablet mdl-cell--3-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_1\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--2-col':'mdl-cell--3-col'\"\r\n style=\"align-self: center\">\r\n <h3 class=\"new_rx_popup_header_box_text\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-hola-health-logo-1.png\" alt=\"hola_health\"\r\n style=\"width: auto;height: 37px;border-radius: 5px;\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-header-logo.png\" alt=\"\" />\r\n {{commonServices.editPrescription === true ? 'Edit Script' : 'New Script'}}\r\n </h3>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_desktop_title new_rx_mobile_fullwidth\"\r\n style=\"align-self: center;\">\r\n <p class=\"new_rx_popup_header_box_text\" style=\"justify-content: center;\">\r\n <span style=\"font-weight: 600;\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span style=\"width: 100px;\">{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col-tablet mdl-cell--4-col-phone new_rx_popup_header_box_col new_rx_mobile_fullwidth rx_ipad_header_box_2 new_mobile_rx_top_bottom_0\"\r\n style=\"position: relative\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--6-col':'mdl-cell--5-col'\">\r\n <div class=\"new_rx_popup_btns\">\r\n <button (click)=\"close(null)\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Close\r\n </button>\r\n <div style=\"display: inline-block;position: relative\"\r\n *ngIf=\"commonServices.rxid != null && commonServices.rxid !=''\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton select-action-btn new_mobile_rx_btn\"\r\n style=\"position: relative;width: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 10px !important\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"selectActionDropdownopen()\">\r\n <ng-container *ngIf=\"selectionbtnLoader\">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!selectionbtnLoader\">\r\n Select Action <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #selectActionDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box select-action-ul\"\r\n *ngIf=\"selectActionBtnDropdown == true\"\r\n [class]=\"{ M_list_box_show: selectActionBtnDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li\r\n (click)=\"commonServices.rxDetails.status.toLowerCase() == 'draft'?cancelDraft():cancelPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,4)?'':'edit-disable-data'\">\r\n Cancel</li>\r\n <li (click)=\"printPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,1)?'':'edit-disable-data'\">\r\n Print</li>\r\n <li (click)=\"reissuePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,3)?'':'edit-disable-data'\">\r\n Re-Issue</li>\r\n <li (click)=\"ceasePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,2)?'':'edit-disable-data'\">\r\n Cease</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <button *ngIf=\"page != 1\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n (click)=\"back()\" [disabled]=\"this.commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Back\r\n </button>\r\n <button *ngIf=\"page == 1\" (click)=\"pageNumberOneToNext()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Next\r\n </button>\r\n <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored new_mobile_rx_btn\"\r\n [class]=\"abortdisable?'nextButton':'abortbutton'\" *ngIf=\"abortBtnFlag\" [disabled]=\"abortdisable\"\r\n (click)=\"prescripeAbort()\"><span *ngIf=\"abortdisable\" class=\"rx_loader\">\r\n <p class=\"rx_loader_button m-v4 rx_btn_spin\">\r\n </p>\r\n </span><span *ngIf=\"!abortdisable\">Abort</span></button>\r\n <div style=\"display: inline-block\" *ngIf=\"page == 2\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n style=\"position: relative;width: 135px;display: flex;flex-direction: row;align-items: center;justify-content: center\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"includeRtpmModal()\">\r\n <ng-container *ngIf=\"commonServices.prescribeMedLoader \">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!this.commonServices.prescribeMedLoader\">\r\n Prescribe <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #PrescribeDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box\"\r\n *ngIf=\"selectPBTNDropdown == true\" [class]=\"{ M_list_box_show: selectPBTNDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(1)}\"\r\n (click)=\"MprescribeMed(1)\">E-Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(1)\" *ngIf=\"!this.commonServices.sendToPharmacy && !this.commonServices.emergencySupply\">E-Prescribe and Send</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(2)\">E-Prescribe and Print</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft')|| (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"MprescribeMed(2)\">Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase() == 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft') || (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"prescripePrint()\">\r\n Prescribe and Print</li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_3 new_rx_mobile_title\"\r\n style=\"align-self: center\">\r\n <p class=\"new_rx_popup_header_box_text new_mobile_rx_popup_header_text\">\r\n <span style=\"font-weight: 600\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span>{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 1\" class=\"new_rx_popup_tab_1\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div #MedicineDropdown style=\"position: relative\">\r\n <div style=\"position: relative\">\r\n <input autocomplete=\"off\" type=\"text\" name=\"medicine search\" placeholder=\"Search Medicines\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_1_input\"\r\n value=\"{{ mediSearchValue }}\" (input)=\"searchHandler($event)\"\r\n (click)=\"MedicineDropdownList()\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search\">search</i>\r\n <!-- <mat-icon class=\"new_rx_popup_tab_1_input_search\"></mat-icon> -->\r\n </div>\r\n <div class=\"new_rx_popup_tab_1_list_box\" [class]=\"{\r\n M_list_box_show: selectedMedicineDropdown === true\r\n }\">\r\n <div *ngIf=\"searchMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!searchMedicineLoader\" style=\"margin-bottom: 10px;\">\r\n <ul class=\"new_rx_popup_tab_1_list\">\r\n <li *ngFor=\"let medicineList of searchedMedicineList\" [class]=\"getcurrentid(medicineList)\"\r\n (click)=\"\r\n getProductListByName(\r\n medicineList['prodHiddenValue'],\r\n medicineList['prodDisplayValue'],\r\n medicineList['searchBase']\r\n )\r\n \" [innerHTML]=\"medicineList['prodDisplayValue']\"></li>\r\n <li *ngIf=\"searchedMedicineList.length == 0\">No Data</li>\r\n </ul>\r\n </div>\r\n <div *ngIf=\"PrimarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxOnlyPBS\"\r\n (change)=\"onCheckboxChange(1)\" value=\"PBS/RPBS\" [disabled]=\"this.isNonPbsFlag\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">PBS/RPBS</span></label>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange(1)\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div>\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange()\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div> -->\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--6-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\">\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" style=\"margin-left: 8px;\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <span class=\"favourites-toggle-link\" (click)=\"$event.stopPropagation(); showFavourties()\">\r\n {{ showFavouriteMed ? 'Hide favourites' : 'Show favourites' }}\r\n </span>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--7-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div class=\"new_rx_popup_table_box\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"padding: 5px 10px; margin: 0px\">\r\n Available Formulations:\r\n </p>\r\n <div *ngIf=\"!showFavouriteMed\">\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.selectedMedicineList == null ||\r\n commonServices.selectedMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Data</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.selectedMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForMed(med)\"\r\n (click)=\"selectFormulation(med, i)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.pbsType!=undefined && med.pbsType!=null && med.pbsType.toLowerCase() == \"non pbs\"\r\n ? med.numberOfPack + \"x\" + med.unitPerPack\r\n : med.maxQtyUnits\r\n }}</span><span><b>Rpts:</b> {{ med.repeats }}</span><span\r\n *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.Restrictions!=undefined &&\r\n med.Restrictions != null && med.Restrictions != \"\"\r\n ? med.pbsType +\r\n \" (\" +\r\n getRestrictions(med.Restrictions) +\r\n \") \"\r\n : (med.pbsType!=undefined&&med.pbsType!=null?med.pbsType:\"\")\r\n }} </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showFavouriteMed\">\r\n\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.favouriteMedicineList == null ||\r\n commonServices.favouriteMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Favourites</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.favouriteMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForFavouriteMed(med)\"\r\n (click)=\"favouriteMedicineLoading(med)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.quantity}}\r\n </span><span><b>Rpts:</b> {{ med.repeats }}</span>\r\n <span *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.restriction}}\r\n </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"favMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!favMedicineLoader\"\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div class=\"mdl-grid new_rx_popup_tab_1_grid new_rx_popup_tab_1_box\"\r\n *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"margin-bottom: 5px\"\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.productName!=undefined && commonServices.selectedFormulation.productName!=null? commonServices.selectedFormulation.productName: ''\">\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col\">\r\n <p class=\"new_rx_popup_label\">\r\n Generic Name:<span\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.genericName!=undefined && commonServices.selectedFormulation.genericName!=null? commonServices.selectedFormulation.genericName : ''\"></span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\" *ngIf=\"commonServices.isBrandName\">\r\n Brand Name:<span [innerHTML]=\"\r\n getBrandName(commonServices.selectedFormulation)\r\n \">\r\n </span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n Schedule:<span>{{\r\n commonServices.selectedFormulation != null &&\r\n commonServices.selectedFormulation.poisonClassification !=\r\n undefined && commonServices.selectedFormulation.poisonClassification!=null &&\r\n commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=undefined && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=null && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses.length>0\r\n ? commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses[0]\r\n : \"No Scheduled Information Available\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listing:<span>{{commonServices.selectedFormulation.pbsType!=undefined &&\r\n commonServices.selectedFormulation.pbsType!=null? commonServices.selectedFormulation.pbsType :\r\n '' }}\r\n {{\r\n commonServices.selectedFormulation.pbsCode!=undefined &&\r\n commonServices.selectedFormulation.pbsCode!=null\r\n ? \" (\" +\r\n commonServices.selectedFormulation.pbsCode +\r\n \")\"\r\n : \"\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n <span style=\"margin:0px ;\">\r\n Max Quantity =\r\n {{getMaxQuantity()}}\r\n and Repeats =\r\n {{commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats\r\n :\"\"}}</span>\r\n </p>\r\n\r\n <p class=\"new_rx_popup_label\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pregnancyCategory!=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory != null && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=undefined && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=null\r\n \">\r\n Pregnancy Category:<span>{{\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode\r\n }}\r\n </span>\r\n <span *ngIf=\"commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote !=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != null &&\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != ''\r\n \">\r\n AdditionalNote:\r\n <span *ngFor=\"\r\n let item of commonServices.selectedFormulation\r\n .pregnancyCategory.additionalNote\r\n \" [innerHTML]=\"item\">\r\n </span>\r\n </span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" *ngIf=\"\r\n this.isShowRestrictions == true && commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <p class=\"new_rx_popup_label\">Restrictions:</p>\r\n <ol style=\"margin: 0px; padding-left: 15px\" *ngIf=\"commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li class=\"new_rx_pop_aut_int\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions\r\n \">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length < 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span>\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length > 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 60)\r\n \"></span>...\r\n <span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ol>\r\n </div>\r\n </div>\r\n\r\n <div class=\"new_rx_popup_tab_3_small_box\" [style.display]=\"isCurrentMedicineInFavourites() ? 'inline-flex' : null\"\r\n [style.width]=\"isCurrentMedicineInFavourites() ? 'max-content' : null\" *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div style=\"display: inline-block;margin-right: 10px;\" class=\"new_rx_popup_header_box_col\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <button *ngIf=\"commonServices.selectedFormulation != null\" (click)=\"addToFavourites()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored\"\r\n [class.nextButton]=\"!isCurrentMedicineInFavourites()\"\r\n [class.rmfavbutton]=\"isCurrentMedicineInFavourites()\">\r\n <span *ngIf=\"isCurrentMedicineInFavourites(); else addText\">\r\n Remove from favourites\r\n </span>\r\n <ng-template #addText>+ Add to favourites</ng-template>\r\n </button>\r\n </div>\r\n <div style=\"display: inline-block; margin-right: 10px\">\r\n <span class=\"new_rx_popup_label\">Quantity: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" name=\"qty\"\r\n placeholder=\"\" class=\"new_rx_popup_tab_input\" step=\"1\" [min]=\"0\"\r\n [(ngModel)]=\"commonServices.quantityVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"quantityChange()\" (paste)=\"$event.preventDefault()\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" />\r\n </div>\r\n <div style=\"display: inline-block\">\r\n <span class=\"new_rx_popup_label\">Repeats: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true || commonServices.isMedicineRestrict}\"\r\n name=\"rpts\" placeholder=\"\" [min]=\"0\" (input)=\"repeatsChange()\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.repeatsVal\" (paste)=\"$event.preventDefault()\"\r\n (keypress)=\"checkMobile($event)\"\r\n [disabled]=\"commonServices.editPrescribedPrescription || commonServices.isMedicineRestrict\" />\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\"></div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n Dose:\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n id=\"checkbox1\" class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.unUsualDoseFlag\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Unusual\r\n Dose</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Dose\"\r\n [(ngModel)]=\"commonServices.doseSearchValue\" (click)=\"doseDropdown()\" />\r\n <div #DoseDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectDoseDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectDoseValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let dose of doseData\" (click)=\"selectDoseValue(dose)\" [class]=\"{\r\n heighlight: dose['text'] == commonServices.doseSearchValue\r\n }\">\r\n {{ dose[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Frequency:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Frequency\" readOnly [(ngModel)]=\"commonServices.freqSearchValue\"\r\n (click)=\"freqDropdown()\" />\r\n <div #FreqDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFreqDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFrequencyValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let frequency of frequencyData\" (click)=\"selectFrequencyValue(frequency)\" [class]=\"{\r\n heighlight:\r\n frequency['text'] == commonServices.freqSearchValue\r\n }\">\r\n {{ frequency[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Food:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Food\" readOnly [(ngModel)]=\"commonServices.foodSearchValue\"\r\n (click)=\"foodDropdown()\" />\r\n <div #FoodDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFoodDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFoodValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let food of foodData\" (click)=\"selectFoodValue(food)\" [class]=\"{\r\n heighlight: food['text'] == commonServices.foodSearchValue\r\n }\">\r\n {{ food[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Instruction:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"Instruction\"\r\n placeholder=\"Select Instruction\" [(ngModel)]=\"commonServices.InstructionSearchValue\"\r\n (click)=\"instructionDropdown()\" (change)=\"instructionOnChange()\"\r\n (keypress)=\"alphaRestriction($event)\" />\r\n <div #InstructionDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{M_list_box_show: selectInstructionDropdown === true}\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <ng-container *ngIf=\"selectInstructionDropdownList\">\r\n <li (click)=\"ChangeInstruction(null)\" class=\"p-12\"> </li>\r\n <li\r\n [class]=\"item.id == commonServices.complexId && item.text == commonServices.InstructionSearchValue ? 'heighlight' : ''\"\r\n *ngFor=\"let item of instructionData; index as i\" (click)=\"ChangeInstruction(item)\">\r\n {{ item.text }}\r\n <span *ngIf=\"item.userid !== 0\" class=\"span_icon\" style=\"float: right\">\r\n <i class=\"material-icons\" style=\"padding: 5px\"\r\n (click)=\"editInstruction(item.id, item)\">create</i><i class=\"material-icons\"\r\n style=\"margin-left: 10px; padding: 5px\"\r\n (click)=\"deleteInstruction(item.id)\">clear</i></span>\r\n </li>\r\n <li class=\"RX_ADD_dropdown_btn\" (click)=\"addNewInstruction()\">\r\n + Add Complex Instructions\r\n </li>\r\n </ng-container>\r\n <ng-container *ngIf=\"selectInstructionDropdownList == false\">\r\n <div class=\"complex_instruction_box\">\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction:\r\n </p>\r\n <input autocomplete=\"off\"\r\n class=\"instruction_field_clr mdl-textfield__input new_rx_popup_tab_input \" type=\"text\"\r\n id=\"Instruction\" [(ngModel)]=\"commonServices.Instructiontiltle\"\r\n placeholder=\"Enter Complex Instruction\" />\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction Description:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxLength=\"500\"\r\n [(ngModel)]=\"tempInstructionDescription\" placeholder=\"Enter Complex Instruction Description\"\r\n class=\"instruction_field_clr w-100 new_rx_popup_tab_textarea\"></textarea>\r\n <div class=\"RX_ADD_dropdown_btn_1\">\r\n <button (click)=\"clearInstruction()\" class=\"rx-instruction-btn\">Cancel</button>\r\n <button (click)=\"saveInstruction()\" class=\"rx-instruction-btn\">Save</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Route:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedRoute:\"\r\n placeholder=\"Select Route\" [(ngModel)]=\"commonServices.routeSearchValue\" maxlength=\"50\"\r\n (click)=\"routeDropdown()\" (keypress)=\"alphaRestriction($event)\" />\r\n <div #RouteDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectRouteDropdown === true }\">\r\n <div style=\"padding: 10px; position: relative\">\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_route__input\" type=\"text\"\r\n placeholder=\"Search...\" [value]=\"routeDataFilter ? routeDataFilter : ''\"\r\n (keyup)=\"routeFilter($event)\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search rx-search-icon\">search</i>\r\n </div>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length != 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li *ngFor=\"\r\n let route of filterRouteItems(routeData, routeDataFilter)\r\n \" (click)=\"selectRoutesearcValue(route)\" [class]=\"{\r\n heighlight:\r\n route['routeName'] == commonServices.routeSearchValue\r\n }\">\r\n {{ route[\"routeName\"] }}\r\n </li>\r\n </ul>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length == 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li>no data</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Pro Re Nata Prescription:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.rxPRN\"\r\n (ngModelChange)=\"PRNChange(commonServices.rxPRN)\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Pro\r\n Re Nata\r\n Prescription</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Prescribe As:</p>\r\n <div class=\"rx_new_popup_checkbox\">\r\n <div class=\"rx_new_radiobox_button rx_radio_overall\">\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" class=\"mdl-radio__button custom-radio-button\"\r\n name=\"PrescribeAs\" [value]=\"'Private'\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'private'\" (click)=\"private()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Private</span></label>\r\n\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'PBS'\"\r\n [disabled]=\"prescribeAS_PBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'pbs'\" (click)=\"PBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_PBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">PBS</span>\r\n </label>\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'RPBS'\"\r\n [disabled]=\"prescribeAS_RPBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'rpbs'\" (click)=\"RPBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_RPBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">RPBS</span>\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pbsType!=undefined && commonServices.selectedFormulation.pbsType!=null &&\r\n commonServices.selectedFormulation.pbsType.toLowerCase() === 'non pbs' &&\r\n commonServices.patientDetails.dvaNumber != null &&\r\n commonServices.patientDetails.dvaNumber != '' && isNonPbsFlag == false && !isPrescribeAsPrivateOnly\r\n \">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox\" class=\"check_box\"\r\n [checked]=\"commonServices.unlistedRA\" (click)=\"unlistedRA()\"\r\n [(ngModel)]=\"commonServices.unlistedRA\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" />\r\n <span class=\"mdl-checkbox__label check_box_label\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">\r\n Unlisted RA\r\n </span>\r\n </label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n M_CTG_box_hide: !(\r\n commonServices.patientDetails &&\r\n commonServices.patientDetails.patientCtgFlag == 0 &&\r\n commonServices.patientDetails.patientCtgCoPayment == 0 &&\r\n commonServices.PrescribeAS.toLowerCase() == 'pbs'\r\n )\r\n }\">\r\n <!-- <p class=\"new_rx_popup_label\">CTG/PBS Co Payment:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.CTGCoPayment\"\r\n [checked]=\"commonServices.CTGCoPayment == true\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">CTG/PBS\r\n Co Payment</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Script Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n id=\"RxScriptDate\" placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.scriptDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Start Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxStartDate\"\r\n placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.startDate\" (ngModelChange)=\"commonServices.rxEndDateCalculater()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">End Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxEndDate\"\r\n placeholder=\"../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.endDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Days Between Repeats:</p>\r\n <input autocomplete=\"off\" (paste)=\"$event.preventDefault()\" placeholder=\"Enter Days Between Repeats\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true||commonServices.isMedicineRestrict}\"\r\n class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"number\" id=\"Daybetweenrepeats\" [min]=\"0\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription||commonServices.isMedicineRestrict\"\r\n [(ngModel)]=\"commonServices.daysBtnRepeatsVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"dayschange()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <div>\r\n <p class=\"new_rx_popup_label\">Purpose:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedPurpose:\"\r\n placeholder=\"Select Purpose\" readOnly [(ngModel)]=\"commonServices.purposeSearchValue\"\r\n (click)=\"purposeDropdown()\" />\r\n <div #PurposeDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_purpose_box h-160p\"\r\n [class]=\"{ M_list_box_show: selectPurposeDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectPurposeValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let purpose of purposeData\" (click)=\"selectPurposeValue(purpose)\" [class]=\"{\r\n heighlight:\r\n purpose['lookupText'] ==\r\n commonServices.purposeSearchValue\r\n }\">\r\n {{ purpose[\"lookupText\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.isBrandName != true }\">\r\n <!-- <p class=\"new_rx_popup_label\">Substitution:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true || commonServices.isBrandName == false\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.BrandSubstitutesNotAllow\"\r\n (change)=\"this.brandSubstitutesNotAllow(commonServices.BrandSubstitutesNotAllow)\" [checked]=\"\r\n commonServices.BrandSubstitutesNotAllow\r\n ? commonServices.BrandSubstitutesNotAllow\r\n : false\r\n \" /><span class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Brand\r\n Substitution\r\n Not Permitted</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide_brand: commonServices.lemi == true }\" id=\"brandnametooltip\"\r\n (mouseleave)=\"hideToolTip()\" (mouseenter)=\"showtooltip(commonServices.lemi,brandtooltip)\">\r\n <!-- <p class=\"new_rx_popup_label\">Brand Name:</p> -->\r\n <ng-template #brandtooltip><span class=\"include_brand_tooltip\">The selected product is LEMI\r\n identified. Therefore it may be\r\n prescribed by the brand name only.</span></ng-template>\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\" [class]=\"{\r\n M_CTG_box_hide_brand_name: commonServices.lemi == true || commonServices.isFetching == true || commonServices.editPrescribedPrescription === true\r\n }\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [checked]=\"commonServices.isBrandName\"\r\n [(ngModel)]=\"commonServices.isBrandName\"\r\n (change)=\"this.isChangeBrandName(commonServices.isBrandName)\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">Include Brand\r\n Name</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Regulation 24:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.regulation24\"\r\n [checked]=\"commonServices.regulation24\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Regulation\r\n 24</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">DO NOT send to MySL:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.mySLConsent\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">DO\r\n NOT send to MySL</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n <!-- Pharmacy: -->\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.sendToPharmacy\" (change)=\"sendToPharmacyChange()\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Send\r\n to Pharmacy</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\" readonly\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Value\"\r\n [(ngModel)]=\"commonServices.sendToPharmacyValue\" (click)=\"stpValueDropdown()\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.sendToPharmacy != true }\" />\r\n <div #stpDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_stp_box h-93p\"\r\n [class]=\"{ M_list_box_show: selectstpDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectStpValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let sendtopharmacy of sendtopharmacyData\" (click)=\"selectStpValue(sendtopharmacy)\">\r\n {{ sendtopharmacy.name }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Emergency Supply:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.emergencySupply\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Emergency\r\n Supply</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 2\" class=\"new_rx_popup_tab_2\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px; opacity: 1\">\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div style=\"width: 100%; padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <div class=\"mdl-grid new_rx_popup_tab_1_grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\">RX</p>\r\n <p class=\"new_rx_popup_label_p\">\r\n <b [innerHTML]=\"commonServices.rxDisplayName\"></b>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\" style=\"margin: 0px\">Quantity: <span\r\n style=\"color: rgb(45, 45, 45); font-weight: 600\">{{ commonServices.quantityVal }}\r\n </span> Repeats: <span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default Quantity:{{getDefaultQuantity()}}\r\n Default Repeats:\r\n {{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?commonServices.selectedFormulation.repeats:\"\"\r\n }}\r\n </p>\r\n <p *ngIf=\"commonServices.doseSearchValue != '' ||commonServices.freqSearchValue != ''\"\r\n class=\"new_rx_popup_label_p\">\r\n <span>{{ commonServices.doseSearchValue }} </span><span>{{ commonServices.freqSearchValue\r\n }}</span>\r\n </p>\r\n <p *ngIf=\"commonServices.foodSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.foodSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n {{InstructionDescription !=\"\" && InstructionDescription!=null?\r\n InstructionDescription:commonServices.InstructionSearchValue!=\"\" &&\r\n commonServices.InstructionSearchValue!=null?commonServices.InstructionSearchValue:\"\"}}\r\n </p>\r\n <p *ngIf=\"commonServices.routeSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.routeSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n P.R.N :\r\n <i *ngIf=\"commonServices.rxPRN\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.rxPRN\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Days Between Repeats:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">{{commonServices.daysBtnRepeatsVal}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Unusual Dose:\r\n <i *ngIf=\"commonServices.unUsualDoseFlag\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.unUsualDoseFlag\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Script Date:\r\n <span>{{this.commonServices.scriptDate|date:'dd-MM-yyyy'}}</span>\r\n\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Start Date:\r\n <span>{{this.commonServices.startDate|date:'dd-MM-yyyy'}}</span>, End Date:\r\n {{this.commonServices.endDate|date:'dd-MM-yyyy'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Prescribe As:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">{{commonServices.PrescribeAS}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Purpose:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">{{commonServices.purposeSearchValue}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Include Brand Name:\r\n <i *ngIf=\"commonServices.isBrandName\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.isBrandName\">-</span>,\r\n Brand Substitution Not Permitted:\r\n <i *ngIf=\"commonServices.BrandSubstitutesNotAllow\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.BrandSubstitutesNotAllow\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Regulation 24:\r\n <i *ngIf=\"commonServices.regulation24\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.regulation24\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n CTG/PBS Co Payment:\r\n <i *ngIf=\"commonServices.CTGCoPayment\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.CTGCoPayment\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n DO NOT send to MySL:\r\n <i *ngIf=\"commonServices.mySLConsent\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.mySLConsent\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Send to Pharmacy:\r\n <i *ngIf=\"commonServices.sendToPharmacy\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.sendToPharmacy\">-</span>, Send to Pharmacy Value:\r\n {{!commonServices.IsNullOrEmpty(commonServices.sendToPharmacyValue)?commonServices.sendToPharmacyValue:'-'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Emergency Supply:\r\n <i *ngIf=\"commonServices.emergencySupply\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.emergencySupply\">-</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Note To Pharmacy:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"this.commonServices.doctorNotes\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Annotation:</p>\r\n\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"this.commonServices.annotation\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Reason For Prescription:</p>\r\n\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"this.commonServices.prescriptionReason\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\" style=\"text-transform: capitalize;\">\r\n {{this.getStateAuthorityLabel(commonServices.patientDetails.state)}}\r\n </p>\r\n\r\n <p style=\"margin: 0px;margin-top: -8px;margin-bottom: 10px;\">\r\n <span class=\"state-txt-color new_rx_popup_label_p\">(Relevant to\r\n {{ commonServices.patientDetails.state }})</span>\r\n </p>\r\n\r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.StateAuthorityNumber\" maxlength=\"25\"\r\n (keypress)=\"authorityNoValidation($event)\" (ngModelChange)=\"authorityNoChange($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n 'new_rx_no_authority':!showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',commonServices.PrescribeAS,commonServices.rxAuthority,commonServices.unlistedRA)\r\n }\">\r\n <div *ngIf=\"\r\n showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \">\r\n <div style=\"padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--8-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\">\r\n <span class=\"new_rx_popup_label_New\">HOTLINE: <span\r\n class=\"new_rx_popup_label_span\">{{commonServices.PrescribeAS ==\r\n 'RPBS'?'1800552580':'1800888333'}}</span></span>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--4-col mdl-cell--2-col-tablet mdl-cell--4-col-phone\">\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Name:<span>{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Number:<span>{{\r\n commonServices.physicianDetails.prescriberNumber\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Patient Medicare Number:<span>{{\r\n commonServices.patientDetails.medicareNumber\r\n ? commonServices.patientDetails.medicareNumber\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Authority Form No:\r\n <span>{{\r\n commonServices.authorityFormNo\r\n ? commonServices.authorityFormNo\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Authority Item:</p>\r\n <p class=\"authority_item_text\" [innerHTML]=\"commonServices.rxDisplayName\"></p>\r\n\r\n <p class=\"new_rx_popup_label_p new_rx_popup_tab_smallBoxes\" style=\"margin: 0px\">\r\n Quantity:<span style=\"color: rgb(45, 45, 45); font-weight: 600\"> {{ commonServices.quantityVal\r\n }}</span> Repeats:<span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default\r\n Quantity:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.maxQtyUnits!=null?(commonServices.quantityWithUnitFlag?\"1\r\n x \":\"\")+commonServices.selectedFormulation.maxQtyUnits:\"\"}}\r\n Default\r\n Repeats:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?\r\n commonServices.selectedFormulation.repeats:\"\"}}\r\n </p>\r\n\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listed Indication Authority:\r\n </p>\r\n <div class=\"w-100 new_rx_popup_tab_textarea\"\r\n style=\"min-height: 70px; max-height: 150px; overflow: auto\">\r\n <ul style=\"margin: 0px; padding-left: 15px;list-style: none;padding: 0px;\" *ngIf=\"\r\n this.isShowRestrictions == true &&\r\n commonServices.selectedFormulation.Restrictions !=\r\n null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li style=\"font-size: 12px;padding: 0px 10px;margin-bottom: 10px;\"\r\n class=\"new_rx_pop_aut_int cursor\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions;\r\n index as i\r\n \" [class]=\"{\r\n new_rx_pop_aut_ins_select:\r\n commonServices.pbsListInstructionsId == i\r\n }\">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length < 80\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span></span>\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length > 80\"><b (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">{{\r\n restriction.restrictionType }}</b> -\r\n <span (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \" [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 80)\r\n \"></span>...\r\n <span>\r\n </span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\"\r\n style=\"padding: 0px\">\r\n <!-- <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">PBS Notes:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n class=\"w-100 new_rx_popup_tab_textarea\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsNotes\"></textarea>\r\n </div> -->\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Indication For This Authority:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsListInstructions\" (ngModelChange)=\"onInputChange($event)\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-100\"></textarea>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n {{\r\n getAuthorityLabel(commonServices.patientDetails.state)\r\n }}\r\n </p>\r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.approvalNo\" (ngModelChange)=\"onInputchangeApprovalNo($event)\"\r\n (keypress)=\"authorityNoValidation($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\r\n !showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \" style=\"width: 100%;\">\r\n <div style=\"text-align: right\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n <div class=\"No_Authority_box\">\r\n <p>No Authority Required</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rx_footer\">\r\n <div class=\"rx_footer_brand\">\r\n <p class=\"ml-10\"><span>Hola Consult | 1.0 <span *ngIf=\"commonServices.sandbox\">| <span\r\n class=\"rx_staging\">This is a sandbox environment</span></span></span></p>\r\n <p class=\"mt-15p\">\r\n <span class=\"rx_popup_footer_text\">\u00A9 2026 Hola Health, a brand of Packapill Pty Ltd | v\r\n 1.1.3 |\r\n <a href=\"https://hola.health/consult-terms\" target=\"_blank\">Terms</a> |\r\n <a href=\"https://hola.health/consult-privacy-policy\" target=\"_blank\">Privacy Policy</a> |\r\n <a href=\"mailto:support@hola.health\" target=\"_blank\">Help</a></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #020202;width:30px;height:30px;animation:spin 1s linear infinite;margin-left:18px;margin-top:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-v4{margin-left:4vh}.rx_loader_button{border:2px solid #f3f3f3;border-radius:50%;border-top:4px solid #005760;width:30px;height:30px;animation:spin 1s linear infinite}.drp-icon{color:#fff;font-size:19px;margin-left:5px}.select-action-btn{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.select-action-ul{width:80%}.new_rx_popup_mims .React__Overlay_Open_Popup{position:fixed;inset:0;background-color:#00000080!important}.new_rx_popup_mims .new_rx_mims_Overlay_Open_Popup{z-index:9999999!important}.new_rx_popup_mims .ReactModal__Overlay{overflow-y:auto!important}.new_rx_popup_mims .ReactModal_popup{width:100%;padding:0;margin:20px 0 0}.new_rx_popup_mims .ReactModal__Content{margin:auto}.edit-disable-data{pointer-events:none;opacity:.6}.new_rx_popup_btns{position:relative;display:flex;justify-content:flex-end;align-items:center}@media only screen and (max-width: 1023px){.rx_ipad_header_box_1{width:calc(35% - 16px)}.rx_ipad_header_box_2{width:calc(65% - 16px)}.rx_ipad_header_box_3{width:calc(100% - 16px)}.new_mobile_rx_popup_header_text{display:block;text-align:center}}@media screen and (max-width: 767px){.new_rx_popup_btns,.new_mobile_rx_popup_header_text{display:block;text-align:center}.new_mobile_rx_top_bottom_0{margin-top:0;margin-bottom:0}.new_mobile_rx_btn{margin-bottom:5px}}.favourites-toggle-link{color:#0077b6!important;text-decoration:underline;cursor:pointer!important;font-size:14px;font-weight:400;line-height:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none!important;-webkit-tap-highlight-color:transparent}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SplashscreenComponent, selector: "app-splashscreen", inputs: ["height"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
6262
6250
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RxComponent, decorators: [{
6263
6251
  type: Component,
6264
- args: [{ selector: 'app-rx', template: "<div class=\"new_rx_popup_mims\">\r\n <div\r\n class=\"ReactModal__Overlay ReactModal__Overlay--after-open React__Overlay_Open_Popup new_rx_mims_Overlay_Open_Popup\">\r\n <div class=\"ReactModal__Content ReactModal__Content--after-open React__Content new_rx_mims_React__Content\">\r\n <div class=\"popup new_rx_mims_ReactModal_popup\">\r\n <div class=\"open-subpopup\">\r\n <ng-template #rxwidgets class=\"popover\"> </ng-template>\r\n <app-splashscreen *ngIf=\"PopupScreenLoader\" [height]=\"'height-rx-spin'\"> </app-splashscreen>\r\n <div class=\"page-content\" *ngIf=\"!PopupScreenLoader\">\r\n <div class=\"new_rx_popup_header_box\">\r\n <div class=\"mdl-grid\" style=\"width: 100%;padding: 6px;display: flex;flex-direction: row;justify-content: space-between;\">\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col-tablet mdl-cell--3-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_1\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--2-col':'mdl-cell--3-col'\"\r\n style=\"align-self: center;display: contents;\">\r\n <h3 class=\"new_rx_popup_header_box_text\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-hola-health-logo-1.png\" alt=\"hola_health\"\r\n style=\"width: auto;height: 37px;border-radius: 5px;\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-header-logo.png\" alt=\"\" />\r\n {{commonServices.editPrescription === true ? 'Edit Script' : 'New Script'}}\r\n </h3>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_desktop_title new_rx_mobile_fullwidth\"\r\n style=\"align-self: center;display: contents;\">\r\n <p class=\"new_rx_popup_header_box_text\" style=\"justify-content: center;\">\r\n <span style=\"font-weight: 600;\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span style=\"width: 100px;\">{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col-tablet mdl-cell--4-col-phone new_rx_popup_header_box_col new_rx_mobile_fullwidth rx_ipad_header_box_2 new_mobile_rx_top_bottom_0\"\r\n style=\"position: relative;display: contents;\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--6-col':'mdl-cell--5-col'\">\r\n <div class=\"new_rx_popup_btns\">\r\n <button (click)=\"close(null)\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Close\r\n </button>\r\n <div style=\"display: inline-block;position: relative\"\r\n *ngIf=\"commonServices.rxid != null && commonServices.rxid !=''\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton select-action-btn new_mobile_rx_btn\"\r\n style=\"position: relative;width: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 10px !important\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"selectActionDropdownopen()\">\r\n <ng-container *ngIf=\"selectionbtnLoader\">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!selectionbtnLoader\">\r\n Select Action <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #selectActionDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box select-action-ul\"\r\n *ngIf=\"selectActionBtnDropdown == true\"\r\n [class]=\"{ M_list_box_show: selectActionBtnDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li\r\n (click)=\"commonServices.rxDetails.status.toLowerCase() == 'draft'?cancelDraft():cancelPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,4)?'':'edit-disable-data'\">\r\n Cancel</li>\r\n <li (click)=\"printPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,1)?'':'edit-disable-data'\">\r\n Print</li>\r\n <li (click)=\"reissuePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,3)?'':'edit-disable-data'\">\r\n Re-Issue</li>\r\n <li (click)=\"ceasePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,2)?'':'edit-disable-data'\">\r\n Cease</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <button *ngIf=\"page != 1\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n (click)=\"back()\" [disabled]=\"this.commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Back\r\n </button>\r\n <button *ngIf=\"page == 1\" (click)=\"pageNumberOneToNext()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Next\r\n </button>\r\n <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored new_mobile_rx_btn\"\r\n [class]=\"abortdisable?'nextButton':'abortbutton'\" *ngIf=\"abortBtnFlag\" [disabled]=\"abortdisable\"\r\n (click)=\"prescripeAbort()\"><span *ngIf=\"abortdisable\" class=\"rx_loader\">\r\n <p class=\"rx_loader_button m-v4 rx_btn_spin\">\r\n </p>\r\n </span><span *ngIf=\"!abortdisable\">Abort</span></button>\r\n <div style=\"display: inline-block\" *ngIf=\"page == 2\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n style=\"position: relative;width: 135px;display: flex;flex-direction: row;align-items: center;justify-content: center\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"includeRtpmModal()\">\r\n <ng-container *ngIf=\"commonServices.prescribeMedLoader \">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!this.commonServices.prescribeMedLoader\">\r\n Prescribe <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #PrescribeDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box\"\r\n *ngIf=\"selectPBTNDropdown == true\" [class]=\"{ M_list_box_show: selectPBTNDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(1)}\"\r\n (click)=\"MprescribeMed(1)\">E-Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(1)\" *ngIf=\"!this.commonServices.sendToPharmacy && !this.commonServices.emergencySupply\">E-Prescribe and Send</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(2)\">E-Prescribe and Print</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft')|| (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"MprescribeMed(2)\">Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase() == 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft') || (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"prescripePrint()\">\r\n Prescribe and Print</li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_3 new_rx_mobile_title\"\r\n style=\"align-self: center\">\r\n <p class=\"new_rx_popup_header_box_text new_mobile_rx_popup_header_text\">\r\n <span style=\"font-weight: 600\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span>{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div> -->\r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 1\" class=\"new_rx_popup_tab_1\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div #MedicineDropdown style=\"position: relative\">\r\n <div style=\"position: relative\">\r\n <input autocomplete=\"off\" type=\"text\" name=\"medicine search\" placeholder=\"Search Medicines\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_1_input\"\r\n value=\"{{ mediSearchValue }}\" (input)=\"searchHandler($event)\"\r\n (click)=\"MedicineDropdownList()\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search\">search</i>\r\n <!-- <mat-icon class=\"new_rx_popup_tab_1_input_search\"></mat-icon> -->\r\n </div>\r\n <div class=\"new_rx_popup_tab_1_list_box\" [class]=\"{\r\n M_list_box_show: selectedMedicineDropdown === true\r\n }\">\r\n <div *ngIf=\"searchMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!searchMedicineLoader\" style=\"margin-bottom: 10px;\">\r\n <ul class=\"new_rx_popup_tab_1_list\">\r\n <li *ngFor=\"let medicineList of searchedMedicineList\" [class]=\"getcurrentid(medicineList)\"\r\n (click)=\"\r\n getProductListByName(\r\n medicineList['prodHiddenValue'],\r\n medicineList['prodDisplayValue'],\r\n medicineList['searchBase']\r\n )\r\n \" [innerHTML]=\"medicineList['prodDisplayValue']\"></li>\r\n <li *ngIf=\"searchedMedicineList.length == 0\">No Data</li>\r\n </ul>\r\n </div>\r\n <div *ngIf=\"PrimarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0 sp-flex\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div style=\"text-align: left\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxOnlyPBS\"\r\n (change)=\"onCheckboxChange(1)\" value=\"PBS/RPBS\" [disabled]=\"this.isNonPbsFlag\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">PBS/RPBS</span></label>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange(1)\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div>\r\n <!-- </div> -->\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange()\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div> -->\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--6-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"> -->\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" style=\"margin-left: 8px;height: auto;\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <span class=\"favourites-toggle-link\" (click)=\"$event.stopPropagation(); showFavourties()\">\r\n {{ showFavouriteMed ? 'Hide favourites' : 'Show favourites' }}\r\n </span>\r\n </div>\r\n <div class=\"popup-wrapper\">\r\n <div class=\"parent-container\" style=\"width: 100%; padding: 0px\" [class.mobile-layout]=\"isMobile\">\r\n <div\r\n class=\"left-box new_rx_mobile_fullwidth\">\r\n <div class=\"new_rx_popup_table_box\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"padding: 5px 10px; margin: 0px\">\r\n Available Formulations:\r\n </p>\r\n <div *ngIf=\"!showFavouriteMed\">\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.selectedMedicineList == null ||\r\n commonServices.selectedMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Data</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.selectedMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForMed(med)\"\r\n (click)=\"selectFormulation(med, i)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.pbsType!=undefined && med.pbsType!=null && med.pbsType.toLowerCase() == \"non pbs\"\r\n ? med.numberOfPack + \"x\" + med.unitPerPack\r\n : med.maxQtyUnits\r\n }}</span><span><b>Rpts:</b> {{ med.repeats }}</span><span\r\n *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.Restrictions!=undefined &&\r\n med.Restrictions != null && med.Restrictions != \"\"\r\n ? med.pbsType +\r\n \" (\" +\r\n getRestrictions(med.Restrictions) +\r\n \") \"\r\n : (med.pbsType!=undefined&&med.pbsType!=null?med.pbsType:\"\")\r\n }} </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showFavouriteMed\">\r\n\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.favouriteMedicineList == null ||\r\n commonServices.favouriteMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Favourites</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.favouriteMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForFavouriteMed(med)\"\r\n (click)=\"favouriteMedicineLoading(med)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.quantity}}\r\n </span><span><b>Rpts:</b> {{ med.repeats }}</span>\r\n <span *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.restriction}}\r\n </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"favMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!favMedicineLoader\" class=\"right-box new_rx_mobile_fullwidth\">\r\n <div class=\"new_rx_popup_tab_1_grid new_rx_popup_tab_1_box\" *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div style=\"display: flex;justify-content: flex-start;\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"margin-bottom: 5px\"\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.productName!=undefined && commonServices.selectedFormulation.productName!=null? commonServices.selectedFormulation.productName: ''\">\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col\">\r\n <p class=\"new_rx_popup_label\">\r\n Generic Name:<span\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.genericName!=undefined && commonServices.selectedFormulation.genericName!=null? commonServices.selectedFormulation.genericName : ''\"></span>\r\n </p>\r\n </div>\r\n </div>\r\n \r\n <div class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\" *ngIf=\"commonServices.isBrandName\">\r\n Brand Name:<span [innerHTML]=\"\r\n getBrandName(commonServices.selectedFormulation)\r\n \">\r\n </span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n Schedule:<span>{{\r\n commonServices.selectedFormulation != null &&\r\n commonServices.selectedFormulation.poisonClassification !=\r\n undefined && commonServices.selectedFormulation.poisonClassification!=null &&\r\n commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=undefined && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=null && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses.length>0\r\n ? commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses[0]\r\n : \"No Scheduled Information Available\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listing:<span>{{commonServices.selectedFormulation.pbsType!=undefined &&\r\n commonServices.selectedFormulation.pbsType!=null? commonServices.selectedFormulation.pbsType :\r\n '' }}\r\n {{\r\n commonServices.selectedFormulation.pbsCode!=undefined &&\r\n commonServices.selectedFormulation.pbsCode!=null\r\n ? \" (\" +\r\n commonServices.selectedFormulation.pbsCode +\r\n \")\"\r\n : \"\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n <span style=\"margin:0px ;\">\r\n Max Quantity =\r\n {{getMaxQuantity()}}\r\n and Repeats =\r\n {{commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats\r\n :\"\"}}</span>\r\n </p>\r\n \r\n <p class=\"new_rx_popup_label\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pregnancyCategory!=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory != null && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=undefined && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=null\r\n \">\r\n Pregnancy Category:<span>{{\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode\r\n }}\r\n </span>\r\n <span *ngIf=\"commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote !=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != null &&\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != ''\r\n \">\r\n AdditionalNote:\r\n <span *ngFor=\"\r\n let item of commonServices.selectedFormulation\r\n .pregnancyCategory.additionalNote\r\n \" [innerHTML]=\"item\">\r\n </span>\r\n </span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" *ngIf=\"\r\n this.isShowRestrictions == true && commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <p class=\"new_rx_popup_label\">Restrictions:</p>\r\n <ol style=\"margin: 0px; padding-left: 15px\" *ngIf=\"commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li class=\"new_rx_pop_aut_int\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions\r\n \">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length < 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span>\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length > 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 60)\r\n \"></span>...\r\n <span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ol>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"new_rx_popup_tab_3_small_box\" [style.display]=\"isCurrentMedicineInFavourites() ? 'inline-flex' : null\"\r\n [style.width]=\"isCurrentMedicineInFavourites() ? 'max-content' : null\" *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div style=\"display: inline-block;margin-right: 10px;\" class=\"new_rx_popup_header_box_col\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <button *ngIf=\"commonServices.selectedFormulation != null\" (click)=\"addToFavourites()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored\"\r\n [class.nextButton]=\"!isCurrentMedicineInFavourites()\"\r\n [class.rmfavbutton]=\"isCurrentMedicineInFavourites()\">\r\n <span *ngIf=\"isCurrentMedicineInFavourites(); else addText\">\r\n Remove from favourites\r\n </span>\r\n <ng-template #addText>+ Add to favourites</ng-template>\r\n </button>\r\n </div>\r\n <div style=\"display: inline-block; margin-right: 10px\">\r\n <span class=\"new_rx_popup_label\">Quantity: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" name=\"qty\"\r\n placeholder=\"\" class=\"new_rx_popup_tab_input\" step=\"1\" [min]=\"0\"\r\n [(ngModel)]=\"commonServices.quantityVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"quantityChange()\" (paste)=\"$event.preventDefault()\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" />\r\n </div>\r\n <div style=\"display: inline-block\">\r\n <span class=\"new_rx_popup_label\">Repeats: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true || commonServices.isMedicineRestrict}\"\r\n name=\"rpts\" placeholder=\"\" [min]=\"0\" (input)=\"repeatsChange()\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.repeatsVal\" (paste)=\"$event.preventDefault()\"\r\n (keypress)=\"checkMobile($event)\"\r\n [disabled]=\"commonServices.editPrescribedPrescription || commonServices.isMedicineRestrict\" />\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\"></div> -->\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n Dose:\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n id=\"checkbox1\" class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.unUsualDoseFlag\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Unusual\r\n Dose</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Dose\"\r\n [(ngModel)]=\"commonServices.doseSearchValue\" (click)=\"doseDropdown()\" />\r\n <div #DoseDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectDoseDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectDoseValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let dose of doseData\" (click)=\"selectDoseValue(dose)\" [class]=\"{\r\n heighlight: dose['text'] == commonServices.doseSearchValue\r\n }\">\r\n {{ dose[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Frequency:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Frequency\" readOnly [(ngModel)]=\"commonServices.freqSearchValue\"\r\n (click)=\"freqDropdown()\" />\r\n <div #FreqDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFreqDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFrequencyValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let frequency of frequencyData\" (click)=\"selectFrequencyValue(frequency)\" [class]=\"{\r\n heighlight:\r\n frequency['text'] == commonServices.freqSearchValue\r\n }\">\r\n {{ frequency[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Food:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Food\" readOnly [(ngModel)]=\"commonServices.foodSearchValue\"\r\n (click)=\"foodDropdown()\" />\r\n <div #FoodDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFoodDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFoodValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let food of foodData\" (click)=\"selectFoodValue(food)\" [class]=\"{\r\n heighlight: food['text'] == commonServices.foodSearchValue\r\n }\">\r\n {{ food[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Instruction:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"Instruction\"\r\n placeholder=\"Select Instruction\" [(ngModel)]=\"commonServices.InstructionSearchValue\"\r\n (click)=\"instructionDropdown()\" (change)=\"instructionOnChange()\"\r\n (keypress)=\"alphaRestriction($event)\" />\r\n <div #InstructionDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{M_list_box_show: selectInstructionDropdown === true}\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <ng-container *ngIf=\"selectInstructionDropdownList\">\r\n <li (click)=\"ChangeInstruction(null)\" class=\"p-12\"> </li>\r\n <li\r\n [class]=\"item.id == commonServices.complexId && item.text == commonServices.InstructionSearchValue ? 'heighlight' : ''\"\r\n *ngFor=\"let item of instructionData; index as i\" (click)=\"ChangeInstruction(item)\">\r\n {{ item.text }}\r\n <span *ngIf=\"item.userid !== 0\" class=\"span_icon\" style=\"float: right\">\r\n <i class=\"material-icons\" style=\"padding: 5px\"\r\n (click)=\"editInstruction(item.id, item)\">create</i><i class=\"material-icons\"\r\n style=\"margin-left: 10px; padding: 5px\"\r\n (click)=\"deleteInstruction(item.id)\">clear</i></span>\r\n </li>\r\n <li class=\"RX_ADD_dropdown_btn\" (click)=\"addNewInstruction()\">\r\n + Add Complex Instructions\r\n </li>\r\n </ng-container>\r\n <ng-container *ngIf=\"selectInstructionDropdownList == false\">\r\n <div class=\"complex_instruction_box\">\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction:\r\n </p>\r\n <input autocomplete=\"off\"\r\n class=\"instruction_field_clr mdl-textfield__input new_rx_popup_tab_input \" type=\"text\"\r\n id=\"Instruction\" [(ngModel)]=\"commonServices.Instructiontiltle\"\r\n placeholder=\"Enter Complex Instruction\" />\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction Description:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxLength=\"500\"\r\n [(ngModel)]=\"tempInstructionDescription\" placeholder=\"Enter Complex Instruction Description\"\r\n class=\"instruction_field_clr w-100 new_rx_popup_tab_textarea\"></textarea>\r\n <div class=\"RX_ADD_dropdown_btn_1\">\r\n <button (click)=\"clearInstruction()\" class=\"rx-instruction-btn\">Cancel</button>\r\n <button (click)=\"saveInstruction()\" class=\"rx-instruction-btn\">Save</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Route:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedRoute:\"\r\n placeholder=\"Select Route\" [(ngModel)]=\"commonServices.routeSearchValue\" maxlength=\"50\"\r\n (click)=\"routeDropdown()\" (keypress)=\"alphaRestriction($event)\" />\r\n <div #RouteDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectRouteDropdown === true }\">\r\n <div style=\"padding: 10px; position: relative\">\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_route__input\" type=\"text\"\r\n placeholder=\"Search...\" [value]=\"routeDataFilter ? routeDataFilter : ''\"\r\n (keyup)=\"routeFilter($event)\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search rx-search-icon\">search</i>\r\n </div>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length != 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li *ngFor=\"\r\n let route of filterRouteItems(routeData, routeDataFilter)\r\n \" (click)=\"selectRoutesearcValue(route)\" [class]=\"{\r\n heighlight:\r\n route['routeName'] == commonServices.routeSearchValue\r\n }\">\r\n {{ route[\"routeName\"] }}\r\n </li>\r\n </ul>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length == 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li>no data</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Pro Re Nata Prescription:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.rxPRN\"\r\n (ngModelChange)=\"PRNChange(commonServices.rxPRN)\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Pro\r\n Re Nata\r\n Prescription</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Prescribe As:</p>\r\n <div class=\"rx_new_popup_checkbox\">\r\n <div class=\"rx_new_radiobox_button rx_radio_overall\">\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" class=\"mdl-radio__button custom-radio-button\"\r\n name=\"PrescribeAs\" [value]=\"'Private'\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'private'\" (click)=\"private()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Private</span></label>\r\n\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'PBS'\"\r\n [disabled]=\"prescribeAS_PBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'pbs'\" (click)=\"PBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_PBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">PBS</span>\r\n </label>\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'RPBS'\"\r\n [disabled]=\"prescribeAS_RPBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'rpbs'\" (click)=\"RPBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_RPBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">RPBS</span>\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pbsType!=undefined && commonServices.selectedFormulation.pbsType!=null &&\r\n commonServices.selectedFormulation.pbsType.toLowerCase() === 'non pbs' &&\r\n commonServices.patientDetails.dvaNumber != null &&\r\n commonServices.patientDetails.dvaNumber != '' && isNonPbsFlag == false && !isPrescribeAsPrivateOnly\r\n \">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox\" class=\"check_box\"\r\n [checked]=\"commonServices.unlistedRA\" (click)=\"unlistedRA()\"\r\n [(ngModel)]=\"commonServices.unlistedRA\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" />\r\n <span class=\"mdl-checkbox__label check_box_label\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">\r\n Unlisted RA\r\n </span>\r\n </label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n M_CTG_box_hide: !(\r\n commonServices.patientDetails &&\r\n commonServices.patientDetails.patientCtgFlag == 0 &&\r\n commonServices.patientDetails.patientCtgCoPayment == 0 &&\r\n commonServices.PrescribeAS.toLowerCase() == 'pbs'\r\n )\r\n }\">\r\n <!-- <p class=\"new_rx_popup_label\">CTG/PBS Co Payment:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.CTGCoPayment\"\r\n [checked]=\"commonServices.CTGCoPayment == true\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">CTG/PBS\r\n Co Payment</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Script Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n id=\"RxScriptDate\" placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.scriptDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Start Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxStartDate\"\r\n placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.startDate\" (ngModelChange)=\"commonServices.rxEndDateCalculater()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">End Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxEndDate\"\r\n placeholder=\"../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.endDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Days Between Repeats:</p>\r\n <input autocomplete=\"off\" (paste)=\"$event.preventDefault()\" placeholder=\"Enter Days Between Repeats\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true||commonServices.isMedicineRestrict}\"\r\n class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"number\" id=\"Daybetweenrepeats\" [min]=\"0\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription||commonServices.isMedicineRestrict\"\r\n [(ngModel)]=\"commonServices.daysBtnRepeatsVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"dayschange()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <div>\r\n <p class=\"new_rx_popup_label\">Purpose:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedPurpose:\"\r\n placeholder=\"Select Purpose\" readOnly [(ngModel)]=\"commonServices.purposeSearchValue\"\r\n (click)=\"purposeDropdown()\" />\r\n <div #PurposeDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_purpose_box h-160p\"\r\n [class]=\"{ M_list_box_show: selectPurposeDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectPurposeValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let purpose of purposeData\" (click)=\"selectPurposeValue(purpose)\" [class]=\"{\r\n heighlight:\r\n purpose['lookupText'] ==\r\n commonServices.purposeSearchValue\r\n }\">\r\n {{ purpose[\"lookupText\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.isBrandName != true }\">\r\n <!-- <p class=\"new_rx_popup_label\">Substitution:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true || commonServices.isBrandName == false\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.BrandSubstitutesNotAllow\"\r\n (change)=\"this.brandSubstitutesNotAllow(commonServices.BrandSubstitutesNotAllow)\" [checked]=\"\r\n commonServices.BrandSubstitutesNotAllow\r\n ? commonServices.BrandSubstitutesNotAllow\r\n : false\r\n \" /><span class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Brand\r\n Substitution\r\n Not Permitted</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide_brand: commonServices.lemi == true }\" id=\"brandnametooltip\"\r\n (mouseleave)=\"hideToolTip()\" (mouseenter)=\"showtooltip(commonServices.lemi,brandtooltip)\">\r\n <!-- <p class=\"new_rx_popup_label\">Brand Name:</p> -->\r\n <ng-template #brandtooltip><span class=\"include_brand_tooltip\">The selected product is LEMI\r\n identified. Therefore it may be\r\n prescribed by the brand name only.</span></ng-template>\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\" [class]=\"{\r\n M_CTG_box_hide_brand_name: commonServices.lemi == true || commonServices.isFetching == true || commonServices.editPrescribedPrescription === true\r\n }\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [checked]=\"commonServices.isBrandName\"\r\n [(ngModel)]=\"commonServices.isBrandName\"\r\n (change)=\"this.isChangeBrandName(commonServices.isBrandName)\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">Include Brand\r\n Name</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Regulation 24:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.regulation24\"\r\n [checked]=\"commonServices.regulation24\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Regulation\r\n 24</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">DO NOT send to MySL:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.mySLConsent\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">DO\r\n NOT send to MySL</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n <!-- Pharmacy: -->\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.sendToPharmacy\" (change)=\"sendToPharmacyChange()\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Send\r\n to Pharmacy</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\" readonly\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Value\"\r\n [(ngModel)]=\"commonServices.sendToPharmacyValue\" (click)=\"stpValueDropdown()\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.sendToPharmacy != true }\" />\r\n <div #stpDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_stp_box h-93p\"\r\n [class]=\"{ M_list_box_show: selectstpDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectStpValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let sendtopharmacy of sendtopharmacyData\" (click)=\"selectStpValue(sendtopharmacy)\">\r\n {{ sendtopharmacy.name }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Emergency Supply:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.emergencySupply\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Emergency\r\n Supply</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n </div> \r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 2\" class=\"new_rx_popup_tab_2\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px; opacity: 1\">\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div style=\"width: 100%; padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <div class=\"mdl-grid new_rx_popup_tab_1_grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\">RX</p>\r\n <p class=\"new_rx_popup_label_p\">\r\n <b [innerHTML]=\"commonServices.rxDisplayName\"></b>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\" style=\"margin: 0px\">Quantity: <span\r\n style=\"color: rgb(45, 45, 45); font-weight: 600\">{{ commonServices.quantityVal }}\r\n </span> Repeats: <span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default Quantity:{{getDefaultQuantity()}}\r\n Default Repeats:\r\n {{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?commonServices.selectedFormulation.repeats:\"\"\r\n }}\r\n </p>\r\n <p *ngIf=\"commonServices.doseSearchValue != '' ||commonServices.freqSearchValue != ''\"\r\n class=\"new_rx_popup_label_p\">\r\n <span>{{ commonServices.doseSearchValue }} </span><span>{{ commonServices.freqSearchValue\r\n }}</span>\r\n </p>\r\n <p *ngIf=\"commonServices.foodSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.foodSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n {{InstructionDescription !=\"\" && InstructionDescription!=null?\r\n InstructionDescription:commonServices.InstructionSearchValue!=\"\" &&\r\n commonServices.InstructionSearchValue!=null?commonServices.InstructionSearchValue:\"\"}}\r\n </p>\r\n <p *ngIf=\"commonServices.routeSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.routeSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n P.R.N :\r\n <i *ngIf=\"commonServices.rxPRN\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.rxPRN\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Days Between Repeats:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">{{commonServices.daysBtnRepeatsVal}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Unusual Dose:\r\n <i *ngIf=\"commonServices.unUsualDoseFlag\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.unUsualDoseFlag\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Script Date:\r\n <span>{{this.commonServices.scriptDate|date:'dd-MM-yyyy'}}</span>\r\n\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Start Date:\r\n <span>{{this.commonServices.startDate|date:'dd-MM-yyyy'}}</span>, End Date:\r\n {{this.commonServices.endDate|date:'dd-MM-yyyy'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Prescribe As:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">{{commonServices.PrescribeAS}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Purpose:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">{{commonServices.purposeSearchValue}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Include Brand Name:\r\n <i *ngIf=\"commonServices.isBrandName\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.isBrandName\">-</span>,\r\n Brand Substitution Not Permitted:\r\n <i *ngIf=\"commonServices.BrandSubstitutesNotAllow\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.BrandSubstitutesNotAllow\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Regulation 24:\r\n <i *ngIf=\"commonServices.regulation24\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.regulation24\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n CTG/PBS Co Payment:\r\n <i *ngIf=\"commonServices.CTGCoPayment\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.CTGCoPayment\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n DO NOT send to MySL:\r\n <i *ngIf=\"commonServices.mySLConsent\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.mySLConsent\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Send to Pharmacy:\r\n <i *ngIf=\"commonServices.sendToPharmacy\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.sendToPharmacy\">-</span>, Send to Pharmacy Value:\r\n {{!commonServices.IsNullOrEmpty(commonServices.sendToPharmacyValue)?commonServices.sendToPharmacyValue:'-'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Emergency Supply:\r\n <i *ngIf=\"commonServices.emergencySupply\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.emergencySupply\">-</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Note To Pharmacy:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" [(ngModel)]=\"this.commonServices.doctorNotes\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Annotation:</p>\r\n \r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" [(ngModel)]=\"this.commonServices.annotation\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Reason For Prescription:</p>\r\n \r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" [(ngModel)]=\"this.commonServices.prescriptionReason\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\" style=\"text-transform: capitalize;\">\r\n {{this.getStateAuthorityLabel(commonServices.patientDetails.state)}}\r\n </p>\r\n \r\n <p style=\"margin: 0px;margin-top: -8px;margin-bottom: 10px;\">\r\n <span class=\"state-txt-color new_rx_popup_label_p\">(Relevant to\r\n {{ commonServices.patientDetails.state }})</span>\r\n </p>\r\n \r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.StateAuthorityNumber\" maxlength=\"25\" (keypress)=\"authorityNoValidation($event)\"\r\n (ngModelChange)=\"authorityNoChange($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px; opacity: 1\"> -->\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n 'new_rx_no_authority':!showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',commonServices.PrescribeAS,commonServices.rxAuthority,commonServices.unlistedRA)\r\n }\">\r\n <div *ngIf=\"\r\n showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \">\r\n <div style=\"padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--8-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\">\r\n <span class=\"new_rx_popup_label_New\">HOTLINE: <span\r\n class=\"new_rx_popup_label_span\">{{commonServices.PrescribeAS ==\r\n 'RPBS'?'1800552580':'1800888333'}}</span></span>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--4-col mdl-cell--2-col-tablet mdl-cell--4-col-phone\">\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Name:<span>{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Number:<span>{{\r\n commonServices.physicianDetails.prescriberNumber\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Patient Medicare Number:<span>{{\r\n commonServices.patientDetails.medicareNumber\r\n ? commonServices.patientDetails.medicareNumber\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Authority Form No:\r\n <span>{{\r\n commonServices.authorityFormNo\r\n ? commonServices.authorityFormNo\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Authority Item:</p>\r\n <p class=\"authority_item_text\" [innerHTML]=\"commonServices.rxDisplayName\"></p>\r\n\r\n <p class=\"new_rx_popup_label_p new_rx_popup_tab_smallBoxes\" style=\"margin: 0px\">\r\n Quantity:<span style=\"color: rgb(45, 45, 45); font-weight: 600\"> {{ commonServices.quantityVal\r\n }}</span> Repeats:<span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default\r\n Quantity:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.maxQtyUnits!=null?(commonServices.quantityWithUnitFlag?\"1\r\n x \":\"\")+commonServices.selectedFormulation.maxQtyUnits:\"\"}}\r\n Default\r\n Repeats:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?\r\n commonServices.selectedFormulation.repeats:\"\"}}\r\n </p>\r\n\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listed Indication Authority:\r\n </p>\r\n <div class=\"w-100 new_rx_popup_tab_textarea\"\r\n style=\"min-height: 70px; max-height: 150px; overflow: auto\">\r\n <ul style=\"margin: 0px; padding-left: 15px;list-style: none;padding: 0px;\" *ngIf=\"\r\n this.isShowRestrictions == true &&\r\n commonServices.selectedFormulation.Restrictions !=\r\n null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li style=\"font-size: 12px;padding: 0px 10px;margin-bottom: 10px;\"\r\n class=\"new_rx_pop_aut_int cursor\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions;\r\n index as i\r\n \" [class]=\"{\r\n new_rx_pop_aut_ins_select:\r\n commonServices.pbsListInstructionsId == i\r\n }\">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length < 80\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span></span>\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length > 80\"><b (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">{{\r\n restriction.restrictionType }}</b> -\r\n <span (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \" [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 80)\r\n \"></span>...\r\n <span>\r\n </span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\"\r\n style=\"padding: 0px\">\r\n <!-- <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">PBS Notes:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n class=\"w-100 new_rx_popup_tab_textarea\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsNotes\"></textarea>\r\n </div> -->\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Indication For This Authority:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsListInstructions\" (ngModelChange)=\"onInputChange($event)\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-100\"></textarea>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n {{\r\n getAuthorityLabel(commonServices.patientDetails.state)\r\n }}\r\n </p>\r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.approvalNo\" (ngModelChange)=\"onInputchangeApprovalNo($event)\"\r\n (keypress)=\"authorityNoValidation($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\r\n !showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \" style=\"width: 100%;\">\r\n <div style=\"text-align: right\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n <div class=\"No_Authority_box\">\r\n <p>No Authority Required</p>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rx_footer\">\r\n <div class=\"rx_footer_brand\">\r\n <p class=\"ml-10\"><span>Hola Consult | 1.0 <span *ngIf=\"commonServices.sandbox\">| <span\r\n class=\"rx_staging\">This is a sandbox environment</span></span></span></p>\r\n <p class=\"mt-15p\">\r\n <span class=\"rx_popup_footer_text\">\u00A9 2026 Hola Health, a brand of Packapill Pty Ltd | v\r\n 1.1.3 |\r\n <a href=\"https://hola.health/consult-terms\" target=\"_blank\">Terms</a> |\r\n <a href=\"https://hola.health/consult-privacy-policy\" target=\"_blank\">Privacy Policy</a> |\r\n <a href=\"mailto:support@hola.health\" target=\"_blank\">Help</a></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100vw;height:100vh;box-sizing:border-box}.mdl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(60px,auto);gap:16px;width:100%;height:auto}.mdl-cell{min-width:0;min-height:0;width:100%;height:100%;box-sizing:border-box}.mobile-layout{grid-template-columns:1fr!important}.parent-container{width:100%;display:grid;gap:10px;grid-template-columns:minmax(0,6fr) minmax(0,4fr)}.left-box,.right-box{min-width:0;width:100%}.popup-wrapper{container-type:inline-size}.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #020202;width:30px;height:30px;animation:spin 1s linear infinite;margin-left:18px;margin-top:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-v4{margin-left:4vh}.rx_loader_button{border:2px solid #f3f3f3;border-radius:50%;border-top:4px solid #005760;width:30px;height:30px;animation:spin 1s linear infinite}.drp-icon{color:#fff;font-size:19px;margin-left:5px}.select-action-btn{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.select-action-ul{width:80%}.new_rx_popup_mims .React__Overlay_Open_Popup{position:fixed;inset:0;background-color:#00000080!important}.new_rx_popup_mims .new_rx_mims_Overlay_Open_Popup{z-index:9999999!important}.new_rx_popup_mims .ReactModal__Overlay{overflow-y:auto!important}.new_rx_popup_mims .ReactModal_popup{width:100%;padding:0;margin:20px 0 0}.new_rx_popup_mims .ReactModal__Content{margin:auto}.edit-disable-data{pointer-events:none;opacity:.6}.new_rx_popup_btns{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-right:20px}@media only screen and (max-width: 1023px){.rx_ipad_header_box_1{width:calc(35% - 16px)}.rx_ipad_header_box_2{width:calc(65% - 16px)}.rx_ipad_header_box_3{width:calc(100% - 16px)}.new_mobile_rx_popup_header_text{display:block;text-align:center}}@media screen and (max-width: 767px){.new_rx_popup_btns,.new_mobile_rx_popup_header_text{display:block;text-align:center}.new_mobile_rx_top_bottom_0{margin-top:0;margin-bottom:0}.new_mobile_rx_btn{margin-bottom:5px}}.favourites-toggle-link{color:#0077b6!important;text-decoration:underline;cursor:pointer!important;font-size:14px;font-weight:400;line-height:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none!important;-webkit-tap-highlight-color:transparent}.sp-flex{display:flex;justify-content:space-between}.left-box,.right-box{width:100%}\n"] }]
6252
+ args: [{ selector: 'app-rx', template: "<ng-template #rxwidgets> </ng-template>\r\n<div class=\"new_rx_popup_mims\">\r\n <div\r\n class=\"ReactModal__Overlay ReactModal__Overlay--after-open React__Overlay_Open_Popup new_rx_mims_Overlay_Open_Popup\">\r\n <div class=\"ReactModal__Content ReactModal__Content--after-open React__Content new_rx_mims_React__Content\">\r\n <div class=\"popup new_rx_mims_ReactModal_popup\">\r\n <div>\r\n <app-splashscreen *ngIf=\"PopupScreenLoader\" [height]=\"'height-rx-spin'\"> </app-splashscreen>\r\n <div class=\"page-content\" *ngIf=\"!PopupScreenLoader\">\r\n <div class=\"new_rx_popup_header_box\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col-tablet mdl-cell--3-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_1\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--2-col':'mdl-cell--3-col'\"\r\n style=\"align-self: center\">\r\n <h3 class=\"new_rx_popup_header_box_text\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-hola-health-logo-1.png\" alt=\"hola_health\"\r\n style=\"width: auto;height: 37px;border-radius: 5px;\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-header-logo.png\" alt=\"\" />\r\n {{commonServices.editPrescription === true ? 'Edit Script' : 'New Script'}}\r\n </h3>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--4-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_desktop_title new_rx_mobile_fullwidth\"\r\n style=\"align-self: center;\">\r\n <p class=\"new_rx_popup_header_box_text\" style=\"justify-content: center;\">\r\n <span style=\"font-weight: 600;\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span style=\"width: 100px;\">{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col-tablet mdl-cell--4-col-phone new_rx_popup_header_box_col new_rx_mobile_fullwidth rx_ipad_header_box_2 new_mobile_rx_top_bottom_0\"\r\n style=\"position: relative\"\r\n [class]=\"commonServices.rxid != null && commonServices.rxid !=''?'mdl-cell--6-col':'mdl-cell--5-col'\">\r\n <div class=\"new_rx_popup_btns\">\r\n <button (click)=\"close(null)\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Close\r\n </button>\r\n <div style=\"display: inline-block;position: relative\"\r\n *ngIf=\"commonServices.rxid != null && commonServices.rxid !=''\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton select-action-btn new_mobile_rx_btn\"\r\n style=\"position: relative;width: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 10px !important\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"selectActionDropdownopen()\">\r\n <ng-container *ngIf=\"selectionbtnLoader\">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!selectionbtnLoader\">\r\n Select Action <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #selectActionDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box select-action-ul\"\r\n *ngIf=\"selectActionBtnDropdown == true\"\r\n [class]=\"{ M_list_box_show: selectActionBtnDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li\r\n (click)=\"commonServices.rxDetails.status.toLowerCase() == 'draft'?cancelDraft():cancelPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,4)?'':'edit-disable-data'\">\r\n Cancel</li>\r\n <li (click)=\"printPrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,1)?'':'edit-disable-data'\">\r\n Print</li>\r\n <li (click)=\"reissuePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,3)?'':'edit-disable-data'\">\r\n Re-Issue</li>\r\n <li (click)=\"ceasePrescribeMed()\"\r\n [class]=\"checkStatusAndScripttype(this.commonServices.rxDetails.scriptType,this.commonServices.rxDetails.status,2)?'':'edit-disable-data'\">\r\n Cease</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <button *ngIf=\"page != 1\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored backButton new_mobile_rx_btn\"\r\n (click)=\"back()\" [disabled]=\"this.commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Back\r\n </button>\r\n <button *ngIf=\"page == 1\" (click)=\"pageNumberOneToNext()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\">\r\n Next\r\n </button>\r\n <button class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored new_mobile_rx_btn\"\r\n [class]=\"abortdisable?'nextButton':'abortbutton'\" *ngIf=\"abortBtnFlag\" [disabled]=\"abortdisable\"\r\n (click)=\"prescripeAbort()\"><span *ngIf=\"abortdisable\" class=\"rx_loader\">\r\n <p class=\"rx_loader_button m-v4 rx_btn_spin\">\r\n </p>\r\n </span><span *ngIf=\"!abortdisable\">Abort</span></button>\r\n <div style=\"display: inline-block\" *ngIf=\"page == 2\">\r\n <button\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored nextButton new_mobile_rx_btn\"\r\n style=\"position: relative;width: 135px;display: flex;flex-direction: row;align-items: center;justify-content: center\"\r\n [disabled]=\"commonServices.prescribeMedLoader || selectionbtnLoader\"\r\n (click)=\"includeRtpmModal()\">\r\n <ng-container *ngIf=\"commonServices.prescribeMedLoader \">\r\n <p class=\"rx_loader_button m-v4\"\r\n style=\"width: 20px;height: 20px;margin: 0px !important;margin-right: 0px !important;margin-left: 0px !important;\">\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!this.commonServices.prescribeMedLoader\">\r\n Prescribe <i class=\"material-icons drp-icon\">expand_more</i>\r\n </ng-container>\r\n </button>\r\n <div #PrescribeDropdown class=\"new_rx_Prescribe_btn_dropdown_list_box\"\r\n *ngIf=\"selectPBTNDropdown == true\" [class]=\"{ M_list_box_show: selectPBTNDropdown === true }\">\r\n <ul class=\"new_rx_Prescribe_btn_dropdown_list_ul\">\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(1)}\"\r\n (click)=\"MprescribeMed(1)\">E-Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(1)\" *ngIf=\"!this.commonServices.sendToPharmacy && !this.commonServices.emergencySupply\">E-Prescribe and Send</li>\r\n <li [class]=\"{'edit-disable-data': ePrescriptionValidation(2)}\" (click)=\"EprescripeSend(2)\">E-Prescribe and Print</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft')|| (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"MprescribeMed(2)\">Prescribe (Draft)</li>\r\n <li [class]=\"{'edit-disable-data': (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase() == 'M'&& this.commonServices.rxDetails.status.toLowerCase() != 'draft') || (commonServices.editPrescription === true && commonServices.rxDetails.scriptType.toUpperCase()== 'E')}\"\r\n (click)=\"prescripePrint()\">\r\n Prescribe and Print</li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth rx_ipad_header_box_3 new_rx_mobile_title\"\r\n style=\"align-self: center\">\r\n <p class=\"new_rx_popup_header_box_text new_mobile_rx_popup_header_text\">\r\n <span style=\"font-weight: 600\">{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>/<span>{{\r\n this.datePipe.transform(\r\n commonServices.patientDetails.dob,\r\n \"dd-MM-yyyy\"\r\n )\r\n }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 1\" class=\"new_rx_popup_tab_1\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div #MedicineDropdown style=\"position: relative\">\r\n <div style=\"position: relative\">\r\n <input autocomplete=\"off\" type=\"text\" name=\"medicine search\" placeholder=\"Search Medicines\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_1_input\"\r\n value=\"{{ mediSearchValue }}\" (input)=\"searchHandler($event)\"\r\n (click)=\"MedicineDropdownList()\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search\">search</i>\r\n <!-- <mat-icon class=\"new_rx_popup_tab_1_input_search\"></mat-icon> -->\r\n </div>\r\n <div class=\"new_rx_popup_tab_1_list_box\" [class]=\"{\r\n M_list_box_show: selectedMedicineDropdown === true\r\n }\">\r\n <div *ngIf=\"searchMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!searchMedicineLoader\" style=\"margin-bottom: 10px;\">\r\n <ul class=\"new_rx_popup_tab_1_list\">\r\n <li *ngFor=\"let medicineList of searchedMedicineList\" [class]=\"getcurrentid(medicineList)\"\r\n (click)=\"\r\n getProductListByName(\r\n medicineList['prodHiddenValue'],\r\n medicineList['prodDisplayValue'],\r\n medicineList['searchBase']\r\n )\r\n \" [innerHTML]=\"medicineList['prodDisplayValue']\"></li>\r\n <li *ngIf=\"searchedMedicineList.length == 0\">No Data</li>\r\n </ul>\r\n </div>\r\n <div *ngIf=\"PrimarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxOnlyPBS\"\r\n (change)=\"onCheckboxChange(1)\" value=\"PBS/RPBS\" [disabled]=\"this.isNonPbsFlag\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">PBS/RPBS</span></label>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange(1)\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div>\r\n <!-- <div\r\n class=\"mdl-cell mdl-cell--2-col mdl-cell--2-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\"\r\n [class]=\"{'disabledRxContent':this.isNonPbsFlag||(commonServices.rxDetails!=null && commonServices.rxDetails!='' && commonServices.rxDetails.status!=null && commonServices.rxDetails.status!='' && commonServices.rxDetails.status.toLowerCase()!='draft')}\">\r\n <div class=\"rx_new_popup_checkbox new_mobile_rx_top_bottom_0\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"rxPrivate\"\r\n (change)=\"onCheckboxChange()\" value=\"Private\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\">Private</span></label>\r\n </div>\r\n </div> -->\r\n <div\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--6-col-phone new_rx_mobile_fullwidth new_mobile_rx_top_bottom_0\">\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" style=\"margin-left: 8px;\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <span class=\"favourites-toggle-link\" (click)=\"$event.stopPropagation(); showFavourties()\">\r\n {{ showFavouriteMed ? 'Hide favourites' : 'Show favourites' }}\r\n </span>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--7-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div class=\"new_rx_popup_table_box\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"padding: 5px 10px; margin: 0px\">\r\n Available Formulations:\r\n </p>\r\n <div *ngIf=\"!showFavouriteMed\">\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.selectedMedicineList == null ||\r\n commonServices.selectedMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Data</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.selectedMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForMed(med)\"\r\n (click)=\"selectFormulation(med, i)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.pbsType!=undefined && med.pbsType!=null && med.pbsType.toLowerCase() == \"non pbs\"\r\n ? med.numberOfPack + \"x\" + med.unitPerPack\r\n : med.maxQtyUnits\r\n }}</span><span><b>Rpts:</b> {{ med.repeats }}</span><span\r\n *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.Restrictions!=undefined &&\r\n med.Restrictions != null && med.Restrictions != \"\"\r\n ? med.pbsType +\r\n \" (\" +\r\n getRestrictions(med.Restrictions) +\r\n \") \"\r\n : (med.pbsType!=undefined&&med.pbsType!=null?med.pbsType:\"\")\r\n }} </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"showFavouriteMed\">\r\n\r\n <div *ngIf=\"onclickMedicineLoader\" class=\"loader m-v4\"></div>\r\n <div *ngIf=\"!onclickMedicineLoader\">\r\n <div *ngIf=\"\r\n commonServices.favouriteMedicineList == null ||\r\n commonServices.favouriteMedicineList.length == 0\r\n \" class=\"noDataPrescribe\">\r\n <span>No Favourites</span>\r\n </div>\r\n <div class=\"new_rx_popup_box_container\" *ngFor=\"\r\n let med of commonServices.favouriteMedicineList;\r\n index as i\r\n \">\r\n\r\n <div class=\"mdl-grid new_rx_popup_box\" [class]=\"getClassForFavouriteMed(med)\"\r\n (click)=\"favouriteMedicineLoading(med)\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_box_header\" [innerHTML]=\"med.productName\"></p>\r\n <p class=\"new_rx_popup_box_text\">\r\n <span><b>Quantity:</b>\r\n {{med.quantity}}\r\n </span><span><b>Rpts:</b> {{ med.repeats }}</span>\r\n <span *ngIf=\"!commonServices.isMedicineRestrict\"><b>Restriction:</b>\r\n {{med.restriction}}\r\n </span><span><b>Generic Name: </b>\r\n <span [innerHTML]=\"med.genericName\"></span></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"SecondarySearchSpinner\" class=\"loader ml-load-45\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"favMedicineLoader\" class=\"loader\"></div>\r\n <div *ngIf=\"!favMedicineLoader\"\r\n class=\"mdl-cell mdl-cell--5-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div class=\"mdl-grid new_rx_popup_tab_1_grid new_rx_popup_tab_1_box\"\r\n *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_tab_title\" style=\"margin-bottom: 5px\"\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.productName!=undefined && commonServices.selectedFormulation.productName!=null? commonServices.selectedFormulation.productName: ''\">\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col\">\r\n <p class=\"new_rx_popup_label\">\r\n Generic Name:<span\r\n [innerHTML]=\"commonServices.selectedFormulation != null&&commonServices.selectedFormulation.genericName!=undefined && commonServices.selectedFormulation.genericName!=null? commonServices.selectedFormulation.genericName : ''\"></span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\" *ngIf=\"commonServices.isBrandName\">\r\n Brand Name:<span [innerHTML]=\"\r\n getBrandName(commonServices.selectedFormulation)\r\n \">\r\n </span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n Schedule:<span>{{\r\n commonServices.selectedFormulation != null &&\r\n commonServices.selectedFormulation.poisonClassification !=\r\n undefined && commonServices.selectedFormulation.poisonClassification!=null &&\r\n commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=undefined && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses!=null && commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses.length>0\r\n ? commonServices.selectedFormulation.poisonClassification\r\n .poisonClasses[0]\r\n : \"No Scheduled Information Available\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listing:<span>{{commonServices.selectedFormulation.pbsType!=undefined &&\r\n commonServices.selectedFormulation.pbsType!=null? commonServices.selectedFormulation.pbsType :\r\n '' }}\r\n {{\r\n commonServices.selectedFormulation.pbsCode!=undefined &&\r\n commonServices.selectedFormulation.pbsCode!=null\r\n ? \" (\" +\r\n commonServices.selectedFormulation.pbsCode +\r\n \")\"\r\n : \"\"\r\n }}</span>\r\n </p>\r\n <p class=\"new_rx_popup_label\">\r\n <span style=\"margin:0px ;\">\r\n Max Quantity =\r\n {{getMaxQuantity()}}\r\n and Repeats =\r\n {{commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats\r\n :\"\"}}</span>\r\n </p>\r\n\r\n <p class=\"new_rx_popup_label\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pregnancyCategory!=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory != null && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=undefined && commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode!=null\r\n \">\r\n Pregnancy Category:<span>{{\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .categoryCode\r\n }}\r\n </span>\r\n <span *ngIf=\"commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote !=undefined && \r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != null &&\r\n commonServices.selectedFormulation.pregnancyCategory\r\n .additionalNote != ''\r\n \">\r\n AdditionalNote:\r\n <span *ngFor=\"\r\n let item of commonServices.selectedFormulation\r\n .pregnancyCategory.additionalNote\r\n \" [innerHTML]=\"item\">\r\n </span>\r\n </span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col\" *ngIf=\"\r\n this.isShowRestrictions == true && commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <p class=\"new_rx_popup_label\">Restrictions:</p>\r\n <ol style=\"margin: 0px; padding-left: 15px\" *ngIf=\"commonServices.selectedFormulation.Restrictions!=undefined && \r\n commonServices.selectedFormulation.Restrictions != null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li class=\"new_rx_pop_aut_int\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions\r\n \">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length < 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span>\r\n <span class=\"rx_restrictionText\" *ngIf=\"restriction.restrictionText.length > 60\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n this.htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 60)\r\n \"></span>...\r\n <span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ol>\r\n </div>\r\n </div>\r\n\r\n <div class=\"new_rx_popup_tab_3_small_box\" [style.display]=\"isCurrentMedicineInFavourites() ? 'inline-flex' : null\"\r\n [style.width]=\"isCurrentMedicineInFavourites() ? 'max-content' : null\" *ngIf=\"commonServices.selectedFormulation != null\">\r\n <div style=\"display: inline-block;margin-right: 10px;\" class=\"new_rx_popup_header_box_col\" *ngIf=\"!commonServices.editPrescribedPrescription\">\r\n <button *ngIf=\"commonServices.selectedFormulation != null\" (click)=\"addToFavourites()\"\r\n class=\"mdl-button mdl-js-button mdl-button--raised mdl-button--colored\"\r\n [class.nextButton]=\"!isCurrentMedicineInFavourites()\"\r\n [class.rmfavbutton]=\"isCurrentMedicineInFavourites()\">\r\n <span *ngIf=\"isCurrentMedicineInFavourites(); else addText\">\r\n Remove from favourites\r\n </span>\r\n <ng-template #addText>+ Add to favourites</ng-template>\r\n </button>\r\n </div>\r\n <div style=\"display: inline-block; margin-right: 10px\">\r\n <span class=\"new_rx_popup_label\">Quantity: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" name=\"qty\"\r\n placeholder=\"\" class=\"new_rx_popup_tab_input\" step=\"1\" [min]=\"0\"\r\n [(ngModel)]=\"commonServices.quantityVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"quantityChange()\" (paste)=\"$event.preventDefault()\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" />\r\n </div>\r\n <div style=\"display: inline-block\">\r\n <span class=\"new_rx_popup_label\">Repeats: </span><input autocomplete=\"off\" type=\"number\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true || commonServices.isMedicineRestrict}\"\r\n name=\"rpts\" placeholder=\"\" [min]=\"0\" (input)=\"repeatsChange()\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.repeatsVal\" (paste)=\"$event.preventDefault()\"\r\n (keypress)=\"checkMobile($event)\"\r\n [disabled]=\"commonServices.editPrescribedPrescription || commonServices.isMedicineRestrict\" />\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\"></div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n Dose:\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n id=\"checkbox1\" class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.unUsualDoseFlag\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Unusual\r\n Dose</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Dose\"\r\n [(ngModel)]=\"commonServices.doseSearchValue\" (click)=\"doseDropdown()\" />\r\n <div #DoseDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectDoseDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectDoseValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let dose of doseData\" (click)=\"selectDoseValue(dose)\" [class]=\"{\r\n heighlight: dose['text'] == commonServices.doseSearchValue\r\n }\">\r\n {{ dose[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Frequency:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Frequency\" readOnly [(ngModel)]=\"commonServices.freqSearchValue\"\r\n (click)=\"freqDropdown()\" />\r\n <div #FreqDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFreqDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFrequencyValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let frequency of frequencyData\" (click)=\"selectFrequencyValue(frequency)\" [class]=\"{\r\n heighlight:\r\n frequency['text'] == commonServices.freqSearchValue\r\n }\">\r\n {{ frequency[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Food:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedFrequency:\"\r\n placeholder=\"Select Food\" readOnly [(ngModel)]=\"commonServices.foodSearchValue\"\r\n (click)=\"foodDropdown()\" />\r\n <div #FoodDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectFoodDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectFoodValue(null)\" class=\"p-12\"> </li>\r\n <li *ngFor=\"let food of foodData\" (click)=\"selectFoodValue(food)\" [class]=\"{\r\n heighlight: food['text'] == commonServices.foodSearchValue\r\n }\">\r\n {{ food[\"text\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Instruction:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"Instruction\"\r\n placeholder=\"Select Instruction\" [(ngModel)]=\"commonServices.InstructionSearchValue\"\r\n (click)=\"instructionDropdown()\" (change)=\"instructionOnChange()\"\r\n (keypress)=\"alphaRestriction($event)\" />\r\n <div #InstructionDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{M_list_box_show: selectInstructionDropdown === true}\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <ng-container *ngIf=\"selectInstructionDropdownList\">\r\n <li (click)=\"ChangeInstruction(null)\" class=\"p-12\"> </li>\r\n <li\r\n [class]=\"item.id == commonServices.complexId && item.text == commonServices.InstructionSearchValue ? 'heighlight' : ''\"\r\n *ngFor=\"let item of instructionData; index as i\" (click)=\"ChangeInstruction(item)\">\r\n {{ item.text }}\r\n <span *ngIf=\"item.userid !== 0\" class=\"span_icon\" style=\"float: right\">\r\n <i class=\"material-icons\" style=\"padding: 5px\"\r\n (click)=\"editInstruction(item.id, item)\">create</i><i class=\"material-icons\"\r\n style=\"margin-left: 10px; padding: 5px\"\r\n (click)=\"deleteInstruction(item.id)\">clear</i></span>\r\n </li>\r\n <li class=\"RX_ADD_dropdown_btn\" (click)=\"addNewInstruction()\">\r\n + Add Complex Instructions\r\n </li>\r\n </ng-container>\r\n <ng-container *ngIf=\"selectInstructionDropdownList == false\">\r\n <div class=\"complex_instruction_box\">\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction:\r\n </p>\r\n <input autocomplete=\"off\"\r\n class=\"instruction_field_clr mdl-textfield__input new_rx_popup_tab_input \" type=\"text\"\r\n id=\"Instruction\" [(ngModel)]=\"commonServices.Instructiontiltle\"\r\n placeholder=\"Enter Complex Instruction\" />\r\n <p class=\"new_rx_popup_label\" style=\"font-size: 12px; margin: 0\">\r\n Complex Instruction Description:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxLength=\"500\"\r\n [(ngModel)]=\"tempInstructionDescription\" placeholder=\"Enter Complex Instruction Description\"\r\n class=\"instruction_field_clr w-100 new_rx_popup_tab_textarea\"></textarea>\r\n <div class=\"RX_ADD_dropdown_btn_1\">\r\n <button (click)=\"clearInstruction()\" class=\"rx-instruction-btn\">Cancel</button>\r\n <button (click)=\"saveInstruction()\" class=\"rx-instruction-btn\">Save</button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">Route:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedRoute:\"\r\n placeholder=\"Select Route\" [(ngModel)]=\"commonServices.routeSearchValue\" maxlength=\"50\"\r\n (click)=\"routeDropdown()\" (keypress)=\"alphaRestriction($event)\" />\r\n <div #RouteDropdown class=\"new_rx_popup_tab_dropdown_list_box\"\r\n [class]=\"{ M_list_box_show: selectRouteDropdown === true }\">\r\n <div style=\"padding: 10px; position: relative\">\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_route__input\" type=\"text\"\r\n placeholder=\"Search...\" [value]=\"routeDataFilter ? routeDataFilter : ''\"\r\n (keyup)=\"routeFilter($event)\" />\r\n <i class=\"material-icons md-24 new_rx_popup_tab_1_input_search rx-search-icon\">search</i>\r\n </div>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length != 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li *ngFor=\"\r\n let route of filterRouteItems(routeData, routeDataFilter)\r\n \" (click)=\"selectRoutesearcValue(route)\" [class]=\"{\r\n heighlight:\r\n route['routeName'] == commonServices.routeSearchValue\r\n }\">\r\n {{ route[\"routeName\"] }}\r\n </li>\r\n </ul>\r\n <ul *ngIf=\"filterRouteItems(routeData, routeDataFilter).length == 0\"\r\n class=\"new_rx_popup_tab_1_list rx_dropdown rx_dropdown_route\">\r\n <li>no data</li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Pro Re Nata Prescription:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.rxPRN\"\r\n (ngModelChange)=\"PRNChange(commonServices.rxPRN)\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Pro\r\n Re Nata\r\n Prescription</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Prescribe As:</p>\r\n <div class=\"rx_new_popup_checkbox\">\r\n <div class=\"rx_new_radiobox_button rx_radio_overall\">\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" class=\"mdl-radio__button custom-radio-button\"\r\n name=\"PrescribeAs\" [value]=\"'Private'\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'private'\" (click)=\"private()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Private</span></label>\r\n\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'PBS'\"\r\n [disabled]=\"prescribeAS_PBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'pbs'\" (click)=\"PBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_PBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">PBS</span>\r\n </label>\r\n <label class=\"rx_radio_label\">\r\n <input autocomplete=\"off\" type=\"radio\" checked=\"\"\r\n class=\"mdl-radio__button d-inline radio custom-radio-button\" name=\"PrescribeAs\"\r\n [value]=\"'RPBS'\"\r\n [disabled]=\"prescribeAS_RPBS || commonServices.isFetching || commonServices.editPrescribedPrescription === true\"\r\n [checked]=\"commonServices.PrescribeAS.toLowerCase() === 'rpbs'\" (click)=\"RPBS()\"\r\n [(ngModel)]=\"commonServices.PrescribeAS\" /><span class=\"mdl-radio__label radio_txt\"\r\n [class]=\"{ 'disabled-style': prescribeAS_RPBS == true|| commonServices.isFetching || commonServices.editPrescribedPrescription === true}\">RPBS</span>\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"rx_new_popup_checkbox\" *ngIf=\"\r\n commonServices.selectedFormulation != null && commonServices.selectedFormulation.pbsType!=undefined && commonServices.selectedFormulation.pbsType!=null &&\r\n commonServices.selectedFormulation.pbsType.toLowerCase() === 'non pbs' &&\r\n commonServices.patientDetails.dvaNumber != null &&\r\n commonServices.patientDetails.dvaNumber != '' && isNonPbsFlag == false && !isPrescribeAsPrivateOnly\r\n \">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox\" class=\"check_box\"\r\n [checked]=\"commonServices.unlistedRA\" (click)=\"unlistedRA()\"\r\n [(ngModel)]=\"commonServices.unlistedRA\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" />\r\n <span class=\"mdl-checkbox__label check_box_label\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">\r\n Unlisted RA\r\n </span>\r\n </label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n M_CTG_box_hide: !(\r\n commonServices.patientDetails &&\r\n commonServices.patientDetails.patientCtgFlag == 0 &&\r\n commonServices.patientDetails.patientCtgCoPayment == 0 &&\r\n commonServices.PrescribeAS.toLowerCase() == 'pbs'\r\n )\r\n }\">\r\n <!-- <p class=\"new_rx_popup_label\">CTG/PBS Co Payment:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.CTGCoPayment\"\r\n [checked]=\"commonServices.CTGCoPayment == true\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">CTG/PBS\r\n Co Payment</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Script Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n id=\"RxScriptDate\" placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.scriptDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Start Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxStartDate\"\r\n placeholder=\" ../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.startDate\" (ngModelChange)=\"commonServices.rxEndDateCalculater()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">End Date:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"date\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\" id=\"RxEndDate\"\r\n placeholder=\"../../....\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.endDate\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Days Between Repeats:</p>\r\n <input autocomplete=\"off\" (paste)=\"$event.preventDefault()\" placeholder=\"Enter Days Between Repeats\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true||commonServices.isMedicineRestrict}\"\r\n class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"number\" id=\"Daybetweenrepeats\" [min]=\"0\"\r\n [disabled]=\"commonServices.isFetching || commonServices.editPrescribedPrescription||commonServices.isMedicineRestrict\"\r\n [(ngModel)]=\"commonServices.daysBtnRepeatsVal\" (keypress)=\"checkMobile($event)\"\r\n (input)=\"dayschange()\" />\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <div>\r\n <p class=\"new_rx_popup_label\">Purpose:</p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selectedPurpose:\"\r\n placeholder=\"Select Purpose\" readOnly [(ngModel)]=\"commonServices.purposeSearchValue\"\r\n (click)=\"purposeDropdown()\" />\r\n <div #PurposeDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_purpose_box h-160p\"\r\n [class]=\"{ M_list_box_show: selectPurposeDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\">\r\n <li (click)=\"selectPurposeValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let purpose of purposeData\" (click)=\"selectPurposeValue(purpose)\" [class]=\"{\r\n heighlight:\r\n purpose['lookupText'] ==\r\n commonServices.purposeSearchValue\r\n }\">\r\n {{ purpose[\"lookupText\"] }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.isBrandName != true }\">\r\n <!-- <p class=\"new_rx_popup_label\">Substitution:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox1\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true || commonServices.isBrandName == false\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.BrandSubstitutesNotAllow\"\r\n (change)=\"this.brandSubstitutesNotAllow(commonServices.BrandSubstitutesNotAllow)\" [checked]=\"\r\n commonServices.BrandSubstitutesNotAllow\r\n ? commonServices.BrandSubstitutesNotAllow\r\n : false\r\n \" /><span class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Brand\r\n Substitution\r\n Not Permitted</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{ M_CTG_box_hide_brand: commonServices.lemi == true }\" id=\"brandnametooltip\"\r\n (mouseleave)=\"hideToolTip()\" (mouseenter)=\"showtooltip(commonServices.lemi,brandtooltip)\">\r\n <!-- <p class=\"new_rx_popup_label\">Brand Name:</p> -->\r\n <ng-template #brandtooltip><span class=\"include_brand_tooltip\">The selected product is LEMI\r\n identified. Therefore it may be\r\n prescribed by the brand name only.</span></ng-template>\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\" [class]=\"{\r\n M_CTG_box_hide_brand_name: commonServices.lemi == true || commonServices.isFetching == true || commonServices.editPrescribedPrescription === true\r\n }\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [checked]=\"commonServices.isBrandName\"\r\n [(ngModel)]=\"commonServices.isBrandName\"\r\n (change)=\"this.isChangeBrandName(commonServices.isBrandName)\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400; font-size: 16px\">Include Brand\r\n Name</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Regulation 24:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\" [(ngModel)]=\"commonServices.regulation24\"\r\n [checked]=\"commonServices.regulation24\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Regulation\r\n 24</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\"\r\n [class]=\"{ disabledRxContent: commonServices.isFetching}\">\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">DO NOT send to MySL:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.mySLConsent\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">DO\r\n NOT send to MySL</span></label>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n style=\"position: relative\">\r\n <p class=\"new_rx_popup_label\">\r\n <!-- Pharmacy: -->\r\n <span>\r\n <div class=\"rx_new_popup_checkbox\" style=\"margin-top: 0px\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\"><input autocomplete=\"off\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\" type=\"checkbox\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.sendToPharmacy\" (change)=\"sendToPharmacyChange()\" /><span\r\n class=\"mdl-checkbox__label\" style=\"font-weight: 400;font-size: 16px;margin-top: -7px;\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Send\r\n to Pharmacy</span></label>\r\n </div>\r\n </span>\r\n </p>\r\n <input autocomplete=\"off\" class=\"mdl-textfield__input new_rx_popup_tab_input\" type=\"text\" readonly\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" id=\"selecteddose\" placeholder=\"Select Value\"\r\n [(ngModel)]=\"commonServices.sendToPharmacyValue\" (click)=\"stpValueDropdown()\"\r\n [class]=\"{ M_CTG_box_hide: commonServices.sendToPharmacy != true }\" />\r\n <div #stpDropdown class=\"new_rx_popup_tab_dropdown_list_box new_rx_popup_tab_stp_box h-93p\"\r\n [class]=\"{ M_list_box_show: selectstpDropdown === true }\">\r\n <ul class=\"new_rx_popup_tab_1_list rx_dropdown\" style=\"margin-bottom: 0px\">\r\n <li (click)=\"selectStpValue(null)\" class=\"p-12\"></li>\r\n <li *ngFor=\"let sendtopharmacy of sendtopharmacyData\" (click)=\"selectStpValue(sendtopharmacy)\">\r\n {{ sendtopharmacy.name }}\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--3-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <!-- <p class=\"new_rx_popup_label\">Emergency Supply:</p> -->\r\n <div class=\"rx_new_popup_checkbox m-t-36\">\r\n <label class=\"mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect\">\r\n <input autocomplete=\"off\" type=\"checkbox\" id=\"checkbox2\"\r\n [disabled]=\"commonServices.editPrescribedPrescription === true\"\r\n class=\"mdl-checkbox__input rx_new_group_checkbox\"\r\n [(ngModel)]=\"commonServices.emergencySupply\" /><span class=\"mdl-checkbox__label\"\r\n style=\"font-weight: 400; font-size: 16px\"\r\n [class]=\"{'disabled-style': commonServices.isFetching == true || commonServices.editPrescribedPrescription === true}\">Emergency\r\n Supply</span></label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"page == 2\" class=\"new_rx_popup_tab_2\">\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px; opacity: 1\">\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <div style=\"width: 100%; padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <div class=\"mdl-grid new_rx_popup_tab_1_grid\">\r\n <div class=\"mdl-cell mdl-cell--12-col\">\r\n <p class=\"new_rx_popup_label\">RX</p>\r\n <p class=\"new_rx_popup_label_p\">\r\n <b [innerHTML]=\"commonServices.rxDisplayName\"></b>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\" style=\"margin: 0px\">Quantity: <span\r\n style=\"color: rgb(45, 45, 45); font-weight: 600\">{{ commonServices.quantityVal }}\r\n </span> Repeats: <span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default Quantity:{{getDefaultQuantity()}}\r\n Default Repeats:\r\n {{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?commonServices.selectedFormulation.repeats:\"\"\r\n }}\r\n </p>\r\n <p *ngIf=\"commonServices.doseSearchValue != '' ||commonServices.freqSearchValue != ''\"\r\n class=\"new_rx_popup_label_p\">\r\n <span>{{ commonServices.doseSearchValue }} </span><span>{{ commonServices.freqSearchValue\r\n }}</span>\r\n </p>\r\n <p *ngIf=\"commonServices.foodSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.foodSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n {{InstructionDescription !=\"\" && InstructionDescription!=null?\r\n InstructionDescription:commonServices.InstructionSearchValue!=\"\" &&\r\n commonServices.InstructionSearchValue!=null?commonServices.InstructionSearchValue:\"\"}}\r\n </p>\r\n <p *ngIf=\"commonServices.routeSearchValue != ''\" class=\"new_rx_popup_label_p\">\r\n {{ commonServices.routeSearchValue }}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n P.R.N :\r\n <i *ngIf=\"commonServices.rxPRN\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.rxPRN\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Days Between Repeats:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">{{commonServices.daysBtnRepeatsVal}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.daysBtnRepeatsVal)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Unusual Dose:\r\n <i *ngIf=\"commonServices.unUsualDoseFlag\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.unUsualDoseFlag\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Script Date:\r\n <span>{{this.commonServices.scriptDate|date:'dd-MM-yyyy'}}</span>\r\n\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Start Date:\r\n <span>{{this.commonServices.startDate|date:'dd-MM-yyyy'}}</span>, End Date:\r\n {{this.commonServices.endDate|date:'dd-MM-yyyy'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Prescribe As:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">{{commonServices.PrescribeAS}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.PrescribeAS)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">Purpose:\r\n <span\r\n *ngIf=\"!commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">{{commonServices.purposeSearchValue}}</span>\r\n <span *ngIf=\"commonServices.IsNullOrEmpty(commonServices.purposeSearchValue)\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Include Brand Name:\r\n <i *ngIf=\"commonServices.isBrandName\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.isBrandName\">-</span>,\r\n Brand Substitution Not Permitted:\r\n <i *ngIf=\"commonServices.BrandSubstitutesNotAllow\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.BrandSubstitutesNotAllow\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Regulation 24:\r\n <i *ngIf=\"commonServices.regulation24\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.regulation24\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n CTG/PBS Co Payment:\r\n <i *ngIf=\"commonServices.CTGCoPayment\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.CTGCoPayment\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n DO NOT send to MySL:\r\n <i *ngIf=\"commonServices.mySLConsent\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.mySLConsent\">-</span>\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Send to Pharmacy:\r\n <i *ngIf=\"commonServices.sendToPharmacy\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.sendToPharmacy\">-</span>, Send to Pharmacy Value:\r\n {{!commonServices.IsNullOrEmpty(commonServices.sendToPharmacyValue)?commonServices.sendToPharmacyValue:'-'}}\r\n </p>\r\n <p class=\"new_rx_popup_label_p\">\r\n Emergency Supply:\r\n <i *ngIf=\"commonServices.emergencySupply\" class=\"material-icons icon-done\"\r\n style=\"color: #0077b6\">check</i>\r\n <span *ngIf=\"!commonServices.emergencySupply\">-</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Note To Pharmacy:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"this.commonServices.doctorNotes\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Annotation:</p>\r\n\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"this.commonServices.annotation\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">Reason For Prescription:</p>\r\n\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"3\" maxlength=\"50\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"this.commonServices.prescriptionReason\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-535p\"></textarea>\r\n </div>\r\n\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\" style=\"text-transform: capitalize;\">\r\n {{this.getStateAuthorityLabel(commonServices.patientDetails.state)}}\r\n </p>\r\n\r\n <p style=\"margin: 0px;margin-top: -8px;margin-bottom: 10px;\">\r\n <span class=\"state-txt-color new_rx_popup_label_p\">(Relevant to\r\n {{ commonServices.patientDetails.state }})</span>\r\n </p>\r\n\r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.StateAuthorityNumber\" maxlength=\"25\"\r\n (keypress)=\"authorityNoValidation($event)\" (ngModelChange)=\"authorityNoChange($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div\r\n class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\"\r\n [class]=\"{\r\n 'new_rx_no_authority':!showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',commonServices.PrescribeAS,commonServices.rxAuthority,commonServices.unlistedRA)\r\n }\">\r\n <div *ngIf=\"\r\n showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \">\r\n <div style=\"padding: 0px\" class=\"mdl-grid\">\r\n <div class=\"mdl-cell mdl-cell--8-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\">\r\n <span class=\"new_rx_popup_label_New\">HOTLINE: <span\r\n class=\"new_rx_popup_label_span\">{{commonServices.PrescribeAS ==\r\n 'RPBS'?'1800552580':'1800888333'}}</span></span>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--4-col mdl-cell--2-col-tablet mdl-cell--4-col-phone\">\r\n <div style=\"text-align: right\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Name:<span>{{\r\n commonServices.patientDetails.firstName +\r\n \" \" +\r\n commonServices.patientDetails.lastName\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Prescriber Number:<span>{{\r\n commonServices.physicianDetails.prescriberNumber\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Patient Medicare Number:<span>{{\r\n commonServices.patientDetails.medicareNumber\r\n ? commonServices.patientDetails.medicareNumber\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--6-col mdl-cell--4-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Authority Form No:\r\n <span>{{\r\n commonServices.authorityFormNo\r\n ? commonServices.authorityFormNo\r\n : \"\"\r\n }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"width: 100%; padding: 0px\">\r\n <div\r\n class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone new_rx_mobile_fullwidth\">\r\n <p class=\"new_rx_popup_label\">Authority Item:</p>\r\n <p class=\"authority_item_text\" [innerHTML]=\"commonServices.rxDisplayName\"></p>\r\n\r\n <p class=\"new_rx_popup_label_p new_rx_popup_tab_smallBoxes\" style=\"margin: 0px\">\r\n Quantity:<span style=\"color: rgb(45, 45, 45); font-weight: 600\"> {{ commonServices.quantityVal\r\n }}</span> Repeats:<span style=\"color: rgb(45, 45, 45); font-weight: 600\">\r\n {{ commonServices.repeatsVal }}</span> Default\r\n Quantity:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.maxQtyUnits!=null?(commonServices.quantityWithUnitFlag?\"1\r\n x \":\"\")+commonServices.selectedFormulation.maxQtyUnits:\"\"}}\r\n Default\r\n Repeats:{{commonServices.selectedFormulation!=null&&commonServices.selectedFormulation.repeats!=null?\r\n commonServices.selectedFormulation.repeats:\"\"}}\r\n </p>\r\n\r\n </div>\r\n </div>\r\n <div class=\"mdl-grid\" style=\"padding: 0px\">\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n PBS Listed Indication Authority:\r\n </p>\r\n <div class=\"w-100 new_rx_popup_tab_textarea\"\r\n style=\"min-height: 70px; max-height: 150px; overflow: auto\">\r\n <ul style=\"margin: 0px; padding-left: 15px;list-style: none;padding: 0px;\" *ngIf=\"\r\n this.isShowRestrictions == true &&\r\n commonServices.selectedFormulation.Restrictions !=\r\n null &&\r\n commonServices.selectedFormulation.Restrictions != ''\r\n \">\r\n <li style=\"font-size: 12px;padding: 0px 10px;margin-bottom: 10px;\"\r\n class=\"new_rx_pop_aut_int cursor\" *ngFor=\"\r\n let restriction of commonServices.selectedFormulation\r\n .Restrictions;\r\n index as i\r\n \" [class]=\"{\r\n new_rx_pop_aut_ins_select:\r\n commonServices.pbsListInstructionsId == i\r\n }\">\r\n <p style=\"\r\n margin: 0px;\r\n display: flex;\r\n align-content: center;\r\n margin-bottom: 10px;\r\n \" *ngIf=\"\r\n restriction.restrictionPreview != null &&\r\n restriction.restrictionPreview != '' &&\r\n restriction.restrictionText != null &&\r\n restriction.restrictionText != ''\r\n \">\r\n <span\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length < 80\"><b>{{\r\n restriction.restrictionType }}</b> -\r\n <span [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n )\r\n \"></span></span></span>\r\n <span class=\"rx_restrictionText\" style=\"font-size: 12px;\"\r\n *ngIf=\"restriction.restrictionText.length > 80\"><b (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \">{{\r\n restriction.restrictionType }}</b> -\r\n <span (click)=\"\r\n indicationAuthority(\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.maxQtyUnits:'',\r\n commonServices.quantityVal,\r\n commonServices.selectedFormulation!=null?commonServices.selectedFormulation.repeats:'',\r\n commonServices.repeatsVal,\r\n i,\r\n restriction\r\n )\r\n \" [innerHTML]=\"\r\n htmlToFormattedText(\r\n restriction.restrictionPreview\r\n ).substring(0, 80)\r\n \"></span>...\r\n <span>\r\n </span>\r\n <a style=\"cursor: pointer; color: #ff9978\" id=\"show-tooltip-id\">Show\r\n More</a></span>\r\n <ng-template #tooltipdemo>\r\n <p class=\"rx_tooltip_inner_box\" [innerHTML]=\"restriction.restrictionText\"></p>\r\n </ng-template>\r\n </p>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\"\r\n style=\"padding: 0px\">\r\n <!-- <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">PBS Notes:</p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" maxlength=\"500\" placeholder=\"\"\r\n [class]=\"{'edit-disable-data': commonServices.editPrescribedPrescription === true}\"\r\n class=\"w-100 new_rx_popup_tab_textarea\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsNotes\"></textarea>\r\n </div> -->\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n Indication For This Authority:\r\n </p>\r\n <textarea autocomplete=\"off\" name=\"\" id=\"\" rows=\"2\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\"\r\n [(ngModel)]=\"commonServices.pbsListInstructions\" (ngModelChange)=\"onInputChange($event)\"\r\n class=\"w-100 new_rx_popup_tab_textarea rx-m-w-100\"></textarea>\r\n </div>\r\n <div class=\"mdl-cell mdl-cell--12-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\r\n <p class=\"new_rx_popup_label\">\r\n {{\r\n getAuthorityLabel(commonServices.patientDetails.state)\r\n }}\r\n </p>\r\n <input autocomplete=\"off\" type=\"text\" name=\"approval\" placeholder=\"\"\r\n [class]=\"{'edit-dsable-data': commonServices.editPrescribedPrescription === true}\"\r\n [disabled]=\"commonServices.editPrescribedPrescription\" class=\"new_rx_popup_tab_input\"\r\n [(ngModel)]=\"commonServices.approvalNo\" (ngModelChange)=\"onInputchangeApprovalNo($event)\"\r\n (keypress)=\"authorityNoValidation($event)\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"\r\n !showAuthorityBox(\r\n commonServices.selectedFormulation!=null? commonServices.selectedFormulation.Restrictions:'',\r\n commonServices.PrescribeAS,\r\n commonServices.rxAuthority,\r\n commonServices.unlistedRA\r\n )\r\n \" style=\"width: 100%;\">\r\n <div style=\"text-align: right\" *ngIf=\"!commonServices.isMedicineRestrict\">\r\n <img src=\"https://passets.hola.health/rx-widgets/rx-mims.png\" alt=\"MIMS logo\"\r\n style=\"width: 80px; height: auto\" />\r\n </div>\r\n <div class=\"No_Authority_box\">\r\n <p>No Authority Required</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rx_footer\">\r\n <div class=\"rx_footer_brand\">\r\n <p class=\"ml-10\"><span>Hola Consult | 1.0 <span *ngIf=\"commonServices.sandbox\">| <span\r\n class=\"rx_staging\">This is a sandbox environment</span></span></span></p>\r\n <p class=\"mt-15p\">\r\n <span class=\"rx_popup_footer_text\">\u00A9 2026 Hola Health, a brand of Packapill Pty Ltd | v\r\n 1.1.3 |\r\n <a href=\"https://hola.health/consult-terms\" target=\"_blank\">Terms</a> |\r\n <a href=\"https://hola.health/consult-privacy-policy\" target=\"_blank\">Privacy Policy</a> |\r\n <a href=\"mailto:support@hola.health\" target=\"_blank\">Help</a></span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["@charset \"UTF-8\";.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #020202;width:30px;height:30px;animation:spin 1s linear infinite;margin-left:18px;margin-top:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-v4{margin-left:4vh}.rx_loader_button{border:2px solid #f3f3f3;border-radius:50%;border-top:4px solid #005760;width:30px;height:30px;animation:spin 1s linear infinite}.drp-icon{color:#fff;font-size:19px;margin-left:5px}.select-action-btn{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.select-action-ul{width:80%}.new_rx_popup_mims .React__Overlay_Open_Popup{position:fixed;inset:0;background-color:#00000080!important}.new_rx_popup_mims .new_rx_mims_Overlay_Open_Popup{z-index:9999999!important}.new_rx_popup_mims .ReactModal__Overlay{overflow-y:auto!important}.new_rx_popup_mims .ReactModal_popup{width:100%;padding:0;margin:20px 0 0}.new_rx_popup_mims .ReactModal__Content{margin:auto}.edit-disable-data{pointer-events:none;opacity:.6}.new_rx_popup_btns{position:relative;display:flex;justify-content:flex-end;align-items:center}@media only screen and (max-width: 1023px){.rx_ipad_header_box_1{width:calc(35% - 16px)}.rx_ipad_header_box_2{width:calc(65% - 16px)}.rx_ipad_header_box_3{width:calc(100% - 16px)}.new_mobile_rx_popup_header_text{display:block;text-align:center}}@media screen and (max-width: 767px){.new_rx_popup_btns,.new_mobile_rx_popup_header_text{display:block;text-align:center}.new_mobile_rx_top_bottom_0{margin-top:0;margin-bottom:0}.new_mobile_rx_btn{margin-bottom:5px}}.favourites-toggle-link{color:#0077b6!important;text-decoration:underline;cursor:pointer!important;font-size:14px;font-weight:400;line-height:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none!important;-webkit-tap-highlight-color:transparent}\n"] }]
6265
6253
  }], ctorParameters: function () { return [{ type: ApiService }, { type: CommonServices }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i3.DatePipe }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { wrapperRef: [{
6266
6254
  type: ViewChild,
6267
6255
  args: ['MedicineDropdown', { static: false }]
@@ -6677,8 +6665,7 @@ class CommonServices {
6677
6665
  // modalComponent.destroy();
6678
6666
  });
6679
6667
  modalComponent.hostView.detectChanges();
6680
- this.subPopupData = document.querySelector(".open-subpopup");
6681
- this.subPopupData.appendChild(modalComponent.location.nativeElement);
6668
+ this.document.body.appendChild(modalComponent.location.nativeElement);
6682
6669
  this.SubPopupOpen = new Subject();
6683
6670
  return this.SubPopupOpen?.asObservable();
6684
6671
  }
@@ -6968,6 +6955,23 @@ class CommonServices {
6968
6955
  return false;
6969
6956
  }
6970
6957
  }
6958
+ encryptionMethod(value) {
6959
+ try {
6960
+ const ID_ENCRYPTION_KEY = "*CC*ID*ENC*CODE*";
6961
+ const keyUtf8 = CryptoJS.enc.Utf8.parse(ID_ENCRYPTION_KEY);
6962
+ const encrypted = CryptoJS.AES.encrypt(value, keyUtf8, {
6963
+ mode: CryptoJS.mode.ECB,
6964
+ padding: CryptoJS.pad.Pkcs7
6965
+ });
6966
+ // Convert to Hex string (matches your Java's bytesToHexString)
6967
+ const hexString = encrypted.ciphertext.toString(CryptoJS.enc.Hex);
6968
+ return hexString;
6969
+ }
6970
+ catch (ex) {
6971
+ this.setlogvalue(false, ex.message, ex.stack, "CommonServices", "encryptionMethod");
6972
+ return "";
6973
+ }
6974
+ }
6971
6975
  }
6972
6976
  CommonServices.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonServices, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: DOCUMENT }, { token: i3.DatePipe }], target: i0.ɵɵFactoryTarget.Injectable });
6973
6977
  CommonServices.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonServices, providedIn: 'root' });
@@ -7225,7 +7229,7 @@ class HolaRx {
7225
7229
  this.commonservice.setlogvalue(true, ex.message, ex.stack, "HolaRx", "setTimer");
7226
7230
  }
7227
7231
  }
7228
- openNewRx(RxDetails, Height, Width) {
7232
+ openNewRx(RxDetails) {
7229
7233
  this.commonLoaderServices.rxInitLoaderHiddden = false;
7230
7234
  this.commonservice.logtransaction = "New Rx";
7231
7235
  this.commonservice.logidentifier = !this.IsNullOrEmpty(RxDetails) ? !this.IsNullOrEmpty(RxDetails.practitioner) ? !this.IsNullOrEmpty(RxDetails.practitioner.email) ? RxDetails.practitioner.email : "" : "" : "";
@@ -7280,8 +7284,6 @@ class HolaRx {
7280
7284
  this.commonservice.isMedicineRestrict = !this.commonservice.IsNullOrEmpty(res.isRestrictedMedicine) ? res.isRestrictedMedicine : false;
7281
7285
  if (!this.IsNullOrEmpty(this.commonservice.physicianDetails) && !this.IsNullOrEmpty(this.commonservice.physicianDetails.ePrescriptionAllowed) && this.commonservice.physicianDetails.ePrescriptionAllowed == 0)
7282
7286
  this.HIvalidation(res);
7283
- document.documentElement.style.setProperty('--pop_wid', `${!this.IsNullOrEmpty(Width) ? Width : '1200px'}`);
7284
- document.documentElement.style.setProperty('--popuph', `${!this.IsNullOrEmpty(Height) ? Height : '650px'}`);
7285
7287
  return this.commonservice.openRxWidget(this.content);
7286
7288
  }
7287
7289
  else {
@@ -7324,7 +7326,7 @@ class HolaRx {
7324
7326
  return this.errorResponse(errorconfig.error_64.code, errorconfig.error_64.message);
7325
7327
  }
7326
7328
  }
7327
- openEditRx(RxDetails, Height, Width) {
7329
+ openEditRx(RxDetails) {
7328
7330
  this.commonLoaderServices.rxInitLoaderHiddden = false;
7329
7331
  this.commonservice.logtransaction = "Edit Rx";
7330
7332
  this.commonservice.logidentifier = !this.IsNullOrEmpty(RxDetails) ? !this.IsNullOrEmpty(RxDetails.practitioner) ? !this.IsNullOrEmpty(RxDetails.practitioner.email) ? RxDetails.practitioner.email : "" : "" : "";
@@ -7389,8 +7391,6 @@ class HolaRx {
7389
7391
  this.commonservice.createPatientResponse = res;
7390
7392
  if (!this.IsNullOrEmpty(this.commonservice.physicianDetails) && !this.IsNullOrEmpty(this.commonservice.physicianDetails.ePrescriptionAllowed) && this.commonservice.physicianDetails.ePrescriptionAllowed == 0)
7391
7393
  this.HIvalidation(res);
7392
- document.documentElement.style.setProperty('--pop_wid', `${!this.IsNullOrEmpty(Width) ? Width : '1200px'}`);
7393
- document.documentElement.style.setProperty('--popuph', `${!this.IsNullOrEmpty(Height) ? Height : '650px'}`);
7394
7394
  return this.commonservice.openRxWidget(this.content);
7395
7395
  }
7396
7396
  else {