<ng-template ngbNavContent>
<ng-container *ngIf="mailAccounts && mailRules">
- <h4>
- <ng-container i18n>Mail accounts</ng-container>
- <button type="button" class="btn btn-sm btn-primary ms-4" (click)="editMailAccount()">
- <svg class="sidebaricon me-1" fill="currentColor">
- <use xlink:href="assets/bootstrap-icons.svg#plus-circle" />
- </svg>
- <ng-container i18n>Add Account</ng-container>
- </button>
- </h4>
- <ul class="list-group" formGroupName="mailAccounts">
-
- <li class="list-group-item">
- <div class="row">
- <div class="col" i18n>Name</div>
- <div class="col" i18n>Server</div>
- <div class="col" i18n>Actions</div>
- </div>
- </li>
-
- <li *ngFor="let account of mailAccounts" class="list-group-item" [formGroupName]="account.id">
- <div class="row">
- <div class="col d-flex align-items-center"><button class="btn btn-link p-0" type="button" (click)="editMailAccount(account)">{{account.name}}</button></div>
- <div class="col d-flex align-items-center">{{account.imap_server}}</div>
- <div class="col">
- <div class="btn-group">
- <button class="btn btn-sm btn-primary" type="button" (click)="editMailAccount(account)" i18n>Edit</button>
- <button class="btn btn-sm btn-outline-danger" type="button" (click)="deleteMailAccount(account)" i18n>Delete</button>
+ <ng-container *ifPermissions="{ action: PermissionAction.View, type: PermissionType.MailAccount }">
+ <h4>
+ <ng-container i18n>Mail accounts</ng-container>
+ <button type="button" class="btn btn-sm btn-primary ms-4" (click)="editMailAccount()">
+ <svg class="sidebaricon me-1" fill="currentColor">
+ <use xlink:href="assets/bootstrap-icons.svg#plus-circle" />
+ </svg>
+ <ng-container i18n>Add Account</ng-container>
+ </button>
+ </h4>
+ <ul class="list-group" formGroupName="mailAccounts">
+
+ <li class="list-group-item">
+ <div class="row">
+ <div class="col" i18n>Name</div>
+ <div class="col" i18n>Server</div>
+ <div class="col" i18n>Actions</div>
+ </div>
+ </li>
+
+ <li *ngFor="let account of mailAccounts" class="list-group-item" [formGroupName]="account.id">
+ <div class="row">
+ <div class="col d-flex align-items-center"><button class="btn btn-link p-0" type="button" (click)="editMailAccount(account)">{{account.name}}</button></div>
+ <div class="col d-flex align-items-center">{{account.imap_server}}</div>
+ <div class="col">
+ <div class="btn-group">
+ <button *ifPermissions="{ action: PermissionAction.Change, type: PermissionType.MailAccount }" class="btn btn-sm btn-primary" type="button" (click)="editMailAccount(account)" i18n>Edit</button>
+ <button *ifPermissions="{ action: PermissionAction.Change, type: PermissionType.MailAccount }" class="btn btn-sm btn-outline-danger" type="button" (click)="deleteMailAccount(account)" i18n>Delete</button>
+ </div>
</div>
</div>
- </div>
- </li>
-
- <div *ngIf="mailAccounts.length === 0" i18n>No mail accounts defined.</div>
- </ul>
-
- <h4 class="mt-4">
- <ng-container i18n>Mail rules</ng-container>
- <button type="button" class="btn btn-sm btn-primary ms-4" (click)="editMailRule()">
- <svg class="sidebaricon me-1" fill="currentColor">
- <use xlink:href="assets/bootstrap-icons.svg#plus-circle" />
- </svg>
- <ng-container i18n>Add Rule</ng-container>
- </button>
- </h4>
- <ul class="list-group" formGroupName="mailRules">
-
- <li class="list-group-item">
- <div class="row">
- <div class="col" i18n>Name</div>
- <div class="col" i18n>Account</div>
- <div class="col" i18n>Actions</div>
- </div>
- </li>
-
- <li *ngFor="let rule of mailRules" class="list-group-item" [formGroupName]="rule.id">
- <div class="row">
- <div class="col d-flex align-items-center"><button class="btn btn-link p-0" type="button" (click)="editMailRule(rule)">{{rule.name}}</button></div>
- <div class="col d-flex align-items-center">{{(mailAccountService.getCached(rule.account) | async)?.name}}</div>
- <div class="col">
- <div class="btn-group">
- <button class="btn btn-sm btn-primary" type="button" (click)="editMailRule(rule)" i18n>Edit</button>
- <button class="btn btn-sm btn-outline-danger" type="button" (click)="deleteMailRule(rule)" i18n>Delete</button>
+ </li>
+
- <div *ngIf="mailAccounts.length == 0" i18n>No mail accounts defined.</div>
++ <div *ngIf="mailAccounts.length === 0" i18n>No mail accounts defined.</div>
+ </ul>
+ </ng-container>
+
+ <ng-container *ifPermissions="{ action: PermissionAction.View, type: PermissionType.MailRule }">
+ <h4 class="mt-4">
+ <ng-container i18n>Mail rules</ng-container>
+ <button type="button" class="btn btn-sm btn-primary ms-4" (click)="editMailRule()">
+ <svg class="sidebaricon me-1" fill="currentColor">
+ <use xlink:href="assets/bootstrap-icons.svg#plus-circle" />
+ </svg>
+ <ng-container i18n>Add Rule</ng-container>
+ </button>
+ </h4>
+ <ul class="list-group" formGroupName="mailRules">
+
+ <li class="list-group-item">
+ <div class="row">
+ <div class="col" i18n>Name</div>
+ <div class="col" i18n>Account</div>
+ <div class="col" i18n>Actions</div>
+ </div>
+ </li>
+
+ <li *ngFor="let rule of mailRules" class="list-group-item" [formGroupName]="rule.id">
+ <div class="row">
+ <div class="col d-flex align-items-center"><button class="btn btn-link p-0" type="button" (click)="editMailRule(rule)">{{rule.name}}</button></div>
+ <div class="col d-flex align-items-center">{{(mailAccountService.getCached(rule.account) | async)?.name}}</div>
+ <div class="col">
+ <div class="btn-group">
+ <button *ifPermissions="{ action: PermissionAction.Change, type: PermissionType.MailRule }" class="btn btn-sm btn-primary" type="button" (click)="editMailRule(rule)" i18n>Edit</button>
+ <button *ifPermissions="{ action: PermissionAction.Change, type: PermissionType.MailRule }" class="btn btn-sm btn-outline-danger" type="button" (click)="deleteMailRule(rule)" i18n>Delete</button>
+ </div>
</div>
</div>
- </div>
- </li>
+ </li>
- <div *ngIf="mailRules.length == 0" i18n>No mail rules defined.</div>
- <div *ngIf="mailRules.length === 0" i18n>No mail rules defined.</div>
- </ul>
++ <div *ngIf="mailRules.length === 0" i18n>No mail rules defined.</div>
+ </ul>
+ </ng-container>
</ng-container>
<div *ngIf="!mailAccounts || !mailRules">
<div [ngbNavOutlet]="nav" class="border-start border-end border-bottom p-3 mb-3 shadow-sm"></div>
- <button type="submit" class="btn btn-primary mb-2" *ifPermissions="{ action: PermissionAction.Change, type: PermissionType.UISettings }" [disabled]="!(isDirty$ | async)" i18n>Save</button>
- <button type="submit" class="btn btn-primary mb-2" [disabled]="(isDirty$ | async) === false" i18n>Save</button>
++ <button type="submit" class="btn btn-primary mb-2" *ifPermissions="{ action: PermissionAction.Change, type: PermissionType.UISettings }" [disabled]="(isDirty$ | async) === false" i18n>Save</button>
</form>