@hmcts/rpx-xui-common-lib 2.0.37 → 2.0.39-ongoing-accessibility
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.
|
@@ -5812,12 +5812,12 @@ class SelectedCaseComponent {
|
|
|
5812
5812
|
return `${elementName}-${this.sharedCase.caseId}`;
|
|
5813
5813
|
}
|
|
5814
5814
|
static { this.ɵfac = function SelectedCaseComponent_Factory(t) { return new (t || SelectedCaseComponent)(i0.ɵɵdirectiveInject(CaseSharingStateService)); }; }
|
|
5815
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars:
|
|
5815
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectedCaseComponent, selectors: [["xuilib-selected-case"]], inputs: { sharedCase: "sharedCase", selectedUser: "selectedUser", opened: "opened", removeUserFromCaseToggleOn: "removeUserFromCaseToggleOn", caseCount: "caseCount" }, outputs: { unselect: "unselect", synchronizeStore: "synchronizeStore" }, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 20, consts: [[1, "govuk-accordion__section", 3, "id"], [1, "govuk-grid-row", "govuk-case-header"], [1, "govuk-grid-column-three-quarters"], [1, "govuk-case-title", 3, "id"], [1, "govuk-case-sub-title", 3, "id"], [1, "govuk-grid-column-ten-percent"], ["class", "govuk-button hmcts-button--secondary", "title", "Deselect case", 3, "id", "click", 4, "ngIf"], [1, "govuk-accordion__section-header", "govuk-grid-column-ten-percent"], [1, "govuk-accordion__section-heading"], ["type", "button", "aria-expanded", "false", 1, "govuk-accordion__section-button", 3, "id", "title"], ["aria-hidden", "true", 1, "govuk-accordion__icon"], [1, "govuk-accordion__section-content", 3, "id"], ["class", "govuk-grid-row", 4, "ngIf"], ["class", "govuk-table", 4, "ngIf"], ["title", "Deselect case", 1, "govuk-button", "hmcts-button--secondary", 3, "click", "id"], [1, "govuk-grid-row"], [1, "govuk-div-align-left", 3, "id"], [1, "govuk-table"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-header", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-actions", 3, "id"], ["scope", "col", 1, "govuk-table__header", "govuk-table-column-label", 3, "id"], [1, "govuk-table__body"], ["class", "govuk-table__row", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "govuk-table__cell", 3, "id"], [1, "govuk-table__cell"], ["href", "javascript:void(0);", 3, "click", 4, "ngIf"], ["class", "hmcts-badge hmcts-badge--red", 4, "ngIf"], ["class", "hmcts-badge", 4, "ngIf"], ["href", "javascript:void(0);", 3, "click"], [1, "govuk-visually-hidden"], [1, "hmcts-badge", "hmcts-badge--red"], [1, "hmcts-badge"]], template: function SelectedCaseComponent_Template(rf, ctx) { if (rf & 1) {
|
|
5816
5816
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h3", 3);
|
|
5817
5817
|
i0.ɵɵtext(4);
|
|
5818
5818
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
5819
5819
|
i0.ɵɵelementEnd();
|
|
5820
|
-
i0.ɵɵelementStart(6, "
|
|
5820
|
+
i0.ɵɵelementStart(6, "h3", 4);
|
|
5821
5821
|
i0.ɵɵtext(7);
|
|
5822
5822
|
i0.ɵɵpipe(8, "rpxTranslate");
|
|
5823
5823
|
i0.ɵɵelementEnd()();
|
|
@@ -5836,18 +5836,20 @@ class SelectedCaseComponent {
|
|
|
5836
5836
|
i0.ɵɵadvance(3);
|
|
5837
5837
|
i0.ɵɵpropertyInterpolate("id", ctx.buildElementId("case-title"));
|
|
5838
5838
|
i0.ɵɵadvance();
|
|
5839
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5,
|
|
5839
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 14, ctx.sharedCase.caseTitle));
|
|
5840
5840
|
i0.ɵɵadvance(2);
|
|
5841
5841
|
i0.ɵɵpropertyInterpolate("id", ctx.buildElementId("case-id"));
|
|
5842
5842
|
i0.ɵɵadvance();
|
|
5843
|
-
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8,
|
|
5843
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 16, ctx.sharedCase.caseId));
|
|
5844
5844
|
i0.ɵɵadvance(3);
|
|
5845
5845
|
i0.ɵɵproperty("ngIf", ctx.caseCount > 1);
|
|
5846
5846
|
i0.ɵɵadvance(3);
|
|
5847
5847
|
i0.ɵɵpropertyInterpolate("id", ctx.buildElementId("accordion-with-summary-sections-heading"));
|
|
5848
|
-
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(14,
|
|
5848
|
+
i0.ɵɵproperty("title", i0.ɵɵpipeBind1(14, 18, "Expand or Collapse"));
|
|
5849
|
+
i0.ɵɵattribute("aria-controls", "accordion-with-summary-sections-content" + ctx.buildElementId("accordion-with-summary-sections-heading"));
|
|
5849
5850
|
i0.ɵɵadvance(3);
|
|
5850
5851
|
i0.ɵɵpropertyInterpolate("id", ctx.buildElementId("accordion-with-summary-sections-content"));
|
|
5852
|
+
i0.ɵɵattribute("aria-labelledby", ctx.buildElementId("accordion-with-summary-sections-heading"));
|
|
5851
5853
|
i0.ɵɵadvance();
|
|
5852
5854
|
i0.ɵɵproperty("ngIf", ctx.showNoUsersAccessInfo());
|
|
5853
5855
|
i0.ɵɵadvance();
|
|
@@ -5858,7 +5860,7 @@ class SelectedCaseComponent {
|
|
|
5858
5860
|
}
|
|
5859
5861
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectedCaseComponent, [{
|
|
5860
5862
|
type: Component,
|
|
5861
|
-
args: [{ selector: 'xuilib-selected-case', template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\r\n <div class=\"govuk-grid-row govuk-case-header\">\r\n <div class=\"govuk-grid-column-three-quarters\">\r\n <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">{{ sharedCase.caseTitle | rpxTranslate }}</h3>\r\n <
|
|
5863
|
+
args: [{ selector: 'xuilib-selected-case', template: "<div id=\"{{buildElementId('govuk-accordion__section')}}\" class=\"govuk-accordion__section\">\r\n <div class=\"govuk-grid-row govuk-case-header\">\r\n <div class=\"govuk-grid-column-three-quarters\">\r\n <h3 id=\"{{buildElementId('case-title')}}\" class=\"govuk-case-title\">{{ sharedCase.caseTitle | rpxTranslate }}</h3>\r\n <h3 id=\"{{buildElementId('case-id')}}\" class=\"govuk-case-sub-title\">{{ sharedCase.caseId | rpxTranslate }}</h3>\r\n </div>\r\n <div class=\"govuk-grid-column-ten-percent\">\r\n <button *ngIf=\"caseCount > 1\"\r\n id=\"{{buildElementId('btn-deselect-case')}}\"\r\n class=\"govuk-button hmcts-button--secondary\"\r\n (click)=\"onDeselect(sharedCase)\" title=\"Deselect case\">\r\n {{'Deselect case' | rpxTranslate}}\r\n </button>\r\n </div>\r\n <div class=\"govuk-accordion__section-header govuk-grid-column-ten-percent\">\r\n <div class=\"govuk-accordion__section-heading\">\r\n <button type=\"button\" id=\"{{buildElementId('accordion-with-summary-sections-heading')}}\"\r\n [attr.aria-controls]=\"'accordion-with-summary-sections-content' + buildElementId('accordion-with-summary-sections-heading')\" class=\"govuk-accordion__section-button\"\r\n aria-expanded=\"false\" [title]=\"'Expand or Collapse' | rpxTranslate\">\r\n <span class=\"govuk-accordion__icon\" aria-hidden=\"true\"></span></button>\r\n </div>\r\n </div>\r\n </div>\r\n <div id=\"{{buildElementId('accordion-with-summary-sections-content')}}\" class=\"govuk-accordion__section-content\"\r\n [attr.aria-labelledby]=\"buildElementId('accordion-with-summary-sections-heading')\" >\r\n <div class=\"govuk-grid-row\" *ngIf=\"showNoUsersAccessInfo()\">\r\n <span id=\"{{buildElementId('access-info-no-user')}}\" class=\"govuk-div-align-left\">\r\n {{'No users from your organisation currently have access to this case.' | rpxTranslate}}\r\n </span>\r\n </div>\r\n <div class=\"govuk-grid-row\" *ngIf=\"showUserHasAccessInfo()\">\r\n <span id=\"{{buildElementId('access-info-has-users')}}\" class=\"govuk-div-align-left\">\r\n {{'Users from your organisation with access to this case.' | rpxTranslate}}\r\n </span>\r\n </div>\r\n <table class=\"govuk-table\" *ngIf=\"showUserAccessTable()\">\r\n <thead class=\"govuk-table__head\">\r\n <tr class=\"govuk-table__row\">\r\n <th id=\"{{buildElementId('name-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Name' | rpxTranslate}}</th>\r\n <th id=\"{{buildElementId('email-heading')}}\" class=\"govuk-table__header govuk-table-column-header\" scope=\"col\">{{'Email address' | rpxTranslate}}</th>\r\n <th id=\"{{buildElementId('action-heading')}}\" class=\"govuk-table__header govuk-table-column-actions\" scope=\"col\">{{'Actions' | rpxTranslate}}</th>\r\n <th id=\"{{buildElementId('label-heading')}}\" class=\"govuk-table__header govuk-table-column-label\" scope=\"col\">{{ 'Status' | rpxTranslate }}</th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"govuk-table__body\">\r\n <tr class=\"govuk-table__row\" *ngFor=\"let user of combinedSortedShares; index as idx; trackBy: trackByUserId\">\r\n <td id=\"user-full-name-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.firstName + ' ' + user.lastName }}</td>\r\n <td id=\"user-email-{{ userIdSetter(canCancel(sharedCase.caseId, user) | async, idx) }}\" class=\"govuk-table__cell\">{{ user.email }}</td>\r\n <td class=\"govuk-table__cell\">\r\n <a *ngIf=\"canRemove(sharedCase.caseId, user) | async\" (click)=\"onRemove(user, sharedCase)\" href=\"javascript:void(0);\">{{'Remove' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{ user.firstName + ' ' + user.lastName }} {{'from case' | rpxTranslate}}</span></a>\r\n <a *ngIf=\"canCancel(sharedCase.caseId, user) | async\" (click)=\"onCancel(user, sharedCase)\" href=\"javascript:void(0);\">{{'Cancel' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'adding' | rpxTranslate}} {{ user.firstName + ' ' + user.lastName }} {{'to case' | rpxTranslate}}</span></a>\r\n </td>\r\n <td class=\"govuk-table__cell\">\r\n <span *ngIf=\"isToBeRemoved(sharedCase.caseId, user) | async\" class=\"hmcts-badge hmcts-badge--red\">{{'To be removed' | rpxTranslate}}</span>\r\n <span *ngIf=\"isToBeAdded(sharedCase.caseId, user) | async\" class=\"hmcts-badge\">{{'To be added' | rpxTranslate}}</span>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n</div>\r\n", styles: [".govuk-case-header{border-top:1px solid #bfc1c3}.govuk-case-title{font-family:nta,Arial,sans-serif;font-size:24px;color:#005ea5;font-weight:700;padding-left:0}.govuk-case-sub-title{font-family:nta,Arial,sans-serif;font-size:1rem!important;color:#6f777b;font-weight:400;padding-left:0}.govuk-grid-row{margin-left:0;margin-right:0}.govuk-grid-column-three-quarters{padding-top:5px;padding-left:0}.govuk-grid-column-twenty-percent{box-sizing:border-box;padding-top:10px;width:20%;float:left}.govuk-grid-column-ten-percent{box-sizing:border-box;padding-top:10px;width:10%;float:left}.govuk-grid-column-five-percent{box-sizing:border-box;padding-top:15px;width:5%;float:left}.govuk-table-column-header{width:38%}.govuk-table-column-actions,.govuk-table-column-label{width:12%}.govuk-div-align-left{font-family:nta,Arial,sans-serif;font-size:1.1875rem!important;line-height:1.31579!important;text-align:left;margin-bottom:20px;padding-left:0;color:#0b0c0c}.govuk-accordion__section-header{border-top:0}.govuk-accordion__section-content{padding-top:0}.govuk-accordion__section-heading,.govuk-accordion__section-button{border-top:0}\n"] }]
|
|
5862
5864
|
}], () => [{ type: CaseSharingStateService }], { sharedCase: [{
|
|
5863
5865
|
type: Input
|
|
5864
5866
|
}], selectedUser: [{
|
|
@@ -7052,14 +7054,17 @@ function UserDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
7052
7054
|
i0.ɵɵelementStart(0, "div", 5)(1, "span", 6);
|
|
7053
7055
|
i0.ɵɵtext(2, "!");
|
|
7054
7056
|
i0.ɵɵelementEnd();
|
|
7055
|
-
i0.ɵɵelementStart(3, "
|
|
7056
|
-
i0.ɵɵtext(4);
|
|
7057
|
-
i0.ɵɵ
|
|
7057
|
+
i0.ɵɵelementStart(3, "span", 7);
|
|
7058
|
+
i0.ɵɵtext(4, "Warning");
|
|
7059
|
+
i0.ɵɵelementEnd();
|
|
7060
|
+
i0.ɵɵelementStart(5, "strong", 8);
|
|
7061
|
+
i0.ɵɵtext(6);
|
|
7062
|
+
i0.ɵɵpipe(7, "rpxTranslate");
|
|
7058
7063
|
i0.ɵɵelementEnd()();
|
|
7059
7064
|
} if (rf & 2) {
|
|
7060
7065
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
7061
|
-
i0.ɵɵadvance(
|
|
7062
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
7066
|
+
i0.ɵɵadvance(6);
|
|
7067
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 1, ctx_r0.warningTitle), "\n");
|
|
7063
7068
|
} }
|
|
7064
7069
|
function UserDetailsComponent_table_1_tr_17_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
7065
7070
|
i0.ɵɵelementStart(0, "div");
|
|
@@ -7117,10 +7122,10 @@ function UserDetailsComponent_table_1_tr_17_div_10_Template(rf, ctx) { if (rf &
|
|
|
7117
7122
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, accesstype_r2));
|
|
7118
7123
|
} }
|
|
7119
7124
|
function UserDetailsComponent_table_1_tr_17_a_12_Template(rf, ctx) { if (rf & 1) {
|
|
7120
|
-
i0.ɵɵelementStart(0, "a",
|
|
7125
|
+
i0.ɵɵelementStart(0, "a", 17);
|
|
7121
7126
|
i0.ɵɵtext(1);
|
|
7122
7127
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7123
|
-
i0.ɵɵelementStart(3, "span",
|
|
7128
|
+
i0.ɵɵelementStart(3, "span", 7);
|
|
7124
7129
|
i0.ɵɵtext(4);
|
|
7125
7130
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
7126
7131
|
i0.ɵɵelementEnd()();
|
|
@@ -7133,15 +7138,15 @@ function UserDetailsComponent_table_1_tr_17_a_12_Template(rf, ctx) { if (rf & 1)
|
|
|
7133
7138
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "roles"));
|
|
7134
7139
|
} }
|
|
7135
7140
|
function UserDetailsComponent_table_1_tr_17_Template(rf, ctx) { if (rf & 1) {
|
|
7136
|
-
i0.ɵɵelementStart(0, "tr",
|
|
7141
|
+
i0.ɵɵelementStart(0, "tr", 11)(1, "th", 12);
|
|
7137
7142
|
i0.ɵɵtext(2);
|
|
7138
7143
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
7139
7144
|
i0.ɵɵelementEnd();
|
|
7140
|
-
i0.ɵɵelementStart(4, "td",
|
|
7141
|
-
i0.ɵɵtemplate(5, UserDetailsComponent_table_1_tr_17_div_5_Template, 3, 3, "div", 3)(6, UserDetailsComponent_table_1_tr_17_div_6_Template, 3, 3, "div", 3)(7, UserDetailsComponent_table_1_tr_17_div_7_Template, 3, 3, "div", 3)(8, UserDetailsComponent_table_1_tr_17_div_8_Template, 3, 3, "div", 3)(9, UserDetailsComponent_table_1_tr_17_div_9_Template, 3, 3, "div", 3)(10, UserDetailsComponent_table_1_tr_17_div_10_Template, 3, 3, "div",
|
|
7145
|
+
i0.ɵɵelementStart(4, "td", 13);
|
|
7146
|
+
i0.ɵɵtemplate(5, UserDetailsComponent_table_1_tr_17_div_5_Template, 3, 3, "div", 3)(6, UserDetailsComponent_table_1_tr_17_div_6_Template, 3, 3, "div", 3)(7, UserDetailsComponent_table_1_tr_17_div_7_Template, 3, 3, "div", 3)(8, UserDetailsComponent_table_1_tr_17_div_8_Template, 3, 3, "div", 3)(9, UserDetailsComponent_table_1_tr_17_div_9_Template, 3, 3, "div", 3)(10, UserDetailsComponent_table_1_tr_17_div_10_Template, 3, 3, "div", 15);
|
|
7142
7147
|
i0.ɵɵelementEnd();
|
|
7143
|
-
i0.ɵɵelementStart(11, "td",
|
|
7144
|
-
i0.ɵɵtemplate(12, UserDetailsComponent_table_1_tr_17_a_12_Template, 6, 7, "a",
|
|
7148
|
+
i0.ɵɵelementStart(11, "td", 13);
|
|
7149
|
+
i0.ɵɵtemplate(12, UserDetailsComponent_table_1_tr_17_a_12_Template, 6, 7, "a", 16);
|
|
7145
7150
|
i0.ɵɵelementEnd()();
|
|
7146
7151
|
} if (rf & 2) {
|
|
7147
7152
|
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
@@ -7163,26 +7168,26 @@ function UserDetailsComponent_table_1_tr_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
7163
7168
|
i0.ɵɵproperty("ngIf", ctx_r0.editPermissionRouterLink && ctx_r0.showEditLink);
|
|
7164
7169
|
} }
|
|
7165
7170
|
function UserDetailsComponent_table_1_Template(rf, ctx) { if (rf & 1) {
|
|
7166
|
-
i0.ɵɵelementStart(0, "table",
|
|
7171
|
+
i0.ɵɵelementStart(0, "table", 9)(1, "tbody", 10)(2, "tr", 11)(3, "th", 12);
|
|
7167
7172
|
i0.ɵɵtext(4);
|
|
7168
7173
|
i0.ɵɵpipe(5, "rpxTranslate");
|
|
7169
7174
|
i0.ɵɵelementEnd();
|
|
7170
|
-
i0.ɵɵelementStart(6, "td",
|
|
7175
|
+
i0.ɵɵelementStart(6, "td", 13);
|
|
7171
7176
|
i0.ɵɵtext(7);
|
|
7172
7177
|
i0.ɵɵpipe(8, "rpxTranslate");
|
|
7173
7178
|
i0.ɵɵelementEnd();
|
|
7174
|
-
i0.ɵɵelement(9, "td",
|
|
7179
|
+
i0.ɵɵelement(9, "td", 13);
|
|
7175
7180
|
i0.ɵɵelementEnd();
|
|
7176
|
-
i0.ɵɵelementStart(10, "tr",
|
|
7181
|
+
i0.ɵɵelementStart(10, "tr", 11)(11, "th", 12);
|
|
7177
7182
|
i0.ɵɵtext(12);
|
|
7178
7183
|
i0.ɵɵpipe(13, "rpxTranslate");
|
|
7179
7184
|
i0.ɵɵelementEnd();
|
|
7180
|
-
i0.ɵɵelementStart(14, "td",
|
|
7185
|
+
i0.ɵɵelementStart(14, "td", 13);
|
|
7181
7186
|
i0.ɵɵtext(15);
|
|
7182
7187
|
i0.ɵɵelementEnd();
|
|
7183
|
-
i0.ɵɵelement(16, "td",
|
|
7188
|
+
i0.ɵɵelement(16, "td", 13);
|
|
7184
7189
|
i0.ɵɵelementEnd();
|
|
7185
|
-
i0.ɵɵtemplate(17, UserDetailsComponent_table_1_tr_17_Template, 13, 10, "tr",
|
|
7190
|
+
i0.ɵɵtemplate(17, UserDetailsComponent_table_1_tr_17_Template, 13, 10, "tr", 14);
|
|
7186
7191
|
i0.ɵɵelementEnd()();
|
|
7187
7192
|
} if (rf & 2) {
|
|
7188
7193
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
@@ -7200,7 +7205,7 @@ function UserDetailsComponent_table_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
7200
7205
|
function UserDetailsComponent_button_2_Template(rf, ctx) { if (rf & 1) {
|
|
7201
7206
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
7202
7207
|
i0.ɵɵelementStart(0, "button", 18);
|
|
7203
|
-
i0.ɵɵlistener("click", function UserDetailsComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); });
|
|
7208
|
+
i0.ɵɵlistener("click", function UserDetailsComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); })("keyup.enter", function UserDetailsComponent_button_2_Template_button_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.suspendUser(ctx_r0.user)); });
|
|
7204
7209
|
i0.ɵɵtext(1);
|
|
7205
7210
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
7206
7211
|
i0.ɵɵelementEnd();
|
|
@@ -7222,8 +7227,8 @@ function UserDetailsComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
7222
7227
|
i0.ɵɵtext(9);
|
|
7223
7228
|
i0.ɵɵpipe(10, "rpxTranslate");
|
|
7224
7229
|
i0.ɵɵelementEnd()();
|
|
7225
|
-
i0.ɵɵelementStart(11, "
|
|
7226
|
-
i0.ɵɵlistener("click", function
|
|
7230
|
+
i0.ɵɵelementStart(11, "button", 20);
|
|
7231
|
+
i0.ɵɵlistener("click", function UserDetailsComponent_div_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); })("keyup.enter", function UserDetailsComponent_div_3_Template_button_keyup_enter_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reinviteClick(ctx_r0.user)); });
|
|
7227
7232
|
i0.ɵɵtext(12);
|
|
7228
7233
|
i0.ɵɵpipe(13, "rpxTranslate");
|
|
7229
7234
|
i0.ɵɵelementEnd()();
|
|
@@ -7276,8 +7281,8 @@ class UserDetailsComponent {
|
|
|
7276
7281
|
return false;
|
|
7277
7282
|
}
|
|
7278
7283
|
static { this.ɵfac = function UserDetailsComponent_Factory(t) { return new (t || UserDetailsComponent)(); }; }
|
|
7279
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, decls: 5, vars: 5, consts: [["class", "govuk-warning-text", 4, "ngIf"], ["class", "govuk-table", "role", "presentation", 4, "ngIf"], ["class", "govuk-button govuk-button--warning", 3, "click", 4, "ngIf"], [4, "ngIf"], ["class", "govuk-body", 4, "ngIf"], [1, "govuk-warning-text"], [1, "govuk-warning-text__icon"], [1, "govuk-warning-text__text"], ["role", "presentation", 1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["role", "link", 3, "routerLink", 4, "ngIf"], ["role", "link", 3, "routerLink"], [
|
|
7280
|
-
i0.ɵɵtemplate(0, UserDetailsComponent_div_0_Template,
|
|
7284
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDetailsComponent, selectors: [["xuilib-user-details"]], inputs: { user: "user", enabledAccessTypes: "enabledAccessTypes", editPermissionRouterLink: "editPermissionRouterLink", warningTitle: "warningTitle", showEditLink: "showEditLink", showHelpLink: "showHelpLink", suspendHelpLink: "suspendHelpLink", showSuspendUserButton: "showSuspendUserButton" }, outputs: { suspendUserEvent: "suspendUserEvent", reinvite: "reinvite" }, decls: 5, vars: 5, consts: [["class", "govuk-warning-text", 4, "ngIf"], ["class", "govuk-table", "role", "presentation", 4, "ngIf"], ["class", "govuk-button govuk-button--warning", "tabindex", "0", 3, "click", "keyup.enter", 4, "ngIf"], [4, "ngIf"], ["class", "govuk-body", 4, "ngIf"], [1, "govuk-warning-text"], [1, "govuk-warning-text__icon"], [1, "govuk-visually-hidden"], [1, "govuk-warning-text__text"], ["role", "presentation", 1, "govuk-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["role", "link", 3, "routerLink", 4, "ngIf"], ["role", "link", 3, "routerLink"], ["tabindex", "0", 1, "govuk-button", "govuk-button--warning", 3, "click", "keyup.enter"], [1, "govuk-inset-text"], ["tabindex", "0", "id", "resend-invite-button", 1, "govuk-button", 3, "click", "keyup.enter"], [1, "govuk-body"], ["target", "_blank", 3, "routerLink"]], template: function UserDetailsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7285
|
+
i0.ɵɵtemplate(0, UserDetailsComponent_div_0_Template, 8, 3, "div", 0)(1, UserDetailsComponent_table_1_Template, 18, 11, "table", 1)(2, UserDetailsComponent_button_2_Template, 3, 3, "button", 2)(3, UserDetailsComponent_div_3_Template, 14, 12, "div", 3)(4, UserDetailsComponent_p_4_Template, 6, 7, "p", 4);
|
|
7281
7286
|
} if (rf & 2) {
|
|
7282
7287
|
i0.ɵɵproperty("ngIf", ctx.warningTitle && ctx.warningTitle !== "");
|
|
7283
7288
|
i0.ɵɵadvance();
|
|
@@ -7292,7 +7297,7 @@ class UserDetailsComponent {
|
|
|
7292
7297
|
}
|
|
7293
7298
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDetailsComponent, [{
|
|
7294
7299
|
type: Component,
|
|
7295
|
-
args: [{ selector: 'xuilib-user-details', template: "<div class=\"govuk-warning-text\" *ngIf=\"warningTitle && warningTitle !== ''\">\n<span class=\"govuk-warning-text__icon\">!</span>\n<strong class=\"govuk-warning-text__text\">\n {{ warningTitle | rpxTranslate}}\n</strong>\n</div>\n<table class=\"govuk-table\" *ngIf=\"user\" role=\"presentation\">\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</th>\n <td class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</td>\n <td class=\"govuk-table__cell\"></td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</th>\n <td class=\"govuk-table__cell\">{{user.email}}</td>\n <td class=\"govuk-table__cell\"></td>\n </tr>\n <tr class=\"govuk-table__row\" *ngIf=\"!user.resendInvite\">\n <th class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</th>\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"user.manageOrganisations === 'Yes'\">{{'Manage organisations' | rpxTranslate}}</div>\n <div *ngIf=\"user.manageUsers === 'Yes'\">{{'Manage users' | rpxTranslate}}</div>\n <div *ngIf=\"user.manageCases === 'Yes'\">{{'Manage cases' | rpxTranslate}}</div>\n <div *ngIf=\"userHasRole('pui-caa')\">{{'Case access administrator' | rpxTranslate}}</div>\n <div *ngIf=\"userHasRole('pui-finance-manager')\">{{'Manage fee accounts' | rpxTranslate}}</div>\n <div *ngFor=\"let accesstype of enabledAccessTypes\">{{ accesstype | rpxTranslate}}</div> \n </td>\n <td class=\"govuk-table__cell\"><a *ngIf=\"editPermissionRouterLink && showEditLink\" role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a></td>\n </tr>\n </tbody>\n</table>\n<button *ngIf=\"showSuspendUserButton\" class=\"govuk-button govuk-button--warning\" (click)=\"suspendUser(user)\">\n {{'Suspend account' | rpxTranslate}}\n</button>\n<div *ngIf=\"user && user.resendInvite\">\n <div class=\"govuk-inset-text\">\n <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n </div>\n <
|
|
7300
|
+
args: [{ selector: 'xuilib-user-details', template: "<div class=\"govuk-warning-text\" *ngIf=\"warningTitle && warningTitle !== ''\">\n<span class=\"govuk-warning-text__icon\">!</span>\n<span class=\"govuk-visually-hidden\">Warning</span>\n<strong class=\"govuk-warning-text__text\">\n {{ warningTitle | rpxTranslate}}\n</strong>\n</div>\n<table class=\"govuk-table\" *ngIf=\"user\" role=\"presentation\">\n <tbody class=\"govuk-table__body\">\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"row\">{{'Name' | rpxTranslate}}</th>\n <td class=\"govuk-table__cell\">{{user.fullName | rpxTranslate}}</td>\n <td class=\"govuk-table__cell\"></td>\n </tr>\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"row\">{{'Email address' | rpxTranslate}}</th>\n <td class=\"govuk-table__cell\">{{user.email}}</td>\n <td class=\"govuk-table__cell\"></td>\n </tr>\n <tr class=\"govuk-table__row\" *ngIf=\"!user.resendInvite\">\n <th class=\"govuk-table__header\" scope=\"row\">{{'Permissions' | rpxTranslate}}</th>\n <td class=\"govuk-table__cell\">\n <div *ngIf=\"user.manageOrganisations === 'Yes'\">{{'Manage organisations' | rpxTranslate}}</div>\n <div *ngIf=\"user.manageUsers === 'Yes'\">{{'Manage users' | rpxTranslate}}</div>\n <div *ngIf=\"user.manageCases === 'Yes'\">{{'Manage cases' | rpxTranslate}}</div>\n <div *ngIf=\"userHasRole('pui-caa')\">{{'Case access administrator' | rpxTranslate}}</div>\n <div *ngIf=\"userHasRole('pui-finance-manager')\">{{'Manage fee accounts' | rpxTranslate}}</div>\n <div *ngFor=\"let accesstype of enabledAccessTypes\">{{ accesstype | rpxTranslate}}</div> \n </td>\n <td class=\"govuk-table__cell\"><a *ngIf=\"editPermissionRouterLink && showEditLink\" role=\"link\" [routerLink]=\"editPermissionRouterLink\">{{'Change' | rpxTranslate}} <span class=\"govuk-visually-hidden\">{{'roles' | rpxTranslate}}</span></a></td>\n </tr>\n </tbody>\n</table>\n<button *ngIf=\"showSuspendUserButton\" class=\"govuk-button govuk-button--warning\" tabindex=\"0\" (click)=\"suspendUser(user)\" (keyup.enter)=\"suspendUser(user)\">\n {{'Suspend account' | rpxTranslate}}\n</button>\n<div *ngIf=\"user && user.resendInvite\">\n <div class=\"govuk-inset-text\">\n <p>{{'This user has already been invited but has not activated their account.' | rpxTranslate}}</p>\n <p>{{'If you resend an invitation, they\\'ll receive an email from HM Courts and Tribunals to finish setting up their account.' | rpxTranslate}}</p>\n <p>{{'You can\\'t invite the same user more than once an hour.' | rpxTranslate}}</p>\n </div>\n <button class=\"govuk-button\" tabindex=\"0\" (click)=\"reinviteClick(user)\" (keyup.enter)=\"reinviteClick(user)\" id=\"resend-invite-button\">\n {{'Resend invitation' | rpxTranslate}}\n </button>\n</div>\n<p class=\"govuk-body\" *ngIf=\"showHelpLink && suspendHelpLink\"><a [routerLink]=\"suspendHelpLink\" target=\"_blank\">{{'Get help' | rpxTranslate}}</a> {{'to reactivate this account.' | rpxTranslate}}</p>\n", styles: [":host{display:block}\n"] }]
|
|
7296
7301
|
}], null, { user: [{
|
|
7297
7302
|
type: Input
|
|
7298
7303
|
}], enabledAccessTypes: [{
|