Add basic heading markup

This commit is contained in:
Patrick H. Lauke 2021-11-02 22:28:53 +00:00
parent f20a1e7424
commit c8fc7ee6fc
34 changed files with 126 additions and 125 deletions

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/home">{{'close' | i18n}}</a> <a routerLink="/home">{{'close' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'appName' | i18n}}</span> <span class="title">{{'appName' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'save' | i18n}}</span> <span [hidden]="form.loading">{{'save' | i18n}}</span>
@ -15,9 +15,9 @@
</header> </header>
<content> <content>
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'selfHostedEnvironment' | i18n}} {{'selfHostedEnvironment' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<label for="baseUrl">{{'baseUrl' | i18n}}</label> <label for="baseUrl">{{'baseUrl' | i18n}}</label>
@ -30,9 +30,9 @@
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'customEnvironment' | i18n}} {{'customEnvironment' | i18n}}
</div> </h2>
<div class="box-content" [hidden]="!showCustom"> <div class="box-content" [hidden]="!showCustom">
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<label for="webVaultUrl">{{'webVaultUrl' | i18n}}</label> <label for="webVaultUrl">{{'webVaultUrl' | i18n}}</label>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/login">{{'cancel' | i18n}}</a> <a routerLink="/login">{{'cancel' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'passwordHint' | i18n}}</span> <span class="title">{{'passwordHint' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'submit' | i18n}}</span> <span [hidden]="form.loading">{{'submit' | i18n}}</span>

View File

@ -1,9 +1,9 @@
<form (ngSubmit)="submit()"> <form (ngSubmit)="submit()">
<header> <header>
<div class="left"></div> <div class="left"></div>
<div class="center"> <h1 class="center">
<span class="title">{{(pinLock ? 'verifyPin' : 'verifyMasterPassword') | i18n}}</span> <span class="title">{{(pinLock ? 'verifyPin' : 'verifyMasterPassword') | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick>{{'unlock' | i18n}}</button> <button type="submit" appBlurClick>{{'unlock' | i18n}}</button>
</div> </div>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/home">{{'cancel' | i18n}}</a> <a routerLink="/home">{{'cancel' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'appName' | i18n}}</span> <span class="title">{{'appName' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'login' | i18n}}</span> <span [hidden]="form.loading">{{'login' | i18n}}</span>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/home">{{'cancel' | i18n}}</a> <a routerLink="/home">{{'cancel' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'createAccount' | i18n}}</span> <span class="title">{{'createAccount' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'submit' | i18n}}</span> <span [hidden]="form.loading">{{'submit' | i18n}}</span>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/home">{{'cancel' | i18n}}</a> <a routerLink="/home">{{'cancel' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'setMasterPassword' | i18n}}</span> <span class="title">{{'setMasterPassword' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'submit' | i18n}}</span> <span [hidden]="form.loading">{{'submit' | i18n}}</span>

View File

@ -2,9 +2,9 @@
<div class="left"> <div class="left">
<a routerLink="/2fa">{{'close' | i18n}}</a> <a routerLink="/2fa">{{'close' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'twoStepOptions' | i18n}}</span> <span class="title">{{'twoStepOptions' | i18n}}</span>
</div> </h1>
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/login">{{'back' | i18n}}</a> <a routerLink="/login">{{'back' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{title}}</span> <span class="title">{{title}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading" *ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo && <button type="submit" appBlurClick [disabled]="form.loading" *ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo &&
selectedProviderType !== providerType.OrganizationDuo && selectedProviderType !== providerType.OrganizationDuo &&

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a (click)="logOut()">{{'logOut' | i18n}}</a> <a (click)="logOut()">{{'logOut' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'updateMasterPassword' | i18n}}</span> <span class="title">{{'updateMasterPassword' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'submit' | i18n}}</span> <span [hidden]="form.loading">{{'submit' | i18n}}</span>

View File

@ -3,7 +3,7 @@
<form class="modal-content" #form (ngSubmit)="submit()"> <form class="modal-content" #form (ngSubmit)="submit()">
<div class="modal-body"> <div class="modal-body">
<div class="box"> <div class="box">
<div class="box-header">{{'passwordConfirmation' | i18n}}</div> <h1 class="box-header">{{'passwordConfirmation' | i18n}}</h1>
<div class="box-content"> <div class="box-content">
<div class="box-content-row box-content-row-flex" appBoxRow> <div class="box-content-row box-content-row-flex" appBoxRow>
<div class="row-main"> <div class="row-main">

View File

@ -5,9 +5,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</button> </button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'passwordHistory' | i18n}}</span> <span class="title">{{'passwordHistory' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="button" appBlurClick type="button" (click)="clear()"> <button type="button" appBlurClick type="button" (click)="clear()">
{{'clear' | i18n}} {{'clear' | i18n}}

View File

@ -3,9 +3,9 @@
<app-pop-out [show]="!showSelect"></app-pop-out> <app-pop-out [show]="!showSelect"></app-pop-out>
<button type="button" appBlurClick (click)="close()" *ngIf="showSelect">{{'cancel' | i18n}}</button> <button type="button" appBlurClick (click)="close()" *ngIf="showSelect">{{'cancel' | i18n}}</button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'passGen' | i18n}}</span> <span class="title">{{'passGen' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="button" appBlurClick (click)="select()" *ngIf="showSelect">{{'select' | i18n}}</button> <button type="button" appBlurClick (click)="select()" *ngIf="showSelect">{{'select' | i18n}}</button>
</div> </div>
@ -34,9 +34,9 @@
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'options' | i18n}} {{'options' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row"> <div class="box-content-row">
<label class="sr-only radio-header">{{'type' | i18n}}</label> <label class="sr-only radio-header">{{'type' | i18n}}</label>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<button type="button" appBlurClick (click)="cancel()">{{'cancel' | i18n}}</button> <button type="button" appBlurClick (click)="cancel()">{{'cancel' | i18n}}</button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{title}}</span> <span class="title">{{title}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading || disableSend"> <button type="submit" appBlurClick [disabled]="form.loading || disableSend">
<span [hidden]="form.loading">{{'save' | i18n}}</span> <span [hidden]="form.loading">{{'save' | i18n}}</span>
@ -96,9 +96,9 @@
</div> </div>
<!-- Share --> <!-- Share -->
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'share' | i18n}} {{'share' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<!-- Copy Link on Save --> <!-- Copy Link on Save -->
<div class="box-content-row box-content-row-checkbox" appBoxRow> <div class="box-content-row box-content-row-checkbox" appBoxRow>
@ -110,11 +110,11 @@
</div> </div>
<!-- Options --> <!-- Options -->
<div class="box"> <div class="box">
<div class="box-header-expandable" (click)="showOptions = !showOptions"> <h2 class="box-header-expandable" (click)="showOptions = !showOptions">
{{'options' | i18n}} {{'options' | i18n}}
<i *ngIf="!showOptions" class="fa fa-chevron-down fa-sm icon"></i> <i *ngIf="!showOptions" class="fa fa-chevron-down fa-sm icon"></i>
<i *ngIf="showOptions" class="fa fa-chevron-up fa-sm icon"></i> <i *ngIf="showOptions" class="fa fa-chevron-up fa-sm icon"></i>
</div> </h2>
</div> </div>
<div [hidden]="!showOptions"> <div [hidden]="!showOptions">
<app-send-efflux-dates <app-send-efflux-dates

View File

@ -28,9 +28,9 @@
</div> </div>
<ng-container *ngIf="sends && sends.length && !showSearching()"> <ng-container *ngIf="sends && sends.length && !showSearching()">
<div class="box list"> <div class="box list">
<div class="box-header"> <h2 class="box-header">
{{'types' | i18n}} {{'types' | i18n}}
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" class="box-content-row" appStopClick appBlurClick (click)="selectType(sendType.Text)"> <button type="button" class="box-content-row" appStopClick appBlurClick (click)="selectType(sendType.Text)">
<div class="row-main"> <div class="row-main">
@ -51,10 +51,10 @@
</div> </div>
</div> </div>
<div class="box list"> <div class="box list">
<div class="box-header"> <h2 class="box-header">
{{'allSends' | i18n}} {{'allSends' | i18n}}
<div class="flex-right">{{sends.length}}</div> <div class="flex-right">{{sends.length}}</div>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-send-list [sends]="sends" title="{{'editItem' | i18n}}" [disabledByPolicy]="disableSend" <app-send-list [sends]="sends" title="{{'editItem' | i18n}}" [disabledByPolicy]="disableSend"
(onSelected)="selectSend($event)" (onCopySendLink)="copy($event)" (onSelected)="selectSend($event)" (onCopySendLink)="copy($event)"

View File

@ -30,10 +30,10 @@
</ng-container> </ng-container>
</div> </div>
<div class="box list only-list" *ngIf="filteredSends.length"> <div class="box list only-list" *ngIf="filteredSends.length">
<div class="box-header"> <h2 class="box-header">
{{groupingTitle}} {{groupingTitle}}
<span class="flex-right">{{filteredSends.length}}</span> <span class="flex-right">{{filteredSends.length}}</span>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-send-list [sends]="filteredSends" title="{{'editItem' | i18n}}" [disabledByPolicy]="disableSend" <app-send-list [sends]="filteredSends" title="{{'editItem' | i18n}}" [disabledByPolicy]="disableSend"
(onSelected)="selectSend($event)" (onCopySendLink)="copy($event)" (onSelected)="selectSend($event)" (onCopySendLink)="copy($event)"

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/tabs/settings">{{'cancel' | i18n}}</a> <a routerLink="/tabs/settings">{{'cancel' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'excludedDomains' | i18n}}</span> <span class="title">{{'excludedDomains' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick>{{'save' | i18n}}</button> <button type="submit" appBlurClick>{{'save' | i18n}}</button>
</div> </div>

View File

@ -6,9 +6,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</a> </a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'exportVault' | i18n}}</span> <span class="title">{{'exportVault' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button appBlurClick type="submit" [disabled]="disabledByPolicy">{{'submit' | i18n}}</button> <button appBlurClick type="submit" [disabled]="disabledByPolicy">{{'submit' | i18n}}</button>
</div> </div>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<a routerLink="/folders">{{'cancel' | i18n}}</a> <a routerLink="/folders">{{'cancel' | i18n}}</a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{title}}</span> <span class="title">{{title}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'save' | i18n}}</span> <span [hidden]="form.loading">{{'save' | i18n}}</span>

View File

@ -5,9 +5,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</a> </a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'folders' | i18n}}</span> <span class="title">{{'folders' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="button" appBlurClick (click)="addFolder()" appA11yTitle="{{'addFolder' | i18n}}"> <button type="button" appBlurClick (click)="addFolder()" appA11yTitle="{{'addFolder' | i18n}}">
<i class="fa fa-plus fa-lg fa-fw" aria-hidden="true"></i> <i class="fa fa-plus fa-lg fa-fw" aria-hidden="true"></i>

View File

@ -5,18 +5,18 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</a> </a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'options' | i18n}}</span> <span class="title">{{'options' | i18n}}</span>
</div> </h1>
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>
<div class="box"> <div class="box">
<div class="box-header-expandable" (click)="showGeneral = !showGeneral"> <h2 class="box-header-expandable" (click)="showGeneral = !showGeneral">
General General
<i *ngIf="!showGeneral" class="fa fa-chevron-down fa-sm icon"></i> <i *ngIf="!showGeneral" class="fa fa-chevron-down fa-sm icon"></i>
<i *ngIf="showGeneral" class="fa fa-chevron-up fa-sm icon"></i> <i *ngIf="showGeneral" class="fa fa-chevron-up fa-sm icon"></i>
</div> </h2>
</div> </div>
<ng-container *ngIf="showGeneral"> <ng-container *ngIf="showGeneral">
<div class="box"> <div class="box">
@ -84,11 +84,11 @@
</div> </div>
</ng-container> </ng-container>
<div class="box box-section-divider"> <div class="box box-section-divider">
<div class="box-header-expandable" (click)="showDisplay = !showDisplay"> <h2 class="box-header-expandable" (click)="showDisplay = !showDisplay">
Display Display
<i *ngIf="!showDisplay" class="fa fa-chevron-down fa-sm icon"></i> <i *ngIf="!showDisplay" class="fa fa-chevron-down fa-sm icon"></i>
<i *ngIf="showDisplay" class="fa fa-chevron-up fa-sm icon"></i> <i *ngIf="showDisplay" class="fa fa-chevron-up fa-sm icon"></i>
</div> </h2>
</div> </div>
<ng-container *ngIf="showDisplay"> <ng-container *ngIf="showDisplay">
<div class="box"> <div class="box">
@ -141,11 +141,11 @@
</div> </div>
</ng-container> </ng-container>
<div class="box box-section-divider"> <div class="box box-section-divider">
<div class="box-header-expandable" (click)="showAutofill = !showAutofill"> <h2 class="box-header-expandable" (click)="showAutofill = !showAutofill">
Autofill Autofill
<i *ngIf="!showAutofill" class="fa fa-chevron-down fa-sm icon"></i> <i *ngIf="!showAutofill" class="fa fa-chevron-down fa-sm icon"></i>
<i *ngIf="showAutofill" class="fa fa-chevron-up fa-sm icon"></i> <i *ngIf="showAutofill" class="fa fa-chevron-up fa-sm icon"></i>
</div> </h2>
</div> </div>
<ng-container *ngIf="showAutofill"> <ng-container *ngIf="showAutofill">
<div class="box"> <div class="box">

View File

@ -5,9 +5,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</a> </a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'premiumMembership' | i18n}}</span> <span class="title">{{'premiumMembership' | i18n}}</span>
</div> </b1>
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>

View File

@ -2,14 +2,14 @@
<div class="left"> <div class="left">
<app-pop-out></app-pop-out> <app-pop-out></app-pop-out>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'settings' | i18n}}</span> <span class="title">{{'settings' | i18n}}</span>
</div> </h1>
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>
<div class="box list"> <div class="box list">
<div class="box-header">{{'manage' | i18n}}</div> <h2 class="box-header">{{'manage' | i18n}}</h2>
<div class="box-content single-line"> <div class="box-content single-line">
<a class="box-content-row box-content-row-flex text-default" routerLink="/folders"> <a class="box-content-row box-content-row-flex text-default" routerLink="/folders">
<div class="row-main">{{'folders' | i18n}}</div> <div class="row-main">{{'folders' | i18n}}</div>
@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="box list"> <div class="box list">
<div class="box-header">{{'security' | i18n}}</div> <h2 class="box-header">{{'security' | i18n}}</h2>
<div class="box-content single-line"> <div class="box-content single-line">
<app-vault-timeout-input [vaultTimeouts]="vaultTimeouts" [formControl]="vaultTimeout" ngDefaultControl></app-vault-timeout-input> <app-vault-timeout-input [vaultTimeouts]="vaultTimeouts" [formControl]="vaultTimeout" ngDefaultControl></app-vault-timeout-input>
<div class="box-content-row display-block" appBoxRow> <div class="box-content-row display-block" appBoxRow>
@ -61,7 +61,7 @@
</div> </div>
</div> </div>
<div class="box list"> <div class="box list">
<div class="box-header">{{'account' | i18n}}</div> <h2 class="">{{'account' | i18n}}</h2>
<div class="box-content single-line"> <div class="box-content single-line">
<a class="box-content-row" routerLink="/premium"> <a class="box-content-row" routerLink="/premium">
<div class="row-main"> <div class="row-main">
@ -108,7 +108,7 @@
</div> </div>
</div> </div>
<div class="box list"> <div class="box list">
<div class="box-header">{{'other' | i18n}}</div> <h2 class="box-header">{{'other' | i18n}}</h2>
<div class="box-content single-line"> <div class="box-content single-line">
<a class="box-content-row box-content-row-flex text-default" routerLink="/options"> <a class="box-content-row box-content-row-flex text-default" routerLink="/options">
<div class="row-main">{{'options' | i18n}}</div> <div class="row-main">{{'options' | i18n}}</div>

View File

@ -5,9 +5,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</a> </a>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'sync' | i18n}}</span> <span class="title">{{'sync' | i18n}}</span>
</div> </h1>
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>

View File

@ -1,7 +1,7 @@
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'customFields' | i18n}} {{'customFields' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<!-- Current custom fields --> <!-- Current custom fields -->
<div cdkDropList (cdkDropListDropped)="drop($event)" *ngIf="cipher.hasFields"> <div cdkDropList (cdkDropListDropped)="drop($event)" *ngIf="cipher.hasFields">

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<button type="button" appBlurClick (click)="cancel()">{{'cancel' | i18n}}</button> <button type="button" appBlurClick (click)="cancel()">{{'cancel' | i18n}}</button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{title}}</span> <span class="title">{{title}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'save' | i18n}}</span> <span [hidden]="form.loading">{{'save' | i18n}}</span>
@ -18,9 +18,9 @@
{{'personalOwnershipPolicyInEffect' | i18n}} {{'personalOwnershipPolicyInEffect' | i18n}}
</app-callout> </app-callout>
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'itemInformation' | i18n}} {{'itemInformation' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row" *ngIf="!editMode" appBoxRow> <div class="box-content-row" *ngIf="!editMode" appBoxRow>
<label for="type">{{'type' | i18n}}</label> <label for="type">{{'type' | i18n}}</label>
@ -315,9 +315,9 @@
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
<label for="notes">{{'notes' | i18n}}</label> <label for="notes">{{'notes' | i18n}}</label>
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<textarea id="notes" name="Notes" rows="6" [(ngModel)]="cipher.notes"></textarea> <textarea id="notes" name="Notes" rows="6" [(ngModel)]="cipher.notes"></textarea>
@ -326,9 +326,9 @@
</div> </div>
<app-vault-add-edit-custom-fields [cipher]="cipher" [editMode]="editMode"></app-vault-add-edit-custom-fields> <app-vault-add-edit-custom-fields [cipher]="cipher" [editMode]="editMode"></app-vault-add-edit-custom-fields>
<div class="box" *ngIf="allowOwnershipOptions()"> <div class="box" *ngIf="allowOwnershipOptions()">
<div class="box-header"> <h2 class="box-header">
{{'ownership' | i18n}} {{'ownership' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<label for="organizationId">{{'whoOwnsThisItem' | i18n}}</label> <label for="organizationId">{{'whoOwnsThisItem' | i18n}}</label>
@ -340,9 +340,9 @@
</div> </div>
</div> </div>
<div class="box" *ngIf="(!editMode || cloneMode )&& cipher.organizationId"> <div class="box" *ngIf="(!editMode || cloneMode )&& cipher.organizationId">
<div class="box-header"> <h2 class="box-header">
{{'collections' | i18n}} {{'collections' | i18n}}
</div> </h2>
<div class="box-content" *ngIf="!collections || !collections.length"> <div class="box-content" *ngIf="!collections || !collections.length">
<div class="box-content-row padded no-hover"> <div class="box-content-row padded no-hover">
{{'noCollectionsInList' | i18n}} {{'noCollectionsInList' | i18n}}

View File

@ -9,9 +9,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</button> </button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'attachments' | i18n}}</span> <span class="title">{{'attachments' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'save' | i18n}}</span> <span [hidden]="form.loading">{{'save' | i18n}}</span>
@ -40,9 +40,9 @@
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'newAttachment' | i18n}} {{'newAttachment' | i18n}}
</div> </h2>
<div class="box-content no-hover"> <div class="box-content no-hover">
<div class="box-content-row"> <div class="box-content-row">
<label for="file">{{'file' | i18n}}</label> <label for="file">{{'file' | i18n}}</label>

View File

@ -20,9 +20,9 @@
<content [ngClass]="{'stacked-boxes': showGroupings()}"> <content [ngClass]="{'stacked-boxes': showGroupings()}">
<ng-container *ngIf="showGroupings()"> <ng-container *ngIf="showGroupings()">
<div class="box list" *ngIf="nestedFolders && nestedFolders.length"> <div class="box list" *ngIf="nestedFolders && nestedFolders.length">
<div class="box-header"> <h2 class="box-header">
{{'folders' | i18n}} {{'folders' | i18n}}
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" *ngFor="let f of nestedFolders" class="box-content-row" appStopClick appBlurClick <button type="button" *ngFor="let f of nestedFolders" class="box-content-row" appStopClick appBlurClick
(click)="selectFolder(f.node)"> (click)="selectFolder(f.node)">
@ -38,9 +38,9 @@
</div> </div>
</div> </div>
<div class="box list" *ngIf="nestedCollections && nestedCollections.length"> <div class="box list" *ngIf="nestedCollections && nestedCollections.length">
<div class="box-header"> <h2 class="box-header">
{{'collections' | i18n}} {{'collections' | i18n}}
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" *ngFor="let c of nestedCollections" class="box-content-row" appStopClick appBlurClick <button type="button" *ngFor="let c of nestedCollections" class="box-content-row" appStopClick appBlurClick
(click)="selectCollection(c.node)"> (click)="selectCollection(c.node)">
@ -66,10 +66,10 @@
<cdk-virtual-scroll-viewport itemSize="46" minBufferPx="400" maxBufferPx="600" *ngIf="ciphers.length" <cdk-virtual-scroll-viewport itemSize="46" minBufferPx="400" maxBufferPx="600" *ngIf="ciphers.length"
#virtualScrollViewport> #virtualScrollViewport>
<div class="box list only-list"> <div class="box list only-list">
<div class="box-header"> <h2 class="box-header">
{{groupingTitle}} {{groupingTitle}}
<span class="flex-right">{{isSearching() ? ciphers.length : ciphers.length}}</span> <span class="flex-right">{{isSearching() ? ciphers.length : ciphers.length}}</span>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-cipher-row *cdkVirtualFor="let c of ciphers" [cipher]="c" title="{{'viewItem' | i18n}}" <app-cipher-row *cdkVirtualFor="let c of ciphers" [cipher]="c" title="{{'viewItem' | i18n}}"
(onSelected)="selectCipher($event)" (launchEvent)="launchCipher($event)"></app-cipher-row> (onSelected)="selectCipher($event)" (launchEvent)="launchCipher($event)"></app-cipher-row>

View File

@ -6,9 +6,9 @@
<span>{{'back' | i18n}}</span> <span>{{'back' | i18n}}</span>
</button> </button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'collections' | i18n}}</span> <span class="title">{{'collections' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading"> <button type="submit" appBlurClick [disabled]="form.loading">
<span [hidden]="form.loading">{{'save' | i18n}}</span> <span [hidden]="form.loading">{{'save' | i18n}}</span>

View File

@ -1,4 +1,5 @@
<header> <header>
<h1 class="sr-only">{{'currentTab' | i18n}}</h1>
<div class="left"> <div class="left">
<app-pop-out [show]="!inSidebar"></app-pop-out> <app-pop-out [show]="!inSidebar"></app-pop-out>
<button type="button" appBlurClick (click)="refresh()" appA11yTitle="{{'refresh' | i18n}}" *ngIf="inSidebar"> <button type="button" appBlurClick (click)="refresh()" appA11yTitle="{{'refresh' | i18n}}" *ngIf="inSidebar">
@ -22,10 +23,10 @@
</div> </div>
<ng-container *ngIf="loaded"> <ng-container *ngIf="loaded">
<div class="box list" *ngIf="loginCiphers"> <div class="box list" *ngIf="loginCiphers">
<div class="box-header"> <h2 class="box-header">
{{'typeLogins' | i18n}} {{'typeLogins' | i18n}}
<span class="flex-right">{{loginCiphers.length}}</span> <span class="flex-right">{{loginCiphers.length}}</span>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-cipher-row *ngFor="let loginCipher of loginCiphers" [cipher]="loginCipher" <app-cipher-row *ngFor="let loginCipher of loginCiphers" [cipher]="loginCipher"
title="{{'autoFill' | i18n}}" [showView]="true" (onSelected)="fillCipher($event)" title="{{'autoFill' | i18n}}" [showView]="true" (onSelected)="fillCipher($event)"
@ -40,20 +41,20 @@
</div> </div>
</div> </div>
<div class="box list" *ngIf="cardCiphers && cardCiphers.length"> <div class="box list" *ngIf="cardCiphers && cardCiphers.length">
<div class="box-header"> <h2 class="box-header">
{{'cards' | i18n}} {{'cards' | i18n}}
<span class="flex-right">{{cardCiphers.length}}</span> <span class="flex-right">{{cardCiphers.length}}</span>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-cipher-row *ngFor="let cardCipher of cardCiphers" [cipher]="cardCipher" title="{{'autoFill' | i18n}}" [showView]="true" <app-cipher-row *ngFor="let cardCipher of cardCiphers" [cipher]="cardCipher" title="{{'autoFill' | i18n}}" [showView]="true"
(onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-cipher-row> (onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-cipher-row>
</div> </div>
</div> </div>
<div class="box list" *ngIf="identityCiphers && identityCiphers.length"> <div class="box list" *ngIf="identityCiphers && identityCiphers.length">
<div class="box-header"> <h2 class="box-header">
{{'identities' | i18n}} {{'identities' | i18n}}
<span class="flex-right">{{identityCiphers.length}}</span> <span class="flex-right">{{identityCiphers.length}}</span>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-cipher-row *ngFor="let identityCipher of identityCiphers" [cipher]="identityCipher" title="{{'autoFill' | i18n}}" [showView]="true" <app-cipher-row *ngFor="let identityCipher of identityCiphers" [cipher]="identityCipher" title="{{'autoFill' | i18n}}" [showView]="true"
(onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-cipher-row> (onSelected)="fillCipher($event)" (onView)="viewCipher($event)"></app-cipher-row>

View File

@ -24,10 +24,10 @@
</div> </div>
<ng-container *ngIf="ciphers && ciphers.length && !showSearching()"> <ng-container *ngIf="ciphers && ciphers.length && !showSearching()">
<div class="box list" *ngIf="favoriteCiphers"> <div class="box list" *ngIf="favoriteCiphers">
<div class="box-header"> <h2 class="box-header">
{{'favorites' | i18n}} {{'favorites' | i18n}}
<span class="flex-right">{{favoriteCiphers.length}}</span> <span class="flex-right">{{favoriteCiphers.length}}</span>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-cipher-row *ngFor="let favoriteCipher of favoriteCiphers" [cipher]="favoriteCipher" <app-cipher-row *ngFor="let favoriteCipher of favoriteCiphers" [cipher]="favoriteCipher"
title="{{'viewItem' | i18n}}" (onSelected)="selectCipher($event)" title="{{'viewItem' | i18n}}" (onSelected)="selectCipher($event)"
@ -35,10 +35,10 @@
</div> </div>
</div> </div>
<div class="box list"> <div class="box list">
<div class="box-header"> <h2 class="box-header">
{{'types' | i18n}} {{'types' | i18n}}
<span class="flex-right">4</span> <span class="flex-right">4</span>
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Login)"> <button type="button" class="box-content-row" appStopClick appBlurClick (click)="selectType(cipherType.Login)">
<div class="row-main"> <div class="row-main">
@ -76,10 +76,10 @@
</div> </div>
</div> </div>
<div class="box list" *ngIf="nestedFolders?.length"> <div class="box list" *ngIf="nestedFolders?.length">
<div class="box-header"> <h2 class="box-header">
{{'folders' | i18n}} {{'folders' | i18n}}
<span class="flex-right">{{folderCount}}</span> <span class="flex-right">{{folderCount}}</span>
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" *ngFor="let f of nestedFolders" class="box-content-row" appStopClick appBlurClick <button type="button" *ngFor="let f of nestedFolders" class="box-content-row" appStopClick appBlurClick
(click)="selectFolder(f.node)"> (click)="selectFolder(f.node)">
@ -96,10 +96,10 @@
</div> </div>
</div> </div>
<div class="box list" *ngIf="nestedCollections && nestedCollections.length"> <div class="box list" *ngIf="nestedCollections && nestedCollections.length">
<div class="box-header"> <h2 class="box-header">
{{'collections' | i18n}} {{'collections' | i18n}}
<span class="flex-right">{{nestedCollections.length}}</span> <span class="flex-right">{{nestedCollections.length}}</span>
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" *ngFor="let nestedCollection of nestedCollections" class="box-content-row" <button type="button" *ngFor="let nestedCollection of nestedCollections" class="box-content-row"
appStopClick appBlurClick (click)="selectCollection(nestedCollection.node)"> appStopClick appBlurClick (click)="selectCollection(nestedCollection.node)">
@ -113,10 +113,10 @@
</div> </div>
</div> </div>
<div class="box list" *ngIf="showNoFolderCiphers"> <div class="box list" *ngIf="showNoFolderCiphers">
<div class="box-header"> <h2 class="box-header">
{{'noneFolder' | i18n}} {{'noneFolder' | i18n}}
<div class="flex-right">{{noFolderCiphers.length}}</div> <div class="flex-right">{{noFolderCiphers.length}}</div>
</div> </h2>
<div class="box-content"> <div class="box-content">
<app-cipher-row *ngFor="let noFolderCipher of noFolderCiphers" [cipher]="noFolderCipher" <app-cipher-row *ngFor="let noFolderCipher of noFolderCiphers" [cipher]="noFolderCipher"
title="{{'viewItem' | i18n}}" (onSelected)="selectCipher($event)" title="{{'viewItem' | i18n}}" (onSelected)="selectCipher($event)"
@ -124,10 +124,10 @@
</div> </div>
</div> </div>
<div class="box list" *ngIf="deletedCount"> <div class="box list" *ngIf="deletedCount">
<div class="box-header"> <h2 class="box-header">
{{'trash' | i18n}} {{'trash' | i18n}}
<span class="flex-right">{{deletedCount}}</span> <span class="flex-right">{{deletedCount}}</span>
</div> </h2>
<div class="box-content single-line"> <div class="box-content single-line">
<button type="button" class="box-content-row" appStopClick appBlurClick <button type="button" class="box-content-row" appStopClick appBlurClick
(click)="selectTrash()"> (click)="selectTrash()">

View File

@ -2,9 +2,9 @@
<div class="left"> <div class="left">
<button type="button" appBlurClick (click)="close()">{{'close' | i18n}}</button> <button type="button" appBlurClick (click)="close()">{{'close' | i18n}}</button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'passwordHistory' | i18n}}</span> <span class="title">{{'passwordHistory' | i18n}}</span>
</div> </h1>
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>

View File

@ -3,9 +3,9 @@
<div class="left"> <div class="left">
<button type="button" appBlurClick (click)="cancel()">{{'cancel' | i18n}}</button> <button type="button" appBlurClick (click)="cancel()">{{'cancel' | i18n}}</button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'moveToOrganization' | i18n}}</span> <span class="title">{{'moveToOrganization' | i18n}}</span>
</div> </h1>
<div class="right"> <div class="right">
<button type="submit" appBlurClick [disabled]="form.loading || !canSave" <button type="submit" appBlurClick [disabled]="form.loading || !canSave"
*ngIf="organizations && organizations.length"> *ngIf="organizations && organizations.length">
@ -35,9 +35,9 @@
</div> </div>
</div> </div>
<div class="box" *ngIf="organizations && organizations.length"> <div class="box" *ngIf="organizations && organizations.length">
<div class="box-header"> <h2 class="box-header">
{{'collections' | i18n}} {{'collections' | i18n}}
</div> </h2>
<div class="box-content" *ngIf="!collections || !collections.length"> <div class="box-content" *ngIf="!collections || !collections.length">
<div class="box-content-row padded no-hover"> <div class="box-content-row padded no-hover">
{{'noCollectionsInList' | i18n}} {{'noCollectionsInList' | i18n}}

View File

@ -1,7 +1,7 @@
<ng-container> <ng-container>
<div class="box-header"> <h2 class="box-header">
{{'customFields' | i18n}} {{'customFields' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row box-content-row-flex" *ngFor="let field of cipher.fields"> <div class="box-content-row box-content-row-flex" *ngFor="let field of cipher.fields">
<div class="row-main"> <div class="row-main">

View File

@ -2,18 +2,18 @@
<div class="left"> <div class="left">
<button type="button" appBlurClick (click)="close()">{{'close' | i18n}}</button> <button type="button" appBlurClick (click)="close()">{{'close' | i18n}}</button>
</div> </div>
<div class="center"> <h1 class="center">
<span class="title">{{'viewItem' | i18n}}</span> <span class="title">{{'viewItem' | i18n}}</span>
</div> </h1>
<div class="right" *ngIf="cipher"> <div class="right" *ngIf="cipher">
<button type="button" appBlurClick (click)="edit()" *ngIf="!cipher.isDeleted">{{'edit' | i18n}}</button> <button type="button" appBlurClick (click)="edit()" *ngIf="!cipher.isDeleted">{{'edit' | i18n}}</button>
</div> </div>
</header> </header>
<content *ngIf="cipher"> <content *ngIf="cipher">
<div class="box"> <div class="box">
<div class="box-header"> <h2 class="box-header">
{{'itemInformation' | i18n}} {{'itemInformation' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row"> <div class="box-content-row">
<span class="row-label">{{'name' | i18n}}</span> <span class="row-label">{{'name' | i18n}}</span>
@ -211,9 +211,9 @@
</div> </div>
</div> </div>
<div class="box" *ngIf="cipher.notes"> <div class="box" *ngIf="cipher.notes">
<div class="box-header"> <h2 class="box-header">
{{'notes' | i18n}} {{'notes' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<div class="box-content-row"> <div class="box-content-row">
<textarea [value]="cipher.notes" rows="6" readonly aria-readonly="true"></textarea> <textarea [value]="cipher.notes" rows="6" readonly aria-readonly="true"></textarea>
@ -225,9 +225,9 @@
[copy]="copy.bind(this)"></app-vault-view-custom-fields> [copy]="copy.bind(this)"></app-vault-view-custom-fields>
</div> </div>
<div class="box" *ngIf="cipher.hasAttachments && (canAccessPremium || cipher.organizationId) && showAttachments"> <div class="box" *ngIf="cipher.hasAttachments && (canAccessPremium || cipher.organizationId) && showAttachments">
<div class="box-header"> <h2 class="box-header">
{{'attachments' | i18n}} {{'attachments' | i18n}}
</div> </h2>
<div class="box-content"> <div class="box-content">
<button type="button" class="box-content-row box-content-row-flex text-default" *ngFor="let attachment of cipher.attachments" <button type="button" class="box-content-row box-content-row-flex text-default" *ngFor="let attachment of cipher.attachments"
appStopClick appBlurCLick (click)="downloadAttachment(attachment)"> appStopClick appBlurCLick (click)="downloadAttachment(attachment)">