mirror of
https://github.com/bitwarden/browser
synced 2025-12-16 00:03:56 +00:00
78dafe2265
Cleans up migrated components by removing unnecessary old behaviour. - Removes ng-template and ViewChild used by the old Modal Service. - Remove aria-dismiss used by old Modals. - Remove aria-haspopup and aria-expanded on bitMenuTriggerFor since it's handled by the directive.
156 lines
5.2 KiB
HTML
156 lines
5.2 KiB
HTML
<app-free-trial-warning
|
|
*ngIf="useOrganizationWarningsService$ | async"
|
|
[organization]="organization"
|
|
(clicked)="navigateToPaymentMethod()"
|
|
>
|
|
</app-free-trial-warning>
|
|
<app-reseller-renewal-warning
|
|
*ngIf="useOrganizationWarningsService$ | async"
|
|
[organization]="organization"
|
|
>
|
|
</app-reseller-renewal-warning>
|
|
<ng-container *ngIf="freeTrialWhenWarningsServiceDisabled$ | async as freeTrial">
|
|
<bit-banner
|
|
id="free-trial-banner"
|
|
class="-tw-m-6 tw-flex tw-flex-col tw-pb-6"
|
|
icon="bwi-billing"
|
|
bannerType="premium"
|
|
[showClose]="false"
|
|
*ngIf="!refreshing && freeTrial.shownBanner"
|
|
>
|
|
{{ freeTrial.message }}
|
|
<a
|
|
bitLink
|
|
linkType="secondary"
|
|
(click)="navigateToPaymentMethod()"
|
|
class="tw-cursor-pointer"
|
|
rel="noreferrer noopener"
|
|
>
|
|
{{ "clickHereToAddPaymentMethod" | i18n }}
|
|
</a>
|
|
</bit-banner>
|
|
</ng-container>
|
|
<ng-container *ngIf="resellerWarningWhenWarningsServiceDisabled$ | async as resellerWarning">
|
|
<bit-banner
|
|
id="reseller-warning-banner"
|
|
class="-tw-m-6 tw-flex tw-flex-col tw-pb-6"
|
|
icon="bwi-billing"
|
|
bannerType="info"
|
|
[showClose]="false"
|
|
*ngIf="!refreshing"
|
|
>
|
|
{{ resellerWarning?.message }}
|
|
</bit-banner>
|
|
</ng-container>
|
|
|
|
<app-org-vault-header
|
|
[filter]="filter"
|
|
[loading]="refreshing"
|
|
[organization]="organization"
|
|
[collection]="selectedCollection"
|
|
[searchText]="currentSearchText$ | async"
|
|
(onAddCipher)="addCipher($event)"
|
|
(onAddCollection)="addCollection()"
|
|
(onEditCollection)="editCollection(selectedCollection.node, $event.tab, $event.readonly)"
|
|
(onDeleteCollection)="deleteCollection(selectedCollection.node)"
|
|
(searchTextChanged)="filterSearchText($event)"
|
|
></app-org-vault-header>
|
|
|
|
<div class="tw-flex tw-flex-row">
|
|
<div class="tw-w-1/4 tw-mr-5" *ngIf="!hideVaultFilters">
|
|
<app-organization-vault-filter
|
|
[organization]="organization"
|
|
[activeFilter]="activeFilter"
|
|
[searchText]="currentSearchText$ | async"
|
|
(searchTextChanged)="filterSearchText($event)"
|
|
></app-organization-vault-filter>
|
|
</div>
|
|
<div [class]="hideVaultFilters ? 'tw-w-full' : 'tw-w-3/4'">
|
|
<bit-toggle-group
|
|
*ngIf="showAddAccessToggle && activeFilter.selectedCollectionNode"
|
|
[selected]="addAccessStatus$ | async"
|
|
(selectedChange)="addAccessToggle($event)"
|
|
[attr.aria-label]="'addAccessFilter' | i18n"
|
|
>
|
|
<bit-toggle [value]="0">
|
|
{{ "all" | i18n }}
|
|
</bit-toggle>
|
|
|
|
<bit-toggle [value]="1">
|
|
{{ "addAccess" | i18n }}
|
|
</bit-toggle>
|
|
</bit-toggle-group>
|
|
<bit-callout type="warning" *ngIf="activeFilter.isDeleted">
|
|
{{ trashCleanupWarning }}
|
|
</bit-callout>
|
|
<app-vault-items
|
|
[ciphers]="ciphers"
|
|
[collections]="collections"
|
|
[allCollections]="allCollections"
|
|
[allOrganizations]="organization ? [organization] : []"
|
|
[allGroups]="allGroups"
|
|
[disabled]="loading"
|
|
[showOwner]="false"
|
|
[showPermissionsColumn]="true"
|
|
[showCollections]="filter.type !== undefined"
|
|
[showGroups]="
|
|
organization?.useGroups &&
|
|
((filter.type === undefined && filter.collectionId === undefined) ||
|
|
filter.collectionId !== undefined)
|
|
"
|
|
[showPremiumFeatures]="organization?.useTotp"
|
|
[showBulkMove]="false"
|
|
[showBulkTrashOptions]="filter.type === 'trash'"
|
|
[useEvents]="organization?.canAccessEventLogs"
|
|
[showAdminActions]="true"
|
|
(onEvent)="onVaultItemsEvent($event)"
|
|
[showBulkEditCollectionAccess]="true"
|
|
[showBulkAddToCollections]="true"
|
|
[viewingOrgVault]="true"
|
|
[addAccessStatus]="addAccessStatus$ | async"
|
|
[addAccessToggle]="showAddAccessToggle"
|
|
[activeCollection]="selectedCollection?.node"
|
|
>
|
|
</app-vault-items>
|
|
<ng-container *ngIf="!performingInitialLoad && isEmpty">
|
|
<bit-no-items *ngIf="!showCollectionAccessRestricted">
|
|
<span slot="title" class="tw-mt-4 tw-block">{{ "noItemsInList" | i18n }}</span>
|
|
<button
|
|
slot="button"
|
|
bitButton
|
|
(click)="addCipher()"
|
|
buttonType="primary"
|
|
type="button"
|
|
*ngIf="
|
|
filter.type !== 'trash' &&
|
|
filter.collectionId !== Unassigned &&
|
|
selectedCollection?.node?.canEditItems(organization)
|
|
"
|
|
>
|
|
<i aria-hidden="true" class="bwi bwi-plus"></i> {{ "newItem" | i18n }}
|
|
</button>
|
|
</bit-no-items>
|
|
<collection-access-restricted
|
|
*ngIf="showCollectionAccessRestricted"
|
|
[canEditCollection]="selectedCollection?.node?.canEdit(organization)"
|
|
[canViewCollectionInfo]="selectedCollection?.node?.canViewCollectionInfo(organization)"
|
|
(viewCollectionClicked)="
|
|
editCollection(selectedCollection.node, $event.tab, $event.readonly)
|
|
"
|
|
>
|
|
</collection-access-restricted>
|
|
</ng-container>
|
|
<div
|
|
class="tw-mt-6 tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-start"
|
|
*ngIf="performingInitialLoad"
|
|
>
|
|
<i
|
|
class="bwi bwi-spinner bwi-spin tw-text-muted"
|
|
title="{{ 'loading' | i18n }}"
|
|
aria-hidden="true"
|
|
></i>
|
|
<span class="tw-sr-only">{{ "loading" | i18n }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|