vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

[PM-1399] Resolve eslint errors for button type - vault (#5274) 

* Added button type to each button element related to the vault team

* Removed disable statement comment

* [PM-1399] Resolve eslint errors for button type - admin-console  (#5275)

* Added button type to each button element related to the admin console team

* Added button type to each button element related to the billing team

* Removed disable statement comment

* [PM-1399] Resolve eslint errors for button type - tools (#5284)

* Added button type to each button element related to the tools team

* Added button type to each button element related to the tools team

* Added button type to each button element related to the auth team (#5295)
This commit is contained in:
SmithThe4th 2023-05-03 10:55:22 -04:00 committed by GitHub
parent 2c51af192c
commit f655460fa7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
36 changed files with 145 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/browser/src/vault/popup/components/vault/vault-select.component.html
View File

@ -1,9 +1,8 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="loaded && organizations$ | async as organizations"> <ng-container *ngIf="loaded && organizations$ | async as organizations">
<div class="content org-filter-content" *ngIf="loaded && shouldShow(organizations)"> <div class="content org-filter-content" *ngIf="loaded && shouldShow(organizations)">
<ng-container *ngIf="selectedVault$ | async as vaultFilterDisplay"> <ng-container *ngIf="selectedVault$ | async as vaultFilterDisplay">
<button <button
type="button"
#toggleVaults #toggleVaults
class="org-filter" class="org-filter"
(click)="openOverlay()" (click)="openOverlay()"
@ -33,19 +32,25 @@
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
> >
<button appStopClick (click)="selectAllVaults()"> <button type="button" appStopClick (click)="selectAllVaults()">
<div class="vault-select-org-text-container"> <div class="vault-select-org-text-container">
<i class="bwi bwi-fw bwi-filter vault-select-prefix-icon" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-filter vault-select-prefix-icon" aria-hidden="true"></i>
<span class="vault-select-org-name">{{ "allVaults" | i18n }}</span> <span class="vault-select-org-name">{{ "allVaults" | i18n }}</span>
</div> </div>
</button> </button>
<button *ngIf="!enforcePersonalOwnership" appStopClick (click)="selectMyVault()"> <button
type="button"
*ngIf="!enforcePersonalOwnership"
appStopClick
(click)="selectMyVault()"
>
<div class="vault-select-org-text-container"> <div class="vault-select-org-text-container">
<i class="bwi bwi-fw bwi-user vault-select-prefix-icon" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-user vault-select-prefix-icon" aria-hidden="true"></i>
<span class="vault-select-org-name">{{ "myVault" | i18n }}</span> <span class="vault-select-org-name">{{ "myVault" | i18n }}</span>
</div> </div>
</button> </button>
<button <button
type="button"
*ngFor="let organization of organizations" *ngFor="let organization of organizations"
appStopClick appStopClick
(click)="selectOrganization(organization)" (click)="selectOrganization(organization)"

3
apps/browser/src/vault/popup/components/vault/view.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<header> <header>
<div class="left"> <div class="left">
<button type="button" (click)="close()">{{ "close" | i18n }}</button> <button type="button" (click)="close()">{{ "close" | i18n }}</button>
@ -655,6 +653,7 @@
<div *ngIf="cipher.hasPasswordHistory"> <div *ngIf="cipher.hasPasswordHistory">
<b class="font-weight-semibold">{{ "passwordHistory" | i18n }}:</b> <b class="font-weight-semibold">{{ "passwordHistory" | i18n }}:</b>
<button <button
type="button"
routerLink="/cipher-password-history" routerLink="/cipher-password-history"
[queryParams]="{ cipherId: cipher.id }" [queryParams]="{ cipherId: cipher.id }"
appStopClick appStopClick

5
apps/desktop/src/admin-console/vault-filters/collection-filter.component.html
View File

@ -1,9 +1,8 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="show"> <ng-container *ngIf="show">
<div class="filter-heading"> <div class="filter-heading">
<h2> <h2>
<button <button
type="button"
class="no-btn" class="no-btn"
[attr.aria-expanded]="!isCollapsed(collectionsGrouping)" [attr.aria-expanded]="!isCollapsed(collectionsGrouping)"
aria-controls="collection-filters" aria-controls="collection-filters"
@ -30,6 +29,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
*ngIf="c.children.length" *ngIf="c.children.length"
class="toggle-button" class="toggle-button"
[attr.aria-expanded]="!isCollapsed(c.node)" [attr.aria-expanded]="!isCollapsed(c.node)"
@ -47,6 +47,7 @@
></i> ></i>
</button> </button>
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter(c.node)" (click)="applyFilter(c.node)"
[attr.aria-pressed]="c.node.id === activeFilter.selectedCollectionId" [attr.aria-pressed]="c.node.id === activeFilter.selectedCollectionId"

9
apps/desktop/src/admin-console/vault-filters/organization-filter.component.html
View File

@ -1,10 +1,9 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="show"> <ng-container *ngIf="show">
<ng-container [ngSwitch]="displayMode"> <ng-container [ngSwitch]="displayMode">
<ng-container *ngSwitchCase="'personalOwnershipPolicy'"> <ng-container *ngSwitchCase="'personalOwnershipPolicy'">
<div class="filter-heading" [ngClass]="{ active: !hasActiveFilter }"> <div class="filter-heading" [ngClass]="{ active: !hasActiveFilter }">
<button <button
type="button"
class="toggle-button" class="toggle-button"
appA11yTitle="{{ 'toggleCollapse' | i18n }} {{ organizationGrouping.name | i18n }}" appA11yTitle="{{ 'toggleCollapse' | i18n }} {{ organizationGrouping.name | i18n }}"
(click)="toggleCollapse()" (click)="toggleCollapse()"
@ -23,6 +22,7 @@
&nbsp; &nbsp;
<h2> <h2>
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="clearFilter()" (click)="clearFilter()"
[attr.aria-pressed]="!hasActiveFilter" [attr.aria-pressed]="!hasActiveFilter"
@ -40,6 +40,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyOrganizationFilter(organization)" (click)="applyOrganizationFilter(organization)"
[attr.aria-pressed]="activeFilter.myVaultOnly" [attr.aria-pressed]="activeFilter.myVaultOnly"
@ -62,6 +63,7 @@
<ng-container *ngSwitchDefault> <ng-container *ngSwitchDefault>
<div class="filter-heading" [ngClass]="{ active: !hasActiveFilter }"> <div class="filter-heading" [ngClass]="{ active: !hasActiveFilter }">
<button <button
type="button"
appA11yTitle="{{ 'toggleCollapse' | i18n }} {{ organizationGrouping.name | i18n }}" appA11yTitle="{{ 'toggleCollapse' | i18n }} {{ organizationGrouping.name | i18n }}"
(click)="toggleCollapse()" (click)="toggleCollapse()"
[attr.aria-expanded]="!isCollapsed" [attr.aria-expanded]="!isCollapsed"
@ -79,6 +81,7 @@
&nbsp; &nbsp;
<h2> <h2>
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="clearFilter()" (click)="clearFilter()"
[attr.aria-pressed]="!hasActiveFilter" [attr.aria-pressed]="!hasActiveFilter"
@ -92,6 +95,7 @@
<li class="filter-option" [ngClass]="{ active: activeFilter.myVaultOnly }"> <li class="filter-option" [ngClass]="{ active: activeFilter.myVaultOnly }">
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyMyVaultFilter()" (click)="applyMyVaultFilter()"
[attr.aria-pressed]="activeFilter.myVaultOnly" [attr.aria-pressed]="activeFilter.myVaultOnly"
@ -109,6 +113,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyOrganizationFilter(organization)" (click)="applyOrganizationFilter(organization)"
appA11yTitle="{{ 'vault' | i18n }}: {{ organization.name }} {{ appA11yTitle="{{ 'vault' | i18n }}: {{ organization.name }} {{

6
apps/desktop/src/app/tools/send/send.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div id="sends" class="vault"> <div id="sends" class="vault">
<div class="left-nav"> <div class="left-nav">
<div class="vault-filters"> <div class="vault-filters">
@ -9,6 +7,7 @@
<li class="filter-option" [ngClass]="{ active: selectedAll }"> <li class="filter-option" [ngClass]="{ active: selectedAll }">
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="selectAll()" (click)="selectAll()"
[attr.aria-pressed]="selectedAll === true" [attr.aria-pressed]="selectedAll === true"
@ -29,6 +28,7 @@
<li class="filter-option" [ngClass]="{ active: selectedType === sendType.Text }"> <li class="filter-option" [ngClass]="{ active: selectedType === sendType.Text }">
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="selectType(sendType.Text)" (click)="selectType(sendType.Text)"
[attr.aria-pressed]="selectedType === sendType.Text" [attr.aria-pressed]="selectedType === sendType.Text"
@ -42,6 +42,7 @@
<li class="filter-option" [ngClass]="{ active: selectedType === sendType.File }"> <li class="filter-option" [ngClass]="{ active: selectedType === sendType.File }">
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="selectType(sendType.File)" (click)="selectType(sendType.File)"
[attr.aria-pressed]="selectedType === sendType.File" [attr.aria-pressed]="selectedType === sendType.File"
@ -61,6 +62,7 @@
<div class="content"> <div class="content">
<div class="list full-height" *ngIf="filteredSends.length"> <div class="list full-height" *ngIf="filteredSends.length">
<button <button
type="button"
*ngFor="let s of filteredSends" *ngFor="let s of filteredSends"
appStopClick appStopClick
(click)="selectSend(s.id)" (click)="selectSend(s.id)"

13
apps/desktop/src/vault/app/vault/vault-filter/filters/folder-filter.component.html
View File

@ -1,9 +1,8 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="!hide"> <ng-container *ngIf="!hide">
<div class="filter-heading"> <div class="filter-heading">
<h2> <h2>
<button <button
type="button"
class="toggle-button" class="toggle-button"
[attr.aria-expanded]="!isCollapsed(foldersGrouping)" [attr.aria-expanded]="!isCollapsed(foldersGrouping)"
aria-controls="folder-filters" aria-controls="folder-filters"
@ -20,7 +19,12 @@
&nbsp;{{ foldersGrouping.name | i18n }} &nbsp;{{ foldersGrouping.name | i18n }}
</button> </button>
</h2> </h2>
<button class="add-button" (click)="addFolder()" appA11yTitle="{{ 'addFolder' | i18n }}"> <button
type="button"
class="add-button"
(click)="addFolder()"
appA11yTitle="{{ 'addFolder' | i18n }}"
>
<i class="bwi bwi-plus bwi-fw" aria-hidden="true"></i> <i class="bwi bwi-plus bwi-fw" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -35,6 +39,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="toggle-button" class="toggle-button"
*ngIf="f.children.length" *ngIf="f.children.length"
(click)="toggleCollapse(f.node)" (click)="toggleCollapse(f.node)"
@ -52,6 +57,7 @@
></i> ></i>
</button> </button>
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter(f.node)" (click)="applyFilter(f.node)"
[attr.aria-pressed]=" [attr.aria-pressed]="
@ -62,6 +68,7 @@
&nbsp;{{ f.node.name }} &nbsp;{{ f.node.name }}
</button> </button>
<button <button
type="button"
class="edit-button" class="edit-button"
*ngIf="f.node.id" *ngIf="f.node.id"
(click)="editFolder(f.node)" (click)="editFolder(f.node)"

5
apps/desktop/src/vault/app/vault/vault-filter/filters/status-filter.component.html
View File

@ -1,11 +1,10 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="show"> <ng-container *ngIf="show">
<h2 class="sr-only">{{ "filters" | i18n }}</h2> <h2 class="sr-only">{{ "filters" | i18n }}</h2>
<ul class="filter-options"> <ul class="filter-options">
<li class="filter-option" [ngClass]="{ active: activeFilter.status === 'all' }"> <li class="filter-option" [ngClass]="{ active: activeFilter.status === 'all' }">
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter('all')" (click)="applyFilter('all')"
[attr.aria-pressed]="activeFilter.status === 'all'" [attr.aria-pressed]="activeFilter.status === 'all'"
@ -21,6 +20,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter('favorites')" (click)="applyFilter('favorites')"
[attr.aria-pressed]="activeFilter.status === 'favorites'" [attr.aria-pressed]="activeFilter.status === 'favorites'"
@ -36,6 +36,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter('trash')" (click)="applyFilter('trash')"
[attr.aria-pressed]="activeFilter.status === 'trash'" [attr.aria-pressed]="activeFilter.status === 'trash'"

7
apps/desktop/src/vault/app/vault/vault-filter/filters/type-filter.component.html
View File

@ -1,8 +1,7 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="filter-heading"> <div class="filter-heading">
<h2> <h2>
<button <button
type="button"
class="no-btn" class="no-btn"
(click)="toggleCollapse()" (click)="toggleCollapse()"
[attr.aria-expanded]="!isCollapsed" [attr.aria-expanded]="!isCollapsed"
@ -27,6 +26,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter(cipherTypeEnum.Login)" (click)="applyFilter(cipherTypeEnum.Login)"
[attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.Login" [attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.Login"
@ -38,6 +38,7 @@
<li class="filter-option" [ngClass]="{ active: activeFilter.cipherType === cipherTypeEnum.Card }"> <li class="filter-option" [ngClass]="{ active: activeFilter.cipherType === cipherTypeEnum.Card }">
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter(cipherTypeEnum.Card)" (click)="applyFilter(cipherTypeEnum.Card)"
[attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.Card" [attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.Card"
@ -52,6 +53,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter(cipherTypeEnum.Identity)" (click)="applyFilter(cipherTypeEnum.Identity)"
[attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.Identity" [attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.Identity"
@ -66,6 +68,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
class="filter-button" class="filter-button"
(click)="applyFilter(cipherTypeEnum.SecureNote)" (click)="applyFilter(cipherTypeEnum.SecureNote)"
[attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.SecureNote" [attr.aria-pressed]="activeFilter.cipherType === cipherTypeEnum.SecureNote"

7
apps/desktop/src/vault/app/vault/vault-items.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="container loading-spinner" *ngIf="!loaded"> <div class="container loading-spinner" *ngIf="!loaded">
<i class="bwi bwi-spinner bwi-spin bwi-3x" aria-hidden="true"></i> <i class="bwi bwi-spinner bwi-spin bwi-3x" aria-hidden="true"></i>
</div> </div>
@ -54,10 +52,13 @@
<div class="no-items" *ngIf="!ciphers.length"> <div class="no-items" *ngIf="!ciphers.length">
<img class="no-items-image" aria-hidden="true" /> <img class="no-items-image" aria-hidden="true" />
<p>{{ "noItemsInList" | i18n }}</p> <p>{{ "noItemsInList" | i18n }}</p>
<button (click)="addCipher()" class="btn block primary link">{{ "addItem" | i18n }}</button> <button type="button" (click)="addCipher()" class="btn block primary link">
{{ "addItem" | i18n }}
</button>
</div> </div>
<div class="footer"> <div class="footer">
<button <button
type="button"
(click)="addCipher()" (click)="addCipher()"
(contextmenu)="addCipherOptions()" (contextmenu)="addCipherOptions()"
class="block primary" class="block primary"

5
apps/desktop/src/vault/app/vault/view.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="content"> <div class="content">
<div class="inner-content" *ngIf="cipher"> <div class="inner-content" *ngIf="cipher">
<div class="box"> <div class="box">
@ -532,6 +530,7 @@
</div> </div>
<div class="footer" *ngIf="cipher"> <div class="footer" *ngIf="cipher">
<button <button
type="button"
class="primary" class="primary"
(click)="edit()" (click)="edit()"
appA11yTitle="{{ 'edit' | i18n }}" appA11yTitle="{{ 'edit' | i18n }}"
@ -540,6 +539,7 @@
<i class="bwi bwi-pencil bwi-fw bwi-lg" aria-hidden="true"></i> <i class="bwi bwi-pencil bwi-fw bwi-lg" aria-hidden="true"></i>
</button> </button>
<button <button
type="button"
class="primary" class="primary"
(click)="restore()" (click)="restore()"
appA11yTitle="{{ 'restore' | i18n }}" appA11yTitle="{{ 'restore' | i18n }}"
@ -548,6 +548,7 @@
<i class="bwi bwi-undo bwi-fw bwi-lg" aria-hidden="true"></i> <i class="bwi bwi-undo bwi-fw bwi-lg" aria-hidden="true"></i>
</button> </button>
<button <button
type="button"
class="primary" class="primary"
*ngIf="!cipher?.organizationId && !cipher.isDeleted" *ngIf="!cipher?.organizationId && !cipher.isDeleted"
(click)="clone()" (click)="clone()"

6
apps/web/src/app/accounts/trial-initiation/trial-initiation.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<!-- eslint-disable tailwindcss/no-custom-classname --> <!-- eslint-disable tailwindcss/no-custom-classname -->
<div *ngIf="accountCreateOnly" class=""> <div *ngIf="accountCreateOnly" class="">
<h1 class="tw-mt-12 tw-text-center tw-text-xl">{{ "createAccount" | i18n }}</h1> <h1 class="tw-mt-12 tw-text-center tw-text-xl">{{ "createAccount" | i18n }}</h1>
@ -76,6 +74,7 @@
<app-vertical-step label="Organization Information" [subLabel]="orgInfoSubLabel"> <app-vertical-step label="Organization Information" [subLabel]="orgInfoSubLabel">
<app-org-info [nameOnly]="true" [formGroup]="orgInfoFormGroup"></app-org-info> <app-org-info [nameOnly]="true" [formGroup]="orgInfoFormGroup"></app-org-info>
<button <button
type="button"
bitButton bitButton
buttonType="primary" buttonType="primary"
[disabled]="orgInfoFormGroup.get('name').invalid" [disabled]="orgInfoFormGroup.get('name').invalid"
@ -100,10 +99,11 @@
[orgLabel]="orgLabel" [orgLabel]="orgLabel"
></app-trial-confirmation-details> ></app-trial-confirmation-details>
<div class="tw-mb-3 tw-flex"> <div class="tw-mb-3 tw-flex">
<button bitButton buttonType="primary" (click)="navigateToOrgVault()"> <button type="button" bitButton buttonType="primary" (click)="navigateToOrgVault()">
Get Started Get Started
</button> </button>
<button <button
type="button"
bitButton bitButton
buttonType="secondary" buttonType="secondary"
(click)="navigateToOrgInvite()" (click)="navigateToOrgInvite()"

3
apps/web/src/app/accounts/trial-initiation/vertical-stepper/vertical-step-content.component.html
View File

@ -1,8 +1,7 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<!-- eslint-disable tailwindcss/no-custom-classname --> <!-- eslint-disable tailwindcss/no-custom-classname -->
<div class="tw-m-2.5 tw-h-16 tw-text-center"> <div class="tw-m-2.5 tw-h-16 tw-text-center">
<button <button
type="button"
(click)="selectStep()" (click)="selectStep()"
[disabled]="disabled" [disabled]="disabled"
class="tw-flex tw-w-full tw-items-center tw-border-none tw-bg-transparent" class="tw-flex tw-w-full tw-items-center tw-border-none tw-bg-transparent"

4
apps/web/src/app/admin-console/organizations/manage/groups.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="container page-content"> <div class="container page-content">
<div class="tw-mb-4 tw-flex"> <div class="tw-mb-4 tw-flex">
<h1>{{ "groups" | i18n }}</h1> <h1>{{ "groups" | i18n }}</h1>
@ -81,7 +79,7 @@
<input type="checkbox" bitCheckbox [(ngModel)]="g.checked" /> <input type="checkbox" bitCheckbox [(ngModel)]="g.checked" />
</td> </td>
<td bitCell class="tw-cursor-pointer tw-font-bold" (click)="edit(g)"> <td bitCell class="tw-cursor-pointer tw-font-bold" (click)="edit(g)">
<button bitLink> <button type="button" bitLink>
{{ g.details.name }} {{ g.details.name }}
</button> </button>
</td> </td>

4
apps/web/src/app/admin-console/organizations/members/people.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="container page-content"> <div class="container page-content">
<div class="tw-mb-4 tw-flex tw-flex-col tw-space-y-4"> <div class="tw-mb-4 tw-flex tw-flex-col tw-space-y-4">
<h1>{{ "members" | i18n }}</h1> <h1>{{ "members" | i18n }}</h1>
@ -150,7 +148,7 @@
></bit-avatar> ></bit-avatar>
<div class="tw-flex tw-flex-col"> <div class="tw-flex tw-flex-col">
<div> <div>
<button bitLink> <button type="button" bitLink>
{{ u.name ?? u.email }} {{ u.name ?? u.email }}
</button> </button>
<span <span

4
apps/web/src/app/admin-console/settings/sponsoring-org-row.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<td> <td>
{{ sponsoringOrg.familySponsorshipFriendlyName }} {{ sponsoringOrg.familySponsorshipFriendlyName }}
</td> </td>
@ -23,6 +21,7 @@
</button> </button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton"> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<button <button
type="button"
#resendEmailBtn #resendEmailBtn
*ngIf="!isSelfHosted && !sponsoringOrg.familySponsorshipValidUntil" *ngIf="!isSelfHosted && !sponsoringOrg.familySponsorshipValidUntil"
[appApiAction]="resendEmailPromise" [appApiAction]="resendEmailPromise"
@ -35,6 +34,7 @@
<span>{{ "resendEmail" | i18n }}</span> <span>{{ "resendEmail" | i18n }}</span>
</button> </button>
<button <button
type="button"
#revokeSponsorshipBtn #revokeSponsorshipBtn
[appApiAction]="revokeSponsorshipPromise" [appApiAction]="revokeSponsorshipPromise"
class="dropdown-item text-danger btn-submit" class="dropdown-item text-danger btn-submit"

13
apps/web/src/app/auth/settings/emergency-access/emergency-access.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="page-header"> <div class="page-header">
<h1>{{ "emergencyAccess" | i18n }}</h1> <h1>{{ "emergencyAccess" | i18n }}</h1>
</div> </div>
@ -85,6 +83,7 @@
</button> </button>
<bit-menu #trustedContactOptions> <bit-menu #trustedContactOptions>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf="c.status === emergencyAccessStatusType.Invited" *ngIf="c.status === emergencyAccessStatusType.Invited"
(click)="reinvite(c)" (click)="reinvite(c)"
@ -93,6 +92,7 @@
{{ "resendInvitation" | i18n }} {{ "resendInvitation" | i18n }}
</button> </button>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf="c.status === emergencyAccessStatusType.Accepted" *ngIf="c.status === emergencyAccessStatusType.Accepted"
(click)="confirm(c)" (click)="confirm(c)"
@ -101,6 +101,7 @@
{{ "confirm" | i18n }} {{ "confirm" | i18n }}
</button> </button>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf="c.status === emergencyAccessStatusType.RecoveryInitiated" *ngIf="c.status === emergencyAccessStatusType.RecoveryInitiated"
(click)="approve(c)" (click)="approve(c)"
@ -109,6 +110,7 @@
{{ "approve" | i18n }} {{ "approve" | i18n }}
</button> </button>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf=" *ngIf="
c.status === emergencyAccessStatusType.RecoveryInitiated || c.status === emergencyAccessStatusType.RecoveryInitiated ||
@ -119,7 +121,7 @@
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
{{ "reject" | i18n }} {{ "reject" | i18n }}
</button> </button>
<button bitMenuItem (click)="remove(c)"> <button type="button" bitMenuItem (click)="remove(c)">
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
{{ "remove" | i18n }} {{ "remove" | i18n }}
</button> </button>
@ -198,6 +200,7 @@
</button> </button>
<bit-menu #grantedContactOptions> <bit-menu #grantedContactOptions>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf="c.status === emergencyAccessStatusType.Confirmed" *ngIf="c.status === emergencyAccessStatusType.Confirmed"
(click)="requestAccess(c)" (click)="requestAccess(c)"
@ -206,6 +209,7 @@
{{ "requestAccess" | i18n }} {{ "requestAccess" | i18n }}
</button> </button>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf=" *ngIf="
c.status === emergencyAccessStatusType.RecoveryApproved && c.status === emergencyAccessStatusType.RecoveryApproved &&
@ -217,6 +221,7 @@
{{ "takeover" | i18n }} {{ "takeover" | i18n }}
</button> </button>
<button <button
type="button"
bitMenuItem bitMenuItem
*ngIf=" *ngIf="
c.status === emergencyAccessStatusType.RecoveryApproved && c.status === emergencyAccessStatusType.RecoveryApproved &&
@ -227,7 +232,7 @@
<i class="bwi bwi-fw bwi-eye" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-eye" aria-hidden="true"></i>
{{ "view" | i18n }} {{ "view" | i18n }}
</button> </button>
<button bitMenuItem (click)="remove(c)"> <button type="button" bitMenuItem (click)="remove(c)">
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
{{ "remove" | i18n }} {{ "remove" | i18n }}
</button> </button>

5
apps/web/src/app/auth/settings/two-factor-setup.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div [ngClass]="tabbedHeader ? 'tabbed-header' : 'page-header'"> <div [ngClass]="tabbedHeader ? 'tabbed-header' : 'page-header'">
<h1 *ngIf="!organizationId">{{ "twoStepLogin" | i18n }}</h1> <h1 *ngIf="!organizationId">{{ "twoStepLogin" | i18n }}</h1>
<h1 *ngIf="organizationId">{{ "twoStepLoginEnforcement" | i18n }}</h1> <h1 *ngIf="organizationId">{{ "twoStepLoginEnforcement" | i18n }}</h1>
@ -16,7 +14,7 @@
</ng-container> </ng-container>
<bit-callout type="warning" *ngIf="!organizationId"> <bit-callout type="warning" *ngIf="!organizationId">
<p>{{ "twoStepLoginRecoveryWarning" | i18n }}</p> <p>{{ "twoStepLoginRecoveryWarning" | i18n }}</p>
<button bitButton buttonType="secondary" (click)="recoveryCode()"> <button type="button" bitButton buttonType="secondary" (click)="recoveryCode()">
{{ "viewRecoveryCode" | i18n }} {{ "viewRecoveryCode" | i18n }}
</button> </button>
</bit-callout> </bit-callout>
@ -56,6 +54,7 @@
</div> </div>
<div class="ml-auto"> <div class="ml-auto">
<button <button
type="button"
bitButton bitButton
buttonType="secondary" buttonType="secondary"
[disabled]="!canAccessPremium && p.premium" [disabled]="!canAccessPremium && p.premium"

3
apps/web/src/app/billing/organizations/organization-billing-history-view.component.html
View File

@ -1,10 +1,9 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="d-flex page-header"> <div class="d-flex page-header">
<h1> <h1>
{{ "billingHistory" | i18n }} {{ "billingHistory" | i18n }}
</h1> </h1>
<button <button
type="button"
bitButton bitButton
buttonType="secondary" buttonType="secondary"
(click)="load()" (click)="load()"

3
apps/web/src/app/billing/settings/billing-history-view.component.html
View File

@ -1,10 +1,9 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="d-flex tabbed-header"> <div class="d-flex tabbed-header">
<h1> <h1>
{{ "billingHistory" | i18n }} {{ "billingHistory" | i18n }}
</h1> </h1>
<button <button
type="button"
bitButton bitButton
buttonType="secondary" buttonType="secondary"
(click)="load()" (click)="load()"

20
apps/web/src/app/billing/settings/payment-method.component.html
View File

@ -1,10 +1,9 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="d-flex" [ngClass]="headerClass"> <div class="d-flex" [ngClass]="headerClass">
<h1> <h1>
{{ "paymentMethod" | i18n }} {{ "paymentMethod" | i18n }}
</h1> </h1>
<button <button
type="button"
bitButton bitButton
buttonType="secondary" buttonType="secondary"
(click)="load()" (click)="load()"
@ -30,7 +29,13 @@
<strong>{{ creditOrBalance | currency : "$" }}</strong> <strong>{{ creditOrBalance | currency : "$" }}</strong>
</p> </p>
<p>{{ "creditAppliedDesc" | i18n }}</p> <p>{{ "creditAppliedDesc" | i18n }}</p>
<button bitButton buttonType="secondary" (click)="addCredit()" *ngIf="!showAddCredit"> <button
type="button"
bitButton
buttonType="secondary"
(click)="addCredit()"
*ngIf="!showAddCredit"
>
{{ "addCredit" | i18n }} {{ "addCredit" | i18n }}
</button> </button>
<app-add-credit <app-add-credit
@ -72,6 +77,7 @@
<span bitPrefix>$0.</span> <span bitPrefix>$0.</span>
</bit-form-field> </bit-form-field>
<button <button
type="button"
bitButton bitButton
buttonType="primary" buttonType="primary"
type="submit" type="submit"
@ -89,7 +95,13 @@
{{ paymentSource.description }} {{ paymentSource.description }}
</p> </p>
</ng-container> </ng-container>
<button bitButton buttonType="secondary" (click)="changePayment()" *ngIf="!showAdjustPayment"> <button
type="button"
bitButton
buttonType="secondary"
(click)="changePayment()"
*ngIf="!showAdjustPayment"
>
{{ (paymentSource ? "changePaymentMethod" : "addPaymentMethod") | i18n }} {{ (paymentSource ? "changePaymentMethod" : "addPaymentMethod") | i18n }}
</button> </button>
<app-adjust-payment <app-adjust-payment

6
apps/web/src/app/components/user-verification-prompt.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="confirmUserTitle"> <div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="confirmUserTitle">
<div class="modal-dialog modal-dialog-scrollable" role="document"> <div class="modal-dialog modal-dialog-scrollable" role="document">
<form class="modal-content" #form (ngSubmit)="submit()"> <form class="modal-content" #form (ngSubmit)="submit()">
@ -16,10 +14,10 @@
<div <div
class="tw-border-0 tw-border-t tw-border-solid tw-border-secondary-300 tw-bg-background-alt tw-p-3.5" class="tw-border-0 tw-border-t tw-border-solid tw-border-secondary-300 tw-bg-background-alt tw-p-3.5"
> >
<button bitButton buttonType="primary" type="submit" appBlurClick> <button type="button" bitButton buttonType="primary" type="submit" appBlurClick>
<span>{{ confirmButtonText | i18n }}</span> <span>{{ confirmButtonText | i18n }}</span>
</button> </button>
<button bitButton buttonType="secondary" data-dismiss="modal"> <button type="button" bitButton buttonType="secondary" data-dismiss="modal">
{{ "cancel" | i18n }} {{ "cancel" | i18n }}
</button> </button>
</div> </div>

3
apps/web/src/app/layouts/navbar.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<nav class="navbar navbar-expand navbar-dark" [ngClass]="{ 'nav-background-alt': selfHosted }"> <nav class="navbar navbar-expand navbar-dark" [ngClass]="{ 'nav-background-alt': selfHosted }">
<div class="container"> <div class="container">
<a class="navbar-brand" routerLink="/" appA11yTitle="{{ 'pageTitle' | i18n : 'Bitwarden' }}"> <a class="navbar-brand" routerLink="/" appA11yTitle="{{ 'pageTitle' | i18n : 'Bitwarden' }}">
@ -44,6 +42,7 @@
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex"> <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
<li> <li>
<button <button
type="button"
[bitMenuTriggerFor]="accountMenu" [bitMenuTriggerFor]="accountMenu"
class="tw-border-0 tw-bg-transparent tw-text-alt2 tw-opacity-70 hover:tw-opacity-90" class="tw-border-0 tw-bg-transparent tw-text-alt2 tw-opacity-70 hover:tw-opacity-90"
> >

8
apps/web/src/app/settings/account.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="page-header"> <div class="page-header">
<h1>{{ "myAccount" | i18n }}</h1> <h1>{{ "myAccount" | i18n }}</h1>
</div> </div>
@ -16,13 +14,13 @@
<div class="card border-danger"> <div class="card border-danger">
<div class="card-body"> <div class="card-body">
<p>{{ "dangerZoneDesc" | i18n }}</p> <p>{{ "dangerZoneDesc" | i18n }}</p>
<button bitButton buttonType="danger" (click)="deauthorizeSessions()"> <button type="button" bitButton buttonType="danger" (click)="deauthorizeSessions()">
{{ "deauthorizeSessions" | i18n }} {{ "deauthorizeSessions" | i18n }}
</button> </button>
<button bitButton buttonType="danger" (click)="purgeVault()"> <button type="button" bitButton buttonType="danger" (click)="purgeVault()">
{{ "purgeVault" | i18n }} {{ "purgeVault" | i18n }}
</button> </button>
<button bitButton buttonType="danger" (click)="deleteAccount()"> <button type="button" bitButton buttonType="danger" (click)="deleteAccount()">
{{ "deleteAccount" | i18n }} {{ "deleteAccount" | i18n }}
</button> </button>
</div> </div>

6
apps/web/src/app/settings/security-keys.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<app-change-kdf *ngIf="showChangeKdf"></app-change-kdf> <app-change-kdf *ngIf="showChangeKdf"></app-change-kdf>
<div <div
[ngClass]="{ 'tabbed-header': !showChangeKdf, 'secondary-header': showChangeKdf }" [ngClass]="{ 'tabbed-header': !showChangeKdf, 'secondary-header': showChangeKdf }"
@ -10,10 +8,10 @@
<p> <p>
{{ "userApiKeyDesc" | i18n }} {{ "userApiKeyDesc" | i18n }}
</p> </p>
<button bitButton buttonType="secondary" (click)="viewUserApiKey()"> <button type="button" bitButton buttonType="secondary" (click)="viewUserApiKey()">
{{ "viewApiKey" | i18n }} {{ "viewApiKey" | i18n }}
</button> </button>
<button bitButton buttonType="secondary" (click)="rotateUserApiKey()"> <button type="button" bitButton buttonType="secondary" (click)="rotateUserApiKey()">
{{ "rotateApiKey" | i18n }} {{ "rotateApiKey" | i18n }}
</button> </button>
<ng-template #viewUserApiKeyTemplate></ng-template> <ng-template #viewUserApiKeyTemplate></ng-template>

3
apps/web/src/app/tools/password-generator-history.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="passHistoryTitle"> <div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="passHistoryTitle">
<div class="modal-dialog modal-dialog-scrollable" role="document"> <div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content"> <div class="modal-content">
@ -27,6 +25,7 @@
</div> </div>
<div class="ml-auto"> <div class="ml-auto">
<button <button
type="button"
class="btn btn-link" class="btn btn-link"
appA11yTitle="{{ 'copyPassword' | i18n }}" appA11yTitle="{{ 'copyPassword' | i18n }}"
(click)="copy(h.password)" (click)="copy(h.password)"

4
apps/web/src/app/tools/send/add-edit.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="sendAddEditTitle"> <div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="sendAddEditTitle">
<div class="modal-dialog modal-dialog-scrollable modal-lg" role="document"> <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
<form <form
@ -144,7 +142,7 @@
(click)="toggleOptions()" (click)="toggleOptions()"
> >
<h3 class="mb-0 mr-2"> <h3 class="mb-0 mr-2">
<button appStopClick class="header-expandable"> <button type="button" appStopClick class="header-expandable">
<i <i
class="bwi" class="bwi"
aria-hidden="true" aria-hidden="true"

37
apps/web/src/app/tools/send/send.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="container page-content"> <div class="container page-content">
<app-callout type="warning" title="{{ 'sendDisabled' | i18n }}" *ngIf="disableSend"> <app-callout type="warning" title="{{ 'sendDisabled' | i18n }}" *ngIf="disableSend">
<span>{{ "sendDisabledWarning" | i18n }}</span> <span>{{ "sendDisabledWarning" | i18n }}</span>
@ -25,7 +23,7 @@
<ul class="filter-options"> <ul class="filter-options">
<li class="filter-option" [ngClass]="{ active: selectedAll }"> <li class="filter-option" [ngClass]="{ active: selectedAll }">
<span class="filter-buttons"> <span class="filter-buttons">
<button class="filter-button" appStopClick (click)="selectAll()"> <button type="button" class="filter-button" appStopClick (click)="selectAll()">
<i class="bwi bwi-fw bwi-filter"></i>{{ "allSends" | i18n }} <i class="bwi bwi-fw bwi-filter"></i>{{ "allSends" | i18n }}
</button> </button>
</span> </span>
@ -39,14 +37,24 @@
<ul class="filter-options"> <ul class="filter-options">
<li class="filter-option" [ngClass]="{ active: selectedType === sendType.Text }"> <li class="filter-option" [ngClass]="{ active: selectedType === sendType.Text }">
<span class="filter-buttons"> <span class="filter-buttons">
<button class="filter-button" appStopClick (click)="selectType(sendType.Text)"> <button
type="button"
class="filter-button"
appStopClick
(click)="selectType(sendType.Text)"
>
<i class="bwi bwi-fw bwi-file-text"></i>{{ "sendTypeText" | i18n }} <i class="bwi bwi-fw bwi-file-text"></i>{{ "sendTypeText" | i18n }}
</button> </button>
</span> </span>
</li> </li>
<li class="filter-option" [ngClass]="{ active: selectedType === sendType.File }"> <li class="filter-option" [ngClass]="{ active: selectedType === sendType.File }">
<span class="filter-buttons"> <span class="filter-buttons">
<button class="filter-button" appStopClick (click)="selectType(sendType.File)"> <button
type="button"
class="filter-button"
appStopClick
(click)="selectType(sendType.File)"
>
<i class="bwi bwi-fw bwi-file"></i>{{ "sendTypeFile" | i18n }} <i class="bwi bwi-fw bwi-file"></i>{{ "sendTypeFile" | i18n }}
</button> </button>
</span> </span>
@ -144,6 +152,7 @@
</td> </td>
<td class="table-list-options"> <td class="table-list-options">
<button <button
type="button"
[bitMenuTriggerFor]="sendOptions" [bitMenuTriggerFor]="sendOptions"
class="tw-border-none tw-bg-transparent tw-text-main" class="tw-border-none tw-bg-transparent tw-text-main"
type="button" type="button"
@ -152,15 +161,20 @@
<i class="bwi bwi-ellipsis-v bwi-lg" aria-hidden="true"></i> <i class="bwi bwi-ellipsis-v bwi-lg" aria-hidden="true"></i>
</button> </button>
<bit-menu #sendOptions> <bit-menu #sendOptions>
<button bitMenuItem (click)="copy(s)"> <button type="button" bitMenuItem (click)="copy(s)">
<i class="bwi bwi-fw bwi-clone" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-clone" aria-hidden="true"></i>
{{ "copySendLink" | i18n }} {{ "copySendLink" | i18n }}
</button> </button>
<button bitMenuItem (click)="removePassword(s)" *ngIf="s.password && !disableSend"> <button
type="button"
bitMenuItem
(click)="removePassword(s)"
*ngIf="s.password && !disableSend"
>
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
{{ "removePassword" | i18n }} {{ "removePassword" | i18n }}
</button> </button>
<button bitMenuItem (click)="delete(s)"> <button type="button" bitMenuItem (click)="delete(s)">
<span class="tw-text-danger"> <span class="tw-text-danger">
<i class="bwi bwi-fw bwi-trash" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-trash" aria-hidden="true"></i>
{{ "delete" | i18n }} {{ "delete" | i18n }}
@ -183,7 +197,12 @@
<ng-container *ngIf="loaded"> <ng-container *ngIf="loaded">
<bit-icon [icon]="noItemIcon" aria-hidden="true"></bit-icon> <bit-icon [icon]="noItemIcon" aria-hidden="true"></bit-icon>
<p>{{ "noSendsInList" | i18n }}</p> <p>{{ "noSendsInList" | i18n }}</p>
<button (click)="addSend()" class="btn btn-outline-primary" [disabled]="disableSend"> <button
type="button"
(click)="addSend()"
class="btn btn-outline-primary"
[disabled]="disableSend"
>
<i class="bwi bwi-plus bwi-fw"></i>{{ "createSend" | i18n }} <i class="bwi bwi-plus bwi-fw"></i>{{ "createSend" | i18n }}
</button> </button>
</ng-container> </ng-container>

6
apps/web/src/app/vault/individual-vault/vault-filter/components/organization-options.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="!loaded"> <ng-container *ngIf="!loaded">
<i <i
class="bwi bwi-spinner bwi-spin text-muted tw-m-2" class="bwi bwi-spinner bwi-spin text-muted tw-m-2"
@ -14,6 +12,7 @@
[appApiAction]="actionPromise" [appApiAction]="actionPromise"
> >
<button <button
type="button"
*ngIf="allowEnrollmentChanges(organization) && !organization.resetPasswordEnrolled" *ngIf="allowEnrollmentChanges(organization) && !organization.resetPasswordEnrolled"
class="tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left !tw-text-main hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0" class="tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left !tw-text-main hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0"
(click)="toggleResetPasswordEnrollment(organization)" (click)="toggleResetPasswordEnrollment(organization)"
@ -22,6 +21,7 @@
{{ "enrollPasswordReset" | i18n }} {{ "enrollPasswordReset" | i18n }}
</button> </button>
<button <button
type="button"
*ngIf="allowEnrollmentChanges(organization) && organization.resetPasswordEnrolled" *ngIf="allowEnrollmentChanges(organization) && organization.resetPasswordEnrolled"
class="tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left !tw-text-main hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0" class="tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left !tw-text-main hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0"
(click)="toggleResetPasswordEnrollment(organization)" (click)="toggleResetPasswordEnrollment(organization)"
@ -31,6 +31,7 @@
</button> </button>
<ng-container *ngIf="organization.useSso && organization.identifier"> <ng-container *ngIf="organization.useSso && organization.identifier">
<button <button
type="button"
*ngIf="organization.ssoBound; else linkSso" *ngIf="organization.ssoBound; else linkSso"
class="tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left !tw-text-main hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0" class="tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left !tw-text-main hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0"
(click)="unlinkSso(organization)" (click)="unlinkSso(organization)"
@ -43,6 +44,7 @@
</ng-template> </ng-template>
</ng-container> </ng-container>
<button <button
type="button"
class="text-danger tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0" class="text-danger tw-block tw-cursor-pointer tw-border-none tw-bg-background tw-px-4 tw-py-2 tw-text-left hover:tw-bg-secondary-100 focus:tw-z-50 focus:tw-bg-secondary-100 focus:tw-outline-none focus:tw-ring focus:tw-ring-primary-700 focus:tw-ring-offset-2 active:!tw-ring-0 active:!tw-ring-offset-0"
(click)="leave(organization)" (click)="leave(organization)"
> >

10
apps/web/src/app/vault/individual-vault/vault-filter/shared/components/vault-filter-section.component.html
View File

@ -1,8 +1,7 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<ng-container *ngIf="filters && filters.length"> <ng-container *ngIf="filters && filters.length">
<div *ngIf="headerInfo.showHeader" class="filter-heading"> <div *ngIf="headerInfo.showHeader" class="filter-heading">
<button <button
type="button"
class="toggle-button" class="toggle-button"
(click)="toggleCollapse(headerNode.node)" (click)="toggleCollapse(headerNode.node)"
[attr.aria-expanded]="!isCollapsed(headerNode.node)" [attr.aria-expanded]="!isCollapsed(headerNode.node)"
@ -16,6 +15,7 @@
></i> ></i>
</button> </button>
<button <button
type="button"
*ngIf="headerInfo.isSelectable" *ngIf="headerInfo.isSelectable"
appA11yTitle="{{ (isOrganizationFilter ? 'vault' : 'filter') | i18n }}: {{ appA11yTitle="{{ (isOrganizationFilter ? 'vault' : 'filter') | i18n }}: {{
headerNode.node.name | i18n headerNode.node.name | i18n
@ -36,6 +36,7 @@
</h3> </h3>
<button <button
type="button"
*ngIf="showAddButton" *ngIf="showAddButton"
(click)="onAdd()" (click)="onAdd()"
class="text-muted ml-auto add-button" class="text-muted ml-auto add-button"
@ -59,6 +60,7 @@
> >
<span class="filter-buttons"> <span class="filter-buttons">
<button <button
type="button"
*ngIf="f.children.length" *ngIf="f.children.length"
appA11yTitle="{{ 'toggleCollapse' | i18n }}: {{ f.node.name }}" appA11yTitle="{{ 'toggleCollapse' | i18n }}: {{ f.node.name }}"
(click)="toggleCollapse(f.node)" (click)="toggleCollapse(f.node)"
@ -76,6 +78,7 @@
></i> ></i>
</button> </button>
<button <button
type="button"
class="filter-button" class="filter-button"
appA11yTitle="{{ isOrganizationFilter ? 'vault' : ('filter' | i18n) }}: {{ appA11yTitle="{{ isOrganizationFilter ? 'vault' : ('filter' | i18n) }}: {{
f.node.name f.node.name
@ -92,6 +95,7 @@
</button> </button>
<span class="ml-auto"> <span class="ml-auto">
<button <button
type="button"
*ngIf="editInfo && f.node.id" *ngIf="editInfo && f.node.id"
class="edit-button" class="edit-button"
(click)="onEdit(f)" (click)="onEdit(f)"
@ -106,7 +110,7 @@
appA11yTitle="{{ 'organizationIsDisabled' | i18n }}" appA11yTitle="{{ 'organizationIsDisabled' | i18n }}"
></i ></i
><ng-container *ngIf="optionsInfo && !f.node.hideOptions" ><ng-container *ngIf="optionsInfo && !f.node.hideOptions"
><button [bitMenuTriggerFor]="optionsMenu" class="filter-options-icon"> ><button type="button" [bitMenuTriggerFor]="optionsMenu" class="filter-options-icon">
<i class="bwi bwi-ellipsis-v" aria-hidden="true"></i> <i class="bwi bwi-ellipsis-v" aria-hidden="true"></i>
</button> </button>
<bit-menu class="filter-organization-options" #optionsMenu> <bit-menu class="filter-organization-options" #optionsMenu>

2
apps/web/src/app/vault/org-vault/vault.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="container page-content"> <div class="container page-content">
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">

4
apps/web/src/connectors/webauthn-fallback.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<!DOCTYPE html> <!DOCTYPE html>
<html class="theme_light"> <html class="theme_light">
<head> <head>
@ -30,7 +28,7 @@
</div> </div>
<hr /> <hr />
<p class="text-center mb-0"> <p class="text-center mb-0">
<button id="webauthn-button" class="btn btn-primary btn-lg"></button> <button type="button" id="webauthn-button" class="btn btn-primary btn-lg"></button>
</p> </p>
</div> </div>
</div> </div>

4
apps/web/src/connectors/webauthn-mobile.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -24,7 +22,7 @@
<img src="../images/u2fkey-mobile.jpg" class="rounded img-fluid" /> <img src="../images/u2fkey-mobile.jpg" class="rounded img-fluid" />
</picture> </picture>
<div class="text-center mt-4"> <div class="text-center mt-4">
<button id="webauthn-button" class="btn btn-primary btn-lg"></button> <button type="button" id="webauthn-button" class="btn btn-primary btn-lg"></button>
</div> </div>
</div> </div>
</div> </div>

4
apps/web/src/connectors/webauthn.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -14,7 +12,7 @@
<img src="../images/u2fkey.jpg" class="rounded img-fluid mb-3" /> <img src="../images/u2fkey.jpg" class="rounded img-fluid mb-3" />
</picture> </picture>
<div class="text-center"> <div class="text-center">
<button id="webauthn-button" class="btn btn-primary"></button> <button type="button" id="webauthn-button" class="btn btn-primary"></button>
</div> </div>
</body> </body>
</html> </html>

3
bitwarden_license/bit-web/src/app/admin-console/providers/clients/add-organization.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="addTitle"> <div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="addTitle">
<div class="modal-dialog modal-dialog-scrollable" role="document"> <div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content"> <div class="modal-content">
@ -32,6 +30,7 @@
</td> </td>
<td> <td>
<button <button
type="button"
class="btn btn-outline-secondary pull-right" class="btn btn-outline-secondary pull-right"
(click)="add(o)" (click)="add(o)"
[disabled]="formPromise" [disabled]="formPromise"

3
bitwarden_license/bit-web/src/app/admin-console/providers/clients/clients.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="page-header d-flex"> <div class="page-header d-flex">
<h1>{{ "clients" | i18n }}</h1> <h1>{{ "clients" | i18n }}</h1>
@ -19,6 +17,7 @@
{{ "newClientOrganization" | i18n }} {{ "newClientOrganization" | i18n }}
</a> </a>
<button <button
type="button"
class="btn btn-sm btn-outline-primary ml-3" class="btn btn-sm btn-outline-primary ml-3"
(click)="addExistingOrganization()" (click)="addExistingOrganization()"
*ngIf="manageOrganizations && showAddExisting" *ngIf="manageOrganizations && showAddExisting"

11
bitwarden_license/bit-web/src/app/admin-console/providers/manage/people.component.html
View File

@ -1,5 +1,3 @@
<!-- Please remove this disable statement when editing this file! -->
<!-- eslint-disable @angular-eslint/template/button-has-type -->
<div class="page-header d-flex"> <div class="page-header d-flex">
<h1>{{ "people" | i18n }}</h1> <h1>{{ "people" | i18n }}</h1>
<div class="ml-auto d-flex"> <div class="ml-auto d-flex">
@ -55,11 +53,12 @@
<i class="bwi bwi-cog" aria-hidden="true"></i> <i class="bwi bwi-cog" aria-hidden="true"></i>
</button> </button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="bulkActionsButton"> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="bulkActionsButton">
<button class="dropdown-item" appStopClick (click)="bulkReinvite()"> <button type="button" class="dropdown-item" appStopClick (click)="bulkReinvite()">
<i class="bwi bwi-fw bwi-envelope" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-envelope" aria-hidden="true"></i>
{{ "reinviteSelected" | i18n }} {{ "reinviteSelected" | i18n }}
</button> </button>
<button <button
type="button"
class="dropdown-item text-success" class="dropdown-item text-success"
appStopClick appStopClick
(click)="bulkConfirm()" (click)="bulkConfirm()"
@ -68,16 +67,16 @@
<i class="bwi bwi-fw bwi-check" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-check" aria-hidden="true"></i>
{{ "confirmSelected" | i18n }} {{ "confirmSelected" | i18n }}
</button> </button>
<button class="dropdown-item text-danger" appStopClick (click)="bulkRemove()"> <button type="button" class="dropdown-item text-danger" appStopClick (click)="bulkRemove()">
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
{{ "remove" | i18n }} {{ "remove" | i18n }}
</button> </button>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<button class="dropdown-item" appStopClick (click)="selectAll(true)"> <button type="button" class="dropdown-item" appStopClick (click)="selectAll(true)">
<i class="bwi bwi-fw bwi-check-square" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-check-square" aria-hidden="true"></i>
{{ "selectAll" | i18n }} {{ "selectAll" | i18n }}
</button> </button>
<button class="dropdown-item" appStopClick (click)="selectAll(false)"> <button type="button" class="dropdown-item" appStopClick (click)="selectAll(false)">
<i class="bwi bwi-fw bwi-minus-square" aria-hidden="true"></i> <i class="bwi bwi-fw bwi-minus-square" aria-hidden="true"></i>
{{ "unselectAll" | i18n }} {{ "unselectAll" | i18n }}
</button> </button>