mirror of
https://github.com/bitwarden/browser
synced 2025-12-19 09:43:23 +00:00
[AC-1139] Add new layout for MemberDialogComponent when FC feature flag is enabled
This commit is contained in:
Rui Tome
@@ -138,25 +138,128 @@
|
|||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<ng-container *ngIf="customUserTypeSelected">
|
<ng-container *ngIf="customUserTypeSelected">
|
||||||
<h3 class="mt-4 d-flex tw-font-semibold">
|
<ng-container *ngIf="!(flexibleCollectionsEnabled$ | async); else customPermissionsFC">
|
||||||
{{ "permissions" | i18n }}
|
<h3 class="mt-4 d-flex tw-font-semibold">
|
||||||
</h3>
|
{{ "permissions" | i18n }}
|
||||||
<div class="row" [formGroup]="permissionsGroup">
|
</h3>
|
||||||
<div class="col-6">
|
<div class="row" [formGroup]="permissionsGroup">
|
||||||
<div class="mb-3">
|
<div class="col-6">
|
||||||
<label class="tw-font-semibold">{{ "managerPermissions" | i18n }}</label>
|
<div class="mb-3">
|
||||||
<hr class="tw-mb-2 tw-mr-2 tw-mt-0" />
|
<label class="tw-font-semibold">{{ "managerPermissions" | i18n }}</label>
|
||||||
<app-nested-checkbox
|
<hr class="tw-mb-2 tw-mr-2 tw-mt-0" />
|
||||||
parentId="manageAssignedCollections"
|
<app-nested-checkbox
|
||||||
[checkboxes]="permissionsGroup.controls.manageAssignedCollectionsGroup"
|
parentId="manageAssignedCollections"
|
||||||
>
|
[checkboxes]="permissionsGroup.controls.manageAssignedCollectionsGroup"
|
||||||
</app-nested-checkbox>
|
>
|
||||||
|
</app-nested-checkbox>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="tw-font-semibold">{{ "adminPermissions" | i18n }}</label>
|
||||||
|
<hr class="tw-mb-2 tw-mr-2 tw-mt-0" />
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="accessEventLogs"
|
||||||
|
id="accessEventLogs"
|
||||||
|
formControlName="accessEventLogs"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="accessEventLogs">
|
||||||
|
{{ "accessEventLogs" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="accessImportExport"
|
||||||
|
id="accessImportExport"
|
||||||
|
formControlName="accessImportExport"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="accessImportExport">
|
||||||
|
{{ "accessImportExport" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="accessReports"
|
||||||
|
id="accessReports"
|
||||||
|
formControlName="accessReports"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="accessReports">
|
||||||
|
{{ "accessReports" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<app-nested-checkbox
|
||||||
|
parentId="manageAllCollections"
|
||||||
|
[checkboxes]="permissionsGroup.controls.manageAllCollectionsGroup"
|
||||||
|
>
|
||||||
|
</app-nested-checkbox>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="manageGroups"
|
||||||
|
id="manageGroups"
|
||||||
|
formControlName="manageGroups"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="manageGroups">
|
||||||
|
{{ "manageGroups" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="manageSso"
|
||||||
|
id="manageSso"
|
||||||
|
formControlName="manageSso"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="manageSso">
|
||||||
|
{{ "manageSso" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="managePolicies"
|
||||||
|
id="managePolicies"
|
||||||
|
formControlName="managePolicies"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="managePolicies">
|
||||||
|
{{ "managePolicies" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="manageUsers"
|
||||||
|
id="manageUsers"
|
||||||
|
formControlName="manageUsers"
|
||||||
|
(change)="handleDependentPermissions()"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="manageUsers">
|
||||||
|
{{ "manageUsers" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="manageResetPassword"
|
||||||
|
id="manageResetPassword"
|
||||||
|
formControlName="manageResetPassword"
|
||||||
|
(change)="handleDependentPermissions()"
|
||||||
|
/>
|
||||||
|
<label class="!tw-font-normal" for="manageResetPassword">
|
||||||
|
{{ "manageAccountRecovery" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6">
|
</ng-container>
|
||||||
<div class="mb-3">
|
<ng-template #customPermissionsFC>
|
||||||
<label class="tw-font-semibold">{{ "adminPermissions" | i18n }}</label>
|
<div class="row" [formGroup]="permissionsGroup">
|
||||||
<hr class="tw-mb-2 tw-mr-2 tw-mt-0" />
|
<div class="col-4">
|
||||||
<div>
|
<div>
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
@@ -190,71 +293,77 @@
|
|||||||
{{ "accessReports" | i18n }}
|
{{ "accessReports" | i18n }}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4">
|
||||||
<app-nested-checkbox
|
<app-nested-checkbox
|
||||||
parentId="manageAllCollections"
|
parentId="manageAllCollections"
|
||||||
[checkboxes]="permissionsGroup.controls.manageAllCollectionsGroup"
|
[checkboxes]="permissionsGroup.controls.manageAllCollectionsGroup"
|
||||||
>
|
>
|
||||||
</app-nested-checkbox>
|
</app-nested-checkbox>
|
||||||
<div>
|
</div>
|
||||||
<input
|
<div class="col-4">
|
||||||
type="checkbox"
|
<div class="mb-3">
|
||||||
name="manageGroups"
|
<div>
|
||||||
id="manageGroups"
|
<input
|
||||||
formControlName="manageGroups"
|
type="checkbox"
|
||||||
/>
|
name="manageGroups"
|
||||||
<label class="!tw-font-normal" for="manageGroups">
|
id="manageGroups"
|
||||||
{{ "manageGroups" | i18n }}
|
formControlName="manageGroups"
|
||||||
</label>
|
/>
|
||||||
</div>
|
<label class="!tw-font-normal" for="manageGroups">
|
||||||
<div>
|
{{ "manageGroups" | i18n }}
|
||||||
<input
|
</label>
|
||||||
type="checkbox"
|
</div>
|
||||||
name="manageSso"
|
<div>
|
||||||
id="manageSso"
|
<input
|
||||||
formControlName="manageSso"
|
type="checkbox"
|
||||||
/>
|
name="manageSso"
|
||||||
<label class="!tw-font-normal" for="manageSso">
|
id="manageSso"
|
||||||
{{ "manageSso" | i18n }}
|
formControlName="manageSso"
|
||||||
</label>
|
/>
|
||||||
</div>
|
<label class="!tw-font-normal" for="manageSso">
|
||||||
<div>
|
{{ "manageSso" | i18n }}
|
||||||
<input
|
</label>
|
||||||
type="checkbox"
|
</div>
|
||||||
name="managePolicies"
|
<div>
|
||||||
id="managePolicies"
|
<input
|
||||||
formControlName="managePolicies"
|
type="checkbox"
|
||||||
/>
|
name="managePolicies"
|
||||||
<label class="!tw-font-normal" for="managePolicies">
|
id="managePolicies"
|
||||||
{{ "managePolicies" | i18n }}
|
formControlName="managePolicies"
|
||||||
</label>
|
/>
|
||||||
</div>
|
<label class="!tw-font-normal" for="managePolicies">
|
||||||
<div>
|
{{ "managePolicies" | i18n }}
|
||||||
<input
|
</label>
|
||||||
type="checkbox"
|
</div>
|
||||||
name="manageUsers"
|
<div>
|
||||||
id="manageUsers"
|
<input
|
||||||
formControlName="manageUsers"
|
type="checkbox"
|
||||||
(change)="handleDependentPermissions()"
|
name="manageUsers"
|
||||||
/>
|
id="manageUsers"
|
||||||
<label class="!tw-font-normal" for="manageUsers">
|
formControlName="manageUsers"
|
||||||
{{ "manageUsers" | i18n }}
|
(change)="handleDependentPermissions()"
|
||||||
</label>
|
/>
|
||||||
</div>
|
<label class="!tw-font-normal" for="manageUsers">
|
||||||
<div>
|
{{ "manageUsers" | i18n }}
|
||||||
<input
|
</label>
|
||||||
type="checkbox"
|
</div>
|
||||||
name="manageResetPassword"
|
<div>
|
||||||
id="manageResetPassword"
|
<input
|
||||||
formControlName="manageResetPassword"
|
type="checkbox"
|
||||||
(change)="handleDependentPermissions()"
|
name="manageResetPassword"
|
||||||
/>
|
id="manageResetPassword"
|
||||||
<label class="!tw-font-normal" for="manageResetPassword">
|
formControlName="manageResetPassword"
|
||||||
{{ "manageAccountRecovery" | i18n }}
|
(change)="handleDependentPermissions()"
|
||||||
</label>
|
/>
|
||||||
|
<label class="!tw-font-normal" for="manageResetPassword">
|
||||||
|
{{ "manageAccountRecovery" | i18n }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</ng-template>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<ng-container *ngIf="canUseSecretsManager">
|
<ng-container *ngIf="canUseSecretsManager">
|
||||||
<h3 class="mt-4">
|
<h3 class="mt-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user