@hmcts/ccd-case-ui-toolkit 7.1.55 → 7.1.56-exui-2703-rc1
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/workbasket-filters/workbasket-filters.component.mjs +91 -71
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +90 -70
- 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
|
@@ -32308,8 +32308,8 @@ class CaseListModule {
|
|
|
32308
32308
|
NgxPaginationModule,
|
|
32309
32309
|
PaginationModule, i1.RpxTranslationModule], exports: [CaseListComponent] }); })();
|
|
32310
32310
|
|
|
32311
|
-
function
|
|
32312
|
-
i0.ɵɵelementStart(0, "option",
|
|
32311
|
+
function WorkbasketFiltersComponent_option_20_Template(rf, ctx) { if (rf & 1) {
|
|
32312
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32313
32313
|
i0.ɵɵtext(1);
|
|
32314
32314
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32315
32315
|
i0.ɵɵelementEnd();
|
|
@@ -32318,8 +32318,8 @@ function WorkbasketFiltersComponent_option_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
32318
32318
|
i0.ɵɵadvance();
|
|
32319
32319
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Select a value"));
|
|
32320
32320
|
} }
|
|
32321
|
-
function
|
|
32322
|
-
i0.ɵɵelementStart(0, "option",
|
|
32321
|
+
function WorkbasketFiltersComponent_option_21_Template(rf, ctx) { if (rf & 1) {
|
|
32322
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32323
32323
|
i0.ɵɵtext(1);
|
|
32324
32324
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32325
32325
|
i0.ɵɵelementEnd();
|
|
@@ -32329,8 +32329,8 @@ function WorkbasketFiltersComponent_option_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
32329
32329
|
i0.ɵɵadvance();
|
|
32330
32330
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, j_r1.name));
|
|
32331
32331
|
} }
|
|
32332
|
-
function
|
|
32333
|
-
i0.ɵɵelementStart(0, "option",
|
|
32332
|
+
function WorkbasketFiltersComponent_option_27_Template(rf, ctx) { if (rf & 1) {
|
|
32333
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32334
32334
|
i0.ɵɵtext(1);
|
|
32335
32335
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32336
32336
|
i0.ɵɵelementEnd();
|
|
@@ -32339,8 +32339,8 @@ function WorkbasketFiltersComponent_option_16_Template(rf, ctx) { if (rf & 1) {
|
|
|
32339
32339
|
i0.ɵɵadvance();
|
|
32340
32340
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "Select a value"));
|
|
32341
32341
|
} }
|
|
32342
|
-
function
|
|
32343
|
-
i0.ɵɵelementStart(0, "option",
|
|
32342
|
+
function WorkbasketFiltersComponent_option_28_Template(rf, ctx) { if (rf & 1) {
|
|
32343
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32344
32344
|
i0.ɵɵtext(1);
|
|
32345
32345
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32346
32346
|
i0.ɵɵelementEnd();
|
|
@@ -32350,8 +32350,8 @@ function WorkbasketFiltersComponent_option_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
32350
32350
|
i0.ɵɵadvance();
|
|
32351
32351
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ct_r2.name));
|
|
32352
32352
|
} }
|
|
32353
|
-
function
|
|
32354
|
-
i0.ɵɵelementStart(0, "option",
|
|
32353
|
+
function WorkbasketFiltersComponent_option_37_Template(rf, ctx) { if (rf & 1) {
|
|
32354
|
+
i0.ɵɵelementStart(0, "option", 14);
|
|
32355
32355
|
i0.ɵɵtext(1);
|
|
32356
32356
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
32357
32357
|
i0.ɵɵelementEnd();
|
|
@@ -32361,10 +32361,10 @@ function WorkbasketFiltersComponent_option_26_Template(rf, ctx) { if (rf & 1) {
|
|
|
32361
32361
|
i0.ɵɵadvance();
|
|
32362
32362
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, cs_r3.name));
|
|
32363
32363
|
} }
|
|
32364
|
-
function
|
|
32364
|
+
function WorkbasketFiltersComponent_ng_container_38_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
32365
32365
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
32366
|
-
i0.ɵɵelementStart(0, "div",
|
|
32367
|
-
i0.ɵɵlistener("keyup.enter", function
|
|
32366
|
+
i0.ɵɵelementStart(0, "div", 5)(1, "ccd-field-write", 20);
|
|
32367
|
+
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)); });
|
|
32368
32368
|
i0.ɵɵelementEnd()();
|
|
32369
32369
|
} if (rf & 2) {
|
|
32370
32370
|
const workbasketInput_r6 = ctx.$implicit;
|
|
@@ -32372,10 +32372,10 @@ function WorkbasketFiltersComponent_ng_container_27_div_2_Template(rf, ctx) { if
|
|
|
32372
32372
|
i0.ɵɵadvance();
|
|
32373
32373
|
i0.ɵɵproperty("caseField", workbasketInput_r6.field)("formGroup", ctx_r4.formGroup)("isExpanded", true)("isInSearchBlock", true);
|
|
32374
32374
|
} }
|
|
32375
|
-
function
|
|
32376
|
-
i0.ɵɵelementContainerStart(0,
|
|
32377
|
-
i0.ɵɵelementStart(1, "div",
|
|
32378
|
-
i0.ɵɵtemplate(2,
|
|
32375
|
+
function WorkbasketFiltersComponent_ng_container_38_Template(rf, ctx) { if (rf & 1) {
|
|
32376
|
+
i0.ɵɵelementContainerStart(0, 17);
|
|
32377
|
+
i0.ɵɵelementStart(1, "div", 18);
|
|
32378
|
+
i0.ɵɵtemplate(2, WorkbasketFiltersComponent_ng_container_38_div_2_Template, 2, 4, "div", 19);
|
|
32379
32379
|
i0.ɵɵelementEnd();
|
|
32380
32380
|
i0.ɵɵelementContainerEnd();
|
|
32381
32381
|
} if (rf & 2) {
|
|
@@ -32418,6 +32418,15 @@ class WorkbasketFiltersComponent {
|
|
|
32418
32418
|
this.alertService = alertService;
|
|
32419
32419
|
this.windowService = windowService;
|
|
32420
32420
|
}
|
|
32421
|
+
scrollToTop() {
|
|
32422
|
+
(function smoothscroll() {
|
|
32423
|
+
const currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
|
|
32424
|
+
if (currentScroll > 0) {
|
|
32425
|
+
window.requestAnimationFrame(smoothscroll);
|
|
32426
|
+
window.scrollTo(0, currentScroll - (currentScroll / 8));
|
|
32427
|
+
}
|
|
32428
|
+
})();
|
|
32429
|
+
}
|
|
32421
32430
|
ngOnInit() {
|
|
32422
32431
|
this.selected = {};
|
|
32423
32432
|
this.route.queryParams.subscribe(params => {
|
|
@@ -32678,62 +32687,78 @@ class WorkbasketFiltersComponent {
|
|
|
32678
32687
|
}
|
|
32679
32688
|
}
|
|
32680
32689
|
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)); };
|
|
32681
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkbasketFiltersComponent, selectors: [["ccd-workbasket-filters"]], inputs: { jurisdictions: "jurisdictions", defaults: "defaults" }, outputs: { onApply: "onApply", onReset: "onReset" }, decls:
|
|
32682
|
-
i0.ɵɵelementStart(0, "
|
|
32683
|
-
i0.ɵɵtext(
|
|
32684
|
-
i0.ɵɵpipe(
|
|
32690
|
+
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) {
|
|
32691
|
+
i0.ɵɵelementStart(0, "form", 0)(1, "div", 1)(2, "fieldset", 2);
|
|
32692
|
+
i0.ɵɵtext(3);
|
|
32693
|
+
i0.ɵɵpipe(4, "rpxTranslate");
|
|
32685
32694
|
i0.ɵɵelementEnd();
|
|
32686
|
-
i0.ɵɵelementStart(
|
|
32687
|
-
i0.ɵɵ
|
|
32695
|
+
i0.ɵɵelementStart(5, "button", 3);
|
|
32696
|
+
i0.ɵɵpipe(6, "rpxTranslate");
|
|
32688
32697
|
i0.ɵɵpipe(7, "rpxTranslate");
|
|
32698
|
+
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_5_listener() { return ctx.apply(true); });
|
|
32699
|
+
i0.ɵɵtext(8);
|
|
32700
|
+
i0.ɵɵpipe(9, "rpxTranslate");
|
|
32689
32701
|
i0.ɵɵelementEnd();
|
|
32690
|
-
i0.ɵɵelementStart(
|
|
32691
|
-
i0.ɵɵ
|
|
32692
|
-
i0.ɵɵ
|
|
32693
|
-
i0.ɵɵ
|
|
32694
|
-
i0.ɵɵelementEnd()();
|
|
32695
|
-
i0.ɵɵelementStart(11, "div", 2)(12, "label", 7);
|
|
32702
|
+
i0.ɵɵelementStart(10, "button", 4);
|
|
32703
|
+
i0.ɵɵpipe(11, "rpxTranslate");
|
|
32704
|
+
i0.ɵɵpipe(12, "rpxTranslate");
|
|
32705
|
+
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_10_listener() { return ctx.reset(); });
|
|
32696
32706
|
i0.ɵɵtext(13);
|
|
32697
32707
|
i0.ɵɵpipe(14, "rpxTranslate");
|
|
32698
|
-
i0.ɵɵelementEnd();
|
|
32699
|
-
i0.ɵɵelementStart(15, "select", 8);
|
|
32700
|
-
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_15_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseType, $event) || (ctx.selected.caseType = $event); return $event; });
|
|
32701
|
-
i0.ɵɵlistener("change", function WorkbasketFiltersComponent_Template_select_change_15_listener() { return ctx.onCaseTypeIdChange(); });
|
|
32702
|
-
i0.ɵɵtemplate(16, WorkbasketFiltersComponent_option_16_Template, 3, 4, "option", 5)(17, WorkbasketFiltersComponent_option_17_Template, 3, 4, "option", 6);
|
|
32703
32708
|
i0.ɵɵelementEnd()();
|
|
32704
|
-
i0.ɵɵelementStart(
|
|
32705
|
-
i0.ɵɵtext(
|
|
32706
|
-
i0.ɵɵpipe(
|
|
32709
|
+
i0.ɵɵelementStart(15, "div", 5)(16, "label", 6);
|
|
32710
|
+
i0.ɵɵtext(17);
|
|
32711
|
+
i0.ɵɵpipe(18, "rpxTranslate");
|
|
32707
32712
|
i0.ɵɵelementEnd();
|
|
32708
|
-
i0.ɵɵelementStart(
|
|
32709
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
32710
|
-
i0.ɵɵ
|
|
32713
|
+
i0.ɵɵelementStart(19, "select", 7);
|
|
32714
|
+
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_19_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.jurisdiction, $event) || (ctx.selected.jurisdiction = $event); return $event; });
|
|
32715
|
+
i0.ɵɵlistener("change", function WorkbasketFiltersComponent_Template_select_change_19_listener() { return ctx.onJurisdictionIdChange(); });
|
|
32716
|
+
i0.ɵɵtemplate(20, WorkbasketFiltersComponent_option_20_Template, 3, 4, "option", 8)(21, WorkbasketFiltersComponent_option_21_Template, 3, 4, "option", 9);
|
|
32717
|
+
i0.ɵɵelementEnd()();
|
|
32718
|
+
i0.ɵɵelementStart(22, "div", 5)(23, "label", 10);
|
|
32711
32719
|
i0.ɵɵtext(24);
|
|
32712
32720
|
i0.ɵɵpipe(25, "rpxTranslate");
|
|
32713
32721
|
i0.ɵɵelementEnd();
|
|
32714
|
-
i0.ɵɵ
|
|
32722
|
+
i0.ɵɵelementStart(26, "select", 11);
|
|
32723
|
+
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_26_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseType, $event) || (ctx.selected.caseType = $event); return $event; });
|
|
32724
|
+
i0.ɵɵlistener("change", function WorkbasketFiltersComponent_Template_select_change_26_listener() { return ctx.onCaseTypeIdChange(); });
|
|
32725
|
+
i0.ɵɵtemplate(27, WorkbasketFiltersComponent_option_27_Template, 3, 4, "option", 8)(28, WorkbasketFiltersComponent_option_28_Template, 3, 4, "option", 9);
|
|
32715
32726
|
i0.ɵɵelementEnd()();
|
|
32716
|
-
i0.ɵɵ
|
|
32717
|
-
i0.ɵɵelementStart(28, "button", 13);
|
|
32718
|
-
i0.ɵɵpipe(29, "rpxTranslate");
|
|
32719
|
-
i0.ɵɵpipe(30, "rpxTranslate");
|
|
32720
|
-
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_28_listener() { return ctx.apply(true); });
|
|
32727
|
+
i0.ɵɵelementStart(29, "div", 5)(30, "label", 12);
|
|
32721
32728
|
i0.ɵɵtext(31);
|
|
32722
32729
|
i0.ɵɵpipe(32, "rpxTranslate");
|
|
32723
32730
|
i0.ɵɵelementEnd();
|
|
32724
|
-
i0.ɵɵ
|
|
32725
|
-
i0.ɵɵ
|
|
32726
|
-
i0.ɵɵ
|
|
32731
|
+
i0.ɵɵelementStart(33, "select", 13);
|
|
32732
|
+
i0.ɵɵtwoWayListener("ngModelChange", function WorkbasketFiltersComponent_Template_select_ngModelChange_33_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selected.caseState, $event) || (ctx.selected.caseState = $event); return $event; });
|
|
32733
|
+
i0.ɵɵelementStart(34, "option", 14);
|
|
32734
|
+
i0.ɵɵtext(35);
|
|
32727
32735
|
i0.ɵɵpipe(36, "rpxTranslate");
|
|
32728
|
-
i0.ɵɵ
|
|
32729
|
-
i0.ɵɵ
|
|
32730
|
-
i0.ɵɵpipe(38, "rpxTranslate");
|
|
32736
|
+
i0.ɵɵelementEnd();
|
|
32737
|
+
i0.ɵɵtemplate(37, WorkbasketFiltersComponent_option_37_Template, 3, 4, "option", 9);
|
|
32731
32738
|
i0.ɵɵelementEnd()();
|
|
32739
|
+
i0.ɵɵtemplate(38, WorkbasketFiltersComponent_ng_container_38_Template, 3, 3, "ng-container", 15);
|
|
32740
|
+
i0.ɵɵelementStart(39, "div", 5)(40, "button", 16);
|
|
32741
|
+
i0.ɵɵpipe(41, "rpxTranslate");
|
|
32742
|
+
i0.ɵɵpipe(42, "rpxTranslate");
|
|
32743
|
+
i0.ɵɵlistener("click", function WorkbasketFiltersComponent_Template_button_click_40_listener() { return ctx.scrollToTop(); });
|
|
32744
|
+
i0.ɵɵtext(43);
|
|
32745
|
+
i0.ɵɵpipe(44, "rpxTranslate");
|
|
32746
|
+
i0.ɵɵelementEnd()()();
|
|
32732
32747
|
} if (rf & 2) {
|
|
32733
|
-
i0.ɵɵadvance();
|
|
32734
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32735
|
-
i0.ɵɵadvance(
|
|
32736
|
-
i0.ɵɵ
|
|
32748
|
+
i0.ɵɵadvance(3);
|
|
32749
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 27, "Filters"));
|
|
32750
|
+
i0.ɵɵadvance(2);
|
|
32751
|
+
i0.ɵɵproperty("disabled", ctx.isApplyButtonDisabled())("title", i0.ɵɵpipeBind1(6, 29, "Apply filter"));
|
|
32752
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(7, 31, "Apply filter"));
|
|
32753
|
+
i0.ɵɵadvance(3);
|
|
32754
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 33, "Apply"), " ");
|
|
32755
|
+
i0.ɵɵadvance(2);
|
|
32756
|
+
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(11, 35, "Reset filter"));
|
|
32757
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(12, 37, "Reset filter"));
|
|
32758
|
+
i0.ɵɵadvance(3);
|
|
32759
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 39, "Reset"), " ");
|
|
32760
|
+
i0.ɵɵadvance(4);
|
|
32761
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 41, "Jurisdiction"));
|
|
32737
32762
|
i0.ɵɵadvance(2);
|
|
32738
32763
|
i0.ɵɵtwoWayProperty("ngModel", ctx.selected.jurisdiction);
|
|
32739
32764
|
i0.ɵɵadvance();
|
|
@@ -32741,7 +32766,7 @@ class WorkbasketFiltersComponent {
|
|
|
32741
32766
|
i0.ɵɵadvance();
|
|
32742
32767
|
i0.ɵɵproperty("ngForOf", ctx.jurisdictions);
|
|
32743
32768
|
i0.ɵɵadvance(3);
|
|
32744
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32769
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(25, 43, "Case type"));
|
|
32745
32770
|
i0.ɵɵadvance(2);
|
|
32746
32771
|
i0.ɵɵtwoWayProperty("ngModel", ctx.selected.caseType);
|
|
32747
32772
|
i0.ɵɵproperty("disabled", ctx.isCaseTypesDropdownDisabled());
|
|
@@ -32750,33 +32775,28 @@ class WorkbasketFiltersComponent {
|
|
|
32750
32775
|
i0.ɵɵadvance();
|
|
32751
32776
|
i0.ɵɵproperty("ngForOf", ctx.selectedJurisdictionCaseTypes);
|
|
32752
32777
|
i0.ɵɵadvance(3);
|
|
32753
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32778
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 45, "State"));
|
|
32754
32779
|
i0.ɵɵadvance(2);
|
|
32755
32780
|
i0.ɵɵtwoWayProperty("ngModel", ctx.selected.caseState);
|
|
32756
32781
|
i0.ɵɵproperty("disabled", ctx.isCaseStatesDropdownDisabled());
|
|
32757
32782
|
i0.ɵɵadvance();
|
|
32758
32783
|
i0.ɵɵproperty("ngValue", null);
|
|
32759
32784
|
i0.ɵɵadvance();
|
|
32760
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(
|
|
32785
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(36, 47, "Any"));
|
|
32761
32786
|
i0.ɵɵadvance(2);
|
|
32762
32787
|
i0.ɵɵproperty("ngForOf", ctx.selectedCaseTypeStates);
|
|
32763
32788
|
i0.ɵɵadvance();
|
|
32764
32789
|
i0.ɵɵproperty("ngIf", ctx.isSearchableAndWorkbasketInputsReady());
|
|
32765
|
-
i0.ɵɵadvance();
|
|
32766
|
-
i0.ɵɵproperty("
|
|
32767
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(
|
|
32768
|
-
i0.ɵɵadvance(3);
|
|
32769
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 38, "Apply"), " ");
|
|
32770
|
-
i0.ɵɵadvance(3);
|
|
32771
|
-
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(35, 40, "Reset filter"));
|
|
32772
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(36, 42, "Reset filter"));
|
|
32790
|
+
i0.ɵɵadvance(2);
|
|
32791
|
+
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(41, 49, "Back to top"));
|
|
32792
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(42, 51, "Back to top"));
|
|
32773
32793
|
i0.ɵɵadvance(3);
|
|
32774
|
-
i0.ɵɵtextInterpolate1("
|
|
32775
|
-
} }, 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}"] });
|
|
32794
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(44, 53, "Back to top"), " ");
|
|
32795
|
+
} }, 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}"] });
|
|
32776
32796
|
}
|
|
32777
32797
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkbasketFiltersComponent, [{
|
|
32778
32798
|
type: Component,
|
|
32779
|
-
args: [{ selector: 'ccd-workbasket-filters', template: "<
|
|
32799
|
+
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"] }]
|
|
32780
32800
|
}], () => [{ type: i1$1.ActivatedRoute }, { type: WorkbasketInputFilterService }, { type: OrderService }, { type: JurisdictionService }, { type: AlertService }, { type: WindowService }], { jurisdictions: [{
|
|
32781
32801
|
type: Input
|
|
32782
32802
|
}], defaults: [{
|