@hmcts/ccd-case-ui-toolkit 7.1.68 → 7.1.69-exui-2703-rc2
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.
- package/esm2022/lib/shared/components/palette/collection/write-collection-field.component.mjs +9 -9
- package/esm2022/lib/shared/components/palette/palette.module.mjs +2 -2
- package/esm2022/lib/shared/components/workbasket-filters/workbasket-filters.component.mjs +91 -71
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +99 -79
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/workbasket-filters/workbasket-filters.component.d.ts +1 -0
- package/lib/shared/components/workbasket-filters/workbasket-filters.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -14319,14 +14319,14 @@ class RemoveDialogComponent {
|
|
|
14319
14319
|
|
|
14320
14320
|
const _c0$S = ["collectionItem"];
|
|
14321
14321
|
function WriteCollectionFieldComponent_h2_8_span_1_Template(rf, ctx) { if (rf & 1) {
|
|
14322
|
-
i0.ɵɵelementStart(0, "span", 10);
|
|
14323
|
-
i0.ɵɵtext(
|
|
14324
|
-
i0.ɵɵpipe(
|
|
14325
|
-
i0.ɵɵelementEnd();
|
|
14322
|
+
i0.ɵɵelementStart(0, "span", 10)(1, "markdown");
|
|
14323
|
+
i0.ɵɵtext(2);
|
|
14324
|
+
i0.ɵɵpipe(3, "rpxTranslate");
|
|
14325
|
+
i0.ɵɵelementEnd()();
|
|
14326
14326
|
} if (rf & 2) {
|
|
14327
14327
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
14328
|
-
i0.ɵɵadvance();
|
|
14329
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
14328
|
+
i0.ɵɵadvance(2);
|
|
14329
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, ctx_r0.caseField.hint_text));
|
|
14330
14330
|
} }
|
|
14331
14331
|
function WriteCollectionFieldComponent_h2_8_span_2_Template(rf, ctx) { if (rf & 1) {
|
|
14332
14332
|
i0.ɵɵelementStart(0, "span", 11);
|
|
@@ -14340,7 +14340,7 @@ function WriteCollectionFieldComponent_h2_8_span_2_Template(rf, ctx) { if (rf &
|
|
|
14340
14340
|
} }
|
|
14341
14341
|
function WriteCollectionFieldComponent_h2_8_Template(rf, ctx) { if (rf & 1) {
|
|
14342
14342
|
i0.ɵɵelementStart(0, "h2", 3);
|
|
14343
|
-
i0.ɵɵtemplate(1, WriteCollectionFieldComponent_h2_8_span_1_Template,
|
|
14343
|
+
i0.ɵɵtemplate(1, WriteCollectionFieldComponent_h2_8_span_1_Template, 4, 3, "span", 8)(2, WriteCollectionFieldComponent_h2_8_span_2_Template, 3, 4, "span", 9);
|
|
14344
14344
|
i0.ɵɵelementEnd();
|
|
14345
14345
|
} if (rf & 2) {
|
|
14346
14346
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -14738,7 +14738,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
|
|
|
14738
14738
|
}
|
|
14739
14739
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCollectionFieldComponent, [{
|
|
14740
14740
|
type: Component,
|
|
14741
|
-
args: [{ selector: 'ccd-write-collection-field', template: "<div class=\"form-group\" [id]=\"id()\">\n\n <div class=\"panel collection-indicator\">\n\n <h2 class=\"heading-h2 error-spacing\">\n {{(caseField | ccdFieldLabel)}}\n </h2>\n <button class=\"button write-collection-add-item__top\" type=\"button\" (click)=\"addItem(true)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\">{{'Add new' | rpxTranslate}}</button>\n <h2 class=\"heading-h2 error-spacing\" *ngIf=\"caseField.hint_text || formArray.errors\">\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">{{caseField.hint_text | rpxTranslate }}</span>\n <span *ngIf=\"formArray.errors\" class=\"error-message\">\n {{(formArray.errors | ccdFirstError:caseField.label)}}\n </span>\n </h2>\n\n <div class=\"form-group\" [hidden]=\"caseField.hidden\" *ngIf=\"caseField.value && caseField.value.length\">\n <div *ngFor=\"let item of collItems; let i = index\" #collectionItem\n [id]=\"this.buildIdPrefix(i) + i\" class=\"form-group\">\n <div class=\"collection-title\">\n <div class=\"float-left\">\n <label [for]=\"item.prefix + i\"><h3 class=\"heading-h3\">{{itemLabel(i) | rpxTranslate}}</h3></label>\n </div>\n <div class=\"float-right\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"openModal(i)\"\n [disabled]=\"isNotAuthorisedToDelete(i)\"\n attr.aria-label=\"Remove {{ itemLabel(i) }}\">{{'Remove' | rpxTranslate}}</button>\n </div>\n </div>\n <ccd-field-write [caseField]=\"item.caseField\"\n [caseFields]=\"caseFields\"\n [formGroup]=\"formGroup\"\n [parent]=\"item.container\"\n [idPrefix]=\"item.prefix\"\n [hidden]=\"item.caseField.hidden\"\n [isExpanded]=\"isExpanded\"\n [isInSearchBlock]=\"isInSearchBlock\">\n </ccd-field-write>\n </div>\n\n </div>\n\n <button class=\"button write-collection-add-item__bottom\" type=\"button\" (click)=\"addItem(false)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\" *ngIf=\"caseField.value && caseField.value.length\">{{'Add new' | rpxTranslate }}</button>\n\n </div>\n\n</div>\n", styles: [".collection-field-table tr:first-child>td{padding-top:0}.collection-field-table tr:last-child>td{border-bottom:none}.collection-field-table td.collection-actions{width:1px;white-space:nowrap}.error-spacing{margin-top:10px}.collection-title{height:51px}.float-left{float:left;padding-top:8px}.float-right{float:right}.complex-panel{margin:13px 0;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width: 641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}.collection-indicator{border-left:solid 5px #b1b4b6}\n"] }]
|
|
14741
|
+
args: [{ selector: 'ccd-write-collection-field', template: "<div class=\"form-group\" [id]=\"id()\">\n\n <div class=\"panel collection-indicator\">\n\n <h2 class=\"heading-h2 error-spacing\">\n {{(caseField | ccdFieldLabel)}}\n </h2>\n <button class=\"button write-collection-add-item__top\" type=\"button\" (click)=\"addItem(true)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\">{{'Add new' | rpxTranslate}}</button>\n <h2 class=\"heading-h2 error-spacing\" *ngIf=\"caseField.hint_text || formArray.errors\">\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">\n <markdown>{{caseField.hint_text | rpxTranslate }}</markdown>\n </span>\n <span *ngIf=\"formArray.errors\" class=\"error-message\">\n {{(formArray.errors | ccdFirstError:caseField.label)}}\n </span>\n </h2>\n\n <div class=\"form-group\" [hidden]=\"caseField.hidden\" *ngIf=\"caseField.value && caseField.value.length\">\n <div *ngFor=\"let item of collItems; let i = index\" #collectionItem\n [id]=\"this.buildIdPrefix(i) + i\" class=\"form-group\">\n <div class=\"collection-title\">\n <div class=\"float-left\">\n <label [for]=\"item.prefix + i\"><h3 class=\"heading-h3\">{{itemLabel(i) | rpxTranslate}}</h3></label>\n </div>\n <div class=\"float-right\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"openModal(i)\"\n [disabled]=\"isNotAuthorisedToDelete(i)\"\n attr.aria-label=\"Remove {{ itemLabel(i) }}\">{{'Remove' | rpxTranslate}}</button>\n </div>\n </div>\n <ccd-field-write [caseField]=\"item.caseField\"\n [caseFields]=\"caseFields\"\n [formGroup]=\"formGroup\"\n [parent]=\"item.container\"\n [idPrefix]=\"item.prefix\"\n [hidden]=\"item.caseField.hidden\"\n [isExpanded]=\"isExpanded\"\n [isInSearchBlock]=\"isInSearchBlock\">\n </ccd-field-write>\n </div>\n\n </div>\n\n <button class=\"button write-collection-add-item__bottom\" type=\"button\" (click)=\"addItem(false)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\" *ngIf=\"caseField.value && caseField.value.length\">{{'Add new' | rpxTranslate }}</button>\n\n </div>\n\n</div>\n", styles: [".collection-field-table tr:first-child>td{padding-top:0}.collection-field-table tr:last-child>td{border-bottom:none}.collection-field-table td.collection-actions{width:1px;white-space:nowrap}.error-spacing{margin-top:10px}.collection-title{height:51px}.float-left{float:left;padding-top:8px}.float-right{float:right}.complex-panel{margin:13px 0;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media (min-width: 641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}.collection-indicator{border-left:solid 5px #b1b4b6}\n"] }]
|
|
14742
14742
|
}], () => [{ type: i1$3.MatLegacyDialog }, { type: i2.ScrollToService }, { type: ProfileNotifier }, { type: i0.ChangeDetectorRef }], { caseFields: [{
|
|
14743
14743
|
type: Input
|
|
14744
14744
|
}], items: [{
|
|
@@ -30600,7 +30600,7 @@ i0.ɵɵsetComponentScope(WriteOrganisationFieldComponent, function () { return [
|
|
|
30600
30600
|
i0.ɵɵsetComponentScope(WriteOrderSummaryFieldComponent, function () { return [ReadOrderSummaryFieldComponent]; }, []);
|
|
30601
30601
|
i0.ɵɵsetComponentScope(WriteDateContainerFieldComponent, function () { return [i5.NgIf, i4.NgControlStatusGroup, i4.FormGroupDirective, DatetimePickerComponent,
|
|
30602
30602
|
WriteDateFieldComponent]; }, []);
|
|
30603
|
-
i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i4.NgControlStatusGroup, i4.FormGroupDirective, FieldWriteComponent]; }, function () { return [FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe]; });
|
|
30603
|
+
i0.ɵɵsetComponentScope(WriteCollectionFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i4.NgControlStatusGroup, i4.FormGroupDirective, i2$1.MarkdownComponent, FieldWriteComponent]; }, function () { return [FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe]; });
|
|
30604
30604
|
i0.ɵɵsetComponentScope(
|
|
30605
30605
|
// ComponentLauncher web components
|
|
30606
30606
|
CaseFileViewFieldComponent, function () { return [i5.NgForOf, i5.NgIf, i14.MediaViewerComponent, CaseFileViewFolderComponent]; }, []);
|
|
@@ -32462,8 +32462,8 @@ class CaseListModule {
|
|
|
32462
32462
|
NgxPaginationModule,
|
|
32463
32463
|
PaginationModule, i1.RpxTranslationModule], exports: [CaseListComponent] }); })();
|
|
32464
32464
|
|
|
32465
|
-
function
|
|
32466
|
-
i0.ɵɵelementStart(0, "option",
|
|
32465
|
+
function WorkbasketFiltersComponent_option_20_Template(rf, ctx) { if (rf & 1) {
|
|
32466
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32467
32467
|
i0.ɵɵtext(1);
|
|
32468
32468
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32469
32469
|
i0.ɵɵelementEnd();
|
|
@@ -32472,8 +32472,8 @@ function WorkbasketFiltersComponent_option_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
32472
32472
|
i0.ɵɵadvance();
|
|
32473
32473
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Select a value"));
|
|
32474
32474
|
} }
|
|
32475
|
-
function
|
|
32476
|
-
i0.ɵɵelementStart(0, "option",
|
|
32475
|
+
function WorkbasketFiltersComponent_option_21_Template(rf, ctx) { if (rf & 1) {
|
|
32476
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32477
32477
|
i0.ɵɵtext(1);
|
|
32478
32478
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32479
32479
|
i0.ɵɵelementEnd();
|
|
@@ -32483,8 +32483,8 @@ function WorkbasketFiltersComponent_option_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
32483
32483
|
i0.ɵɵadvance();
|
|
32484
32484
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, j_r1.name));
|
|
32485
32485
|
} }
|
|
32486
|
-
function
|
|
32487
|
-
i0.ɵɵelementStart(0, "option",
|
|
32486
|
+
function WorkbasketFiltersComponent_option_27_Template(rf, ctx) { if (rf & 1) {
|
|
32487
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32488
32488
|
i0.ɵɵtext(1);
|
|
32489
32489
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32490
32490
|
i0.ɵɵelementEnd();
|
|
@@ -32493,8 +32493,8 @@ function WorkbasketFiltersComponent_option_16_Template(rf, ctx) { if (rf & 1) {
|
|
|
32493
32493
|
i0.ɵɵadvance();
|
|
32494
32494
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Select a value"));
|
|
32495
32495
|
} }
|
|
32496
|
-
function
|
|
32497
|
-
i0.ɵɵelementStart(0, "option",
|
|
32496
|
+
function WorkbasketFiltersComponent_option_28_Template(rf, ctx) { if (rf & 1) {
|
|
32497
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32498
32498
|
i0.ɵɵtext(1);
|
|
32499
32499
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32500
32500
|
i0.ɵɵelementEnd();
|
|
@@ -32504,8 +32504,8 @@ function WorkbasketFiltersComponent_option_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
32504
32504
|
i0.ɵɵadvance();
|
|
32505
32505
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ct_r2.name));
|
|
32506
32506
|
} }
|
|
32507
|
-
function
|
|
32508
|
-
i0.ɵɵelementStart(0, "option",
|
|
32507
|
+
function WorkbasketFiltersComponent_option_37_Template(rf, ctx) { if (rf & 1) {
|
|
32508
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32509
32509
|
i0.ɵɵtext(1);
|
|
32510
32510
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32511
32511
|
i0.ɵɵelementEnd();
|
|
@@ -32515,10 +32515,10 @@ function WorkbasketFiltersComponent_option_26_Template(rf, ctx) { if (rf & 1) {
|
|
|
32515
32515
|
i0.ɵɵadvance();
|
|
32516
32516
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, cs_r3.name));
|
|
32517
32517
|
} }
|
|
32518
|
-
function
|
|
32518
|
+
function WorkbasketFiltersComponent_ng_container_38_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
32519
32519
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
32520
|
-
i0.ɵɵelementStart(0, "div",
|
|
32521
|
-
i0.ɵɵlistener("keyup.enter", function
|
|
32520
|
+
i0.ɵɵelementStart(0, "div", 5)(1, "ccd-field-write", 20);
|
|
32521
|
+
i0.ɵɵlistener("keyup.enter", function WorkbasketFiltersComponent_ng_container_38_div_2_Template_ccd_field_write_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.apply(null)); });
|
|
32522
32522
|
i0.ɵɵelementEnd()();
|
|
32523
32523
|
} if (rf & 2) {
|
|
32524
32524
|
const workbasketInput_r6 = ctx.$implicit;
|
|
@@ -32526,10 +32526,10 @@ function WorkbasketFiltersComponent_ng_container_27_div_2_Template(rf, ctx) { if
|
|
|
32526
32526
|
i0.ɵɵadvance();
|
|
32527
32527
|
i0.ɵɵproperty("caseField", workbasketInput_r6.field)("formGroup", ctx_r4.formGroup)("isExpanded", true)("isInSearchBlock", true);
|
|
32528
32528
|
} }
|
|
32529
|
-
function
|
|
32530
|
-
i0.ɵɵelementContainerStart(0,
|
|
32531
|
-
i0.ɵɵelementStart(1, "div",
|
|
32532
|
-
i0.ɵɵtemplate(2,
|
|
32529
|
+
function WorkbasketFiltersComponent_ng_container_38_Template(rf, ctx) { if (rf & 1) {
|
|
32530
|
+
i0.ɵɵelementContainerStart(0, 17);
|
|
32531
|
+
i0.ɵɵelementStart(1, "div", 18);
|
|
32532
|
+
i0.ɵɵtemplate(2, WorkbasketFiltersComponent_ng_container_38_div_2_Template, 2, 4, "div", 19);
|
|
32533
32533
|
i0.ɵɵelementEnd();
|
|
32534
32534
|
i0.ɵɵelementContainerEnd();
|
|
32535
32535
|
} if (rf & 2) {
|
|
@@ -32572,6 +32572,15 @@ class WorkbasketFiltersComponent {
|
|
|
32572
32572
|
this.alertService = alertService;
|
|
32573
32573
|
this.windowService = windowService;
|
|
32574
32574
|
}
|
|
32575
|
+
scrollToTop() {
|
|
32576
|
+
(function smoothscroll() {
|
|
32577
|
+
const currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
|
|
32578
|
+
if (currentScroll > 0) {
|
|
32579
|
+
window.requestAnimationFrame(smoothscroll);
|
|
32580
|
+
window.scrollTo(0, currentScroll - (currentScroll / 8));
|
|
32581
|
+
}
|
|
32582
|
+
})();
|
|
32583
|
+
}
|
|
32575
32584
|
ngOnInit() {
|
|
32576
32585
|
this.selected = {};
|
|
32577
32586
|
this.route.queryParams.subscribe(params => {
|
|
@@ -32832,62 +32841,78 @@ class WorkbasketFiltersComponent {
|
|
|
32832
32841
|
}
|
|
32833
32842
|
}
|
|
32834
32843
|
static ɵfac = function WorkbasketFiltersComponent_Factory(t) { return new (t || WorkbasketFiltersComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(WorkbasketInputFilterService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(WindowService)); };
|
|
32835
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, decls:
|
|
32836
|
-
i0.ɵɵelementStart(0, "
|
|
32837
|
-
i0.ɵɵtext(
|
|
32838
|
-
i0.ɵɵpipe(
|
|
32844
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, decls: 45, vars: 55, consts: [["id", "filters", 1, "global-display"], [1, "form-group", "flex"], ["aria-label", "Filters", 1, "heading-h2"], ["type", "button", 1, "button", "workbasket-filters-apply", 3, "click", "disabled", "title"], ["type", "button", 1, "button", "button-secondary", 3, "click", "title"], [1, "form-group"], ["for", "wb-jurisdiction", 1, "form-label"], ["id", "wb-jurisdiction", "name", "jurisdiction", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "change", "ngModel"], [3, "ngValue", 4, "ngIf"], [3, "ngValue", 4, "ngFor", "ngForOf"], ["for", "wb-case-type", 1, "form-label"], ["id", "wb-case-type", "name", "case-type", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "change", "ngModel", "disabled"], ["for", "wb-case-state", 1, "form-label"], ["id", "wb-case-state", "name", "state", "aria-controls", "search-result", 1, "form-control", "form-control-3-4", "ccd-dropdown", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields", 4, "ngIf"], ["type", "button", 1, "button", 3, "click", "title"], ["ccdConditionalShowForm", "", 3, "formGroup", "contextFields"], ["id", "dynamicFilters"], ["class", "form-group", 4, "ngFor", "ngForOf"], [3, "keyup.enter", "caseField", "formGroup", "isExpanded", "isInSearchBlock"]], template: function WorkbasketFiltersComponent_Template(rf, ctx) { if (rf & 1) {
|
|
32845
|
+
i0.ɵɵelementStart(0, "form", 0)(1, "div", 1)(2, "fieldset", 2);
|
|
32846
|
+
i0.ɵɵtext(3);
|
|
32847
|
+
i0.ɵɵpipe(4, "rpxTranslate");
|
|
32839
32848
|
i0.ɵɵelementEnd();
|
|
32840
|
-
i0.ɵɵelementStart(
|
|
32841
|
-
i0.ɵɵ
|
|
32849
|
+
i0.ɵɵelementStart(5, "button", 3);
|
|
32850
|
+
i0.ɵɵpipe(6, "rpxTranslate");
|
|
32842
32851
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
32852
|
+
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_5_listener() { return ctx.apply(true); });
|
|
32853
|
+
i0.ɵɵtext(8);
|
|
32854
|
+
i0.ɵɵpipe(9, "rpxTranslate");
|
|
32843
32855
|
i0.ɵɵelementEnd();
|
|
32844
|
-
i0.ɵɵelementStart(
|
|
32845
|
-
i0.ɵɵ
|
|
32846
|
-
i0.ɵɵ
|
|
32847
|
-
i0.ɵɵ
|
|
32848
|
-
i0.ɵɵelementEnd()();
|
|
32849
|
-
i0.ɵɵelementStart(11, "div", 2)(12, "label", 7);
|
|
32856
|
+
i0.ɵɵelementStart(10, "button", 4);
|
|
32857
|
+
i0.ɵɵpipe(11, "rpxTranslate");
|
|
32858
|
+
i0.ɵɵpipe(12, "rpxTranslate");
|
|
32859
|
+
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_10_listener() { return ctx.reset(); });
|
|
32850
32860
|
i0.ɵɵtext(13);
|
|
32851
32861
|
i0.ɵɵpipe(14, "rpxTranslate");
|
|
32852
|
-
i0.ɵɵelementEnd();
|
|
32853
|
-
i0.ɵɵelementStart(15, "select", 8);
|
|
32854
|
-
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_15_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseType, $event) || (ctx.selected.caseType = $event); return $event; });
|
|
32855
|
-
i0.ɵɵlistener("change", function WorkbasketFiltersComponent_Template_select_change_15_listener() { return ctx.onCaseTypeIdChange(); });
|
|
32856
|
-
i0.ɵɵtemplate(16, WorkbasketFiltersComponent_option_16_Template, 3, 4, "option", 5)(17, WorkbasketFiltersComponent_option_17_Template, 3, 4, "option", 6);
|
|
32857
32862
|
i0.ɵɵelementEnd()();
|
|
32858
|
-
i0.ɵɵelementStart(
|
|
32859
|
-
i0.ɵɵtext(
|
|
32860
|
-
i0.ɵɵpipe(
|
|
32863
|
+
i0.ɵɵelementStart(15, "div", 5)(16, "label", 6);
|
|
32864
|
+
i0.ɵɵtext(17);
|
|
32865
|
+
i0.ɵɵpipe(18, "rpxTranslate");
|
|
32861
32866
|
i0.ɵɵelementEnd();
|
|
32862
|
-
i0.ɵɵelementStart(
|
|
32863
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
32864
|
-
i0.ɵɵ
|
|
32867
|
+
i0.ɵɵelementStart(19, "select", 7);
|
|
32868
|
+
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_19_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.jurisdiction, $event) || (ctx.selected.jurisdiction = $event); return $event; });
|
|
32869
|
+
i0.ɵɵlistener("change", function WorkbasketFiltersComponent_Template_select_change_19_listener() { return ctx.onJurisdictionIdChange(); });
|
|
32870
|
+
i0.ɵɵtemplate(20, WorkbasketFiltersComponent_option_20_Template, 3, 4, "option", 8)(21, WorkbasketFiltersComponent_option_21_Template, 3, 4, "option", 9);
|
|
32871
|
+
i0.ɵɵelementEnd()();
|
|
32872
|
+
i0.ɵɵelementStart(22, "div", 5)(23, "label", 10);
|
|
32865
32873
|
i0.ɵɵtext(24);
|
|
32866
32874
|
i0.ɵɵpipe(25, "rpxTranslate");
|
|
32867
32875
|
i0.ɵɵelementEnd();
|
|
32868
|
-
i0.ɵɵ
|
|
32876
|
+
i0.ɵɵelementStart(26, "select", 11);
|
|
32877
|
+
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_26_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseType, $event) || (ctx.selected.caseType = $event); return $event; });
|
|
32878
|
+
i0.ɵɵlistener("change", function WorkbasketFiltersComponent_Template_select_change_26_listener() { return ctx.onCaseTypeIdChange(); });
|
|
32879
|
+
i0.ɵɵtemplate(27, WorkbasketFiltersComponent_option_27_Template, 3, 4, "option", 8)(28, WorkbasketFiltersComponent_option_28_Template, 3, 4, "option", 9);
|
|
32869
32880
|
i0.ɵɵelementEnd()();
|
|
32870
|
-
i0.ɵɵ
|
|
32871
|
-
i0.ɵɵelementStart(28, "button", 13);
|
|
32872
|
-
i0.ɵɵpipe(29, "rpxTranslate");
|
|
32873
|
-
i0.ɵɵpipe(30, "rpxTranslate");
|
|
32874
|
-
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_28_listener() { return ctx.apply(true); });
|
|
32881
|
+
i0.ɵɵelementStart(29, "div", 5)(30, "label", 12);
|
|
32875
32882
|
i0.ɵɵtext(31);
|
|
32876
32883
|
i0.ɵɵpipe(32, "rpxTranslate");
|
|
32877
32884
|
i0.ɵɵelementEnd();
|
|
32878
|
-
i0.ɵɵ
|
|
32879
|
-
i0.ɵɵ
|
|
32880
|
-
i0.ɵɵ
|
|
32885
|
+
i0.ɵɵelementStart(33, "select", 13);
|
|
32886
|
+
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_33_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseState, $event) || (ctx.selected.caseState = $event); return $event; });
|
|
32887
|
+
i0.ɵɵelementStart(34, "option", 14);
|
|
32888
|
+
i0.ɵɵtext(35);
|
|
32881
32889
|
i0.ɵɵpipe(36, "rpxTranslate");
|
|
32882
|
-
i0.ɵɵ
|
|
32883
|
-
i0.ɵɵ
|
|
32884
|
-
i0.ɵɵpipe(38, "rpxTranslate");
|
|
32890
|
+
i0.ɵɵelementEnd();
|
|
32891
|
+
i0.ɵɵtemplate(37, WorkbasketFiltersComponent_option_37_Template, 3, 4, "option", 9);
|
|
32885
32892
|
i0.ɵɵelementEnd()();
|
|
32893
|
+
i0.ɵɵtemplate(38, WorkbasketFiltersComponent_ng_container_38_Template, 3, 3, "ng-container", 15);
|
|
32894
|
+
i0.ɵɵelementStart(39, "div", 5)(40, "button", 16);
|
|
32895
|
+
i0.ɵɵpipe(41, "rpxTranslate");
|
|
32896
|
+
i0.ɵɵpipe(42, "rpxTranslate");
|
|
32897
|
+
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_40_listener() { return ctx.scrollToTop(); });
|
|
32898
|
+
i0.ɵɵtext(43);
|
|
32899
|
+
i0.ɵɵpipe(44, "rpxTranslate");
|
|
32900
|
+
i0.ɵɵelementEnd()()();
|
|
32886
32901
|
} if (rf & 2) {
|
|
32887
|
-
i0.ɵɵadvance();
|
|
32888
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32889
|
-
i0.ɵɵadvance(
|
|
32890
|
-
i0.ɵɵ
|
|
32902
|
+
i0.ɵɵadvance(3);
|
|
32903
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 27, "Filters"));
|
|
32904
|
+
i0.ɵɵadvance(2);
|
|
32905
|
+
i0.ɵɵproperty("disabled", ctx.isApplyButtonDisabled())("title", i0.ɵɵpipeBind1(6, 29, "Apply filter"));
|
|
32906
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 31, "Apply filter"));
|
|
32907
|
+
i0.ɵɵadvance(3);
|
|
32908
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 33, "Apply"), " ");
|
|
32909
|
+
i0.ɵɵadvance(2);
|
|
32910
|
+
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(11, 35, "Reset filter"));
|
|
32911
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(12, 37, "Reset filter"));
|
|
32912
|
+
i0.ɵɵadvance(3);
|
|
32913
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 39, "Reset"), " ");
|
|
32914
|
+
i0.ɵɵadvance(4);
|
|
32915
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 41, "Jurisdiction"));
|
|
32891
32916
|
i0.ɵɵadvance(2);
|
|
32892
32917
|
i0.ɵɵtwoWayProperty("ngModel", ctx.selected.jurisdiction);
|
|
32893
32918
|
i0.ɵɵadvance();
|
|
@@ -32895,7 +32920,7 @@ class WorkbasketFiltersComponent {
|
|
|
32895
32920
|
i0.ɵɵadvance();
|
|
32896
32921
|
i0.ɵɵproperty("ngForOf", ctx.jurisdictions);
|
|
32897
32922
|
i0.ɵɵadvance(3);
|
|
32898
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32923
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(25, 43, "Case type"));
|
|
32899
32924
|
i0.ɵɵadvance(2);
|
|
32900
32925
|
i0.ɵɵtwoWayProperty("ngModel", ctx.selected.caseType);
|
|
32901
32926
|
i0.ɵɵproperty("disabled", ctx.isCaseTypesDropdownDisabled());
|
|
@@ -32904,33 +32929,28 @@ class WorkbasketFiltersComponent {
|
|
|
32904
32929
|
i0.ɵɵadvance();
|
|
32905
32930
|
i0.ɵɵproperty("ngForOf", ctx.selectedJurisdictionCaseTypes);
|
|
32906
32931
|
i0.ɵɵadvance(3);
|
|
32907
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32932
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 45, "State"));
|
|
32908
32933
|
i0.ɵɵadvance(2);
|
|
32909
32934
|
i0.ɵɵtwoWayProperty("ngModel", ctx.selected.caseState);
|
|
32910
32935
|
i0.ɵɵproperty("disabled", ctx.isCaseStatesDropdownDisabled());
|
|
32911
32936
|
i0.ɵɵadvance();
|
|
32912
32937
|
i0.ɵɵproperty("ngValue", null);
|
|
32913
32938
|
i0.ɵɵadvance();
|
|
32914
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32939
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(36, 47, "Any"));
|
|
32915
32940
|
i0.ɵɵadvance(2);
|
|
32916
32941
|
i0.ɵɵproperty("ngForOf", ctx.selectedCaseTypeStates);
|
|
32917
32942
|
i0.ɵɵadvance();
|
|
32918
32943
|
i0.ɵɵproperty("ngIf", ctx.isSearchableAndWorkbasketInputsReady());
|
|
32919
|
-
i0.ɵɵadvance();
|
|
32920
|
-
i0.ɵɵproperty("
|
|
32921
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(
|
|
32922
|
-
i0.ɵɵadvance(3);
|
|
32923
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 38, "Apply"), " ");
|
|
32924
|
-
i0.ɵɵadvance(3);
|
|
32925
|
-
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(35, 40, "Reset filter"));
|
|
32926
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(36, 42, "Reset filter"));
|
|
32944
|
+
i0.ɵɵadvance(2);
|
|
32945
|
+
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(41, 49, "Back to top"));
|
|
32946
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(42, 51, "Back to top"));
|
|
32927
32947
|
i0.ɵɵadvance(3);
|
|
32928
|
-
i0.ɵɵtextInterpolate1("
|
|
32929
|
-
} }, styles: ["div[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:11pt;line-height:1.2727272727}@media (min-width: 641px){div[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{font-size:12pt;line-height:1.3333333333}}.form-group[_ngcontent-%COMP%]{margin-bottom:7px}.ccd-dropdown[_ngcontent-%COMP%]{width:100%}span.heading-medium[_ngcontent-%COMP%]{margin-top:0}"] });
|
|
32948
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(44, 53, "Back to top"), " ");
|
|
32949
|
+
} }, styles: ["div[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:11pt;line-height:1.2727272727}@media (min-width: 641px){div[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{font-size:12pt;line-height:1.3333333333}}.form-group[_ngcontent-%COMP%]{margin-bottom:7px}.form-group.flex[_ngcontent-%COMP%]{display:flex}.form-group.flex[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{margin:1rem .25rem .25rem;height:2.5rem}.ccd-dropdown[_ngcontent-%COMP%]{width:100%}span.heading-medium[_ngcontent-%COMP%]{margin-top:0}"] });
|
|
32930
32950
|
}
|
|
32931
32951
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkbasketFiltersComponent, [{
|
|
32932
32952
|
type: Component,
|
|
32933
|
-
args: [{ selector: 'ccd-workbasket-filters', template: "<
|
|
32953
|
+
args: [{ selector: 'ccd-workbasket-filters', template: "<form id=\"filters\" class=\"global-display\">\n <div class=\"form-group flex\">\n <fieldset class=\"heading-h2\" aria-label=\"Filters\">{{'Filters' | rpxTranslate }}</fieldset>\n <button type=\"button\" class=\"button workbasket-filters-apply\" (click)=\"apply(true)\" [disabled]=\"isApplyButtonDisabled()\"\n [title]=\"'Apply filter' | rpxTranslate\" [attr.aria-label]=\"'Apply filter' | rpxTranslate\">\n {{'Apply' | rpxTranslate}}\n </button>\n <button type=\"button\" (click)=\"reset()\" class=\"button button-secondary\"\n [title]=\"'Reset filter' | rpxTranslate\" [attr.aria-label]=\"'Reset filter' | rpxTranslate\">\n {{'Reset' | rpxTranslate}}\n </button>\n </div>\n\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"wb-jurisdiction\">{{'Jurisdiction' | rpxTranslate}}</label>\n <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-jurisdiction\"\n name=\"jurisdiction\" [(ngModel)]=\"selected.jurisdiction\" aria-controls=\"search-result\"\n (change)=\"onJurisdictionIdChange()\">\n <option *ngIf=\"!workbasketDefaults\" [ngValue]=\"null\">{{'Select a value' | rpxTranslate}}</option>\n <option *ngFor=\"let j of jurisdictions\" [ngValue]=\"j\">{{j.name | rpxTranslate}}</option>\n </select>\n </div>\n\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"wb-case-type\">{{'Case type' | rpxTranslate}}</label>\n <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-case-type\"\n name=\"case-type\" [(ngModel)]=\"selected.caseType\" [disabled]=\"isCaseTypesDropdownDisabled()\"\n (change)=\"onCaseTypeIdChange()\" aria-controls=\"search-result\">\n <option *ngIf=\"!workbasketDefaults\" [ngValue]=\"null\">{{'Select a value' | rpxTranslate}}</option>\n <option *ngFor=\"let ct of selectedJurisdictionCaseTypes\" [ngValue]=\"ct\">{{ct.name | rpxTranslate}}</option>\n </select>\n </div>\n\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"wb-case-state\">{{'State' | rpxTranslate}}</label>\n <select class=\"form-control form-control-3-4 ccd-dropdown\" id=\"wb-case-state\"\n name=\"state\" [(ngModel)]=\"selected.caseState\" [disabled]=\"isCaseStatesDropdownDisabled()\"\n aria-controls=\"search-result\">\n <option [ngValue]=\"null\">{{'Any' | rpxTranslate}}</option>\n <option *ngFor=\"let cs of selectedCaseTypeStates\" [ngValue]=\"cs\">{{cs.name | rpxTranslate}}</option>\n </select>\n </div>\n\n <ng-container ccdConditionalShowForm *ngIf=\"isSearchableAndWorkbasketInputsReady()\" [formGroup]=\"formGroup\" [contextFields]=\"caseFields\">\n <div id=\"dynamicFilters\">\n <div class=\"form-group\" *ngFor=\"let workbasketInput of workbasketInputs\">\n <ccd-field-write [caseField]=\"workbasketInput.field\" [formGroup]=\"formGroup\" [isExpanded]=\"true\" [isInSearchBlock]=\"true\" (keyup.enter)=\"apply(null)\">\n </ccd-field-write>\n </div>\n </div>\n </ng-container>\n\n <div class=\"form-group\">\n <button type=\"button\" class=\"button\" (click)=\"scrollToTop()\"\n [title]=\"'Back to top' | rpxTranslate\" [attr.aria-label]=\"'Back to top' | rpxTranslate\">{{'Back to top' | rpxTranslate}}\n </button>\n </div>\n</form>\n", styles: ["div select{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:11pt;line-height:1.2727272727}@media (min-width: 641px){div select{font-size:12pt;line-height:1.3333333333}}.form-group{margin-bottom:7px}.form-group.flex{display:flex}.form-group.flex button{margin:1rem .25rem .25rem;height:2.5rem}.ccd-dropdown{width:100%}span.heading-medium{margin-top:0}\n"] }]
|
|
32934
32954
|
}], () => [{ type: i1$1.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService }, { type: AlertService }, { type: WindowService }], { jurisdictions: [{
|
|
32935
32955
|
type: Input
|
|
32936
32956
|
}], defaults: [{
|