mirror of
https://github.com/bitwarden/directory-connector
synced 2025-12-15 07:43:27 +00:00
[Icons] Update Font Sheet (#203)
* [Icons] Update font sheet * Updated toaster icon references * Prettier Updates * Added import for variable/map references * Update jslib * Adding base class to all icon refs * Removed unused import * Removed duplicate import * Update jslib * Fixed formatting * Updated eye/eye-slash icon references * Update jslib * Update jslib * Update jslib
This commit is contained in:
2
jslib
2
jslib
Submodule jslib updated: cf1e483c7f...6b4ed5fcce
@@ -30,9 +30,9 @@
|
|||||||
(click)="toggleSecret()"
|
(click)="toggleSecret()"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="fa fa-lg"
|
class="bwi bwi-lg"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
[ngClass]="showSecret ? 'fa-eye-slash' : 'fa-eye'"
|
[ngClass]="showSecret ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -42,8 +42,8 @@
|
|||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div>
|
<div>
|
||||||
<button type="submit" class="btn btn-primary" [disabled]="form.loading">
|
<button type="submit" class="btn btn-primary" [disabled]="form.loading">
|
||||||
<i class="fa fa-spinner fa-fw fa-spin" [hidden]="!form.loading"></i>
|
<i class="bwi bwi-spinner bwi-fw bwi-spin" [hidden]="!form.loading"></i>
|
||||||
<i class="fa fa-sign-in fa-fw" [hidden]="form.loading"></i>
|
<i class="bwi bwi-sign-in bwi-fw" [hidden]="form.loading"></i>
|
||||||
{{ "logIn" | i18n }}
|
{{ "logIn" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="modal-footer justify-content-start">
|
<div class="modal-footer justify-content-start">
|
||||||
<button type="submit" class="btn btn-primary">
|
<button type="submit" class="btn btn-primary">
|
||||||
<i class="fa fa-save fa-fw"></i>
|
<i class="bwi bwi-save bwi-fw"></i>
|
||||||
{{ "save" | i18n }}
|
{{ "save" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -17,18 +17,18 @@
|
|||||||
</p>
|
</p>
|
||||||
<form #startForm [appApiAction]="startPromise" class="d-inline">
|
<form #startForm [appApiAction]="startPromise" class="d-inline">
|
||||||
<button (click)="start()" class="btn btn-primary" [disabled]="startForm.loading">
|
<button (click)="start()" class="btn btn-primary" [disabled]="startForm.loading">
|
||||||
<i class="fa fa-play fa-fw" [hidden]="startForm.loading"></i>
|
<i class="bwi bwi-play bwi-fw" [hidden]="startForm.loading"></i>
|
||||||
<i class="fa fa-spinner fa-fw fa-spin" [hidden]="!startForm.loading"></i>
|
<i class="bwi bwi-spinner bwi-fw bwi-spin" [hidden]="!startForm.loading"></i>
|
||||||
{{ "startSync" | i18n }}
|
{{ "startSync" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
<button (click)="stop()" class="btn btn-primary">
|
<button (click)="stop()" class="btn btn-primary">
|
||||||
<i class="fa fa-stop fa-fw"></i>
|
<i class="bwi bwi-stop bwi-fw"></i>
|
||||||
{{ "stopSync" | i18n }}
|
{{ "stopSync" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
<form #syncForm [appApiAction]="syncPromise" class="d-inline">
|
<form #syncForm [appApiAction]="syncPromise" class="d-inline">
|
||||||
<button (click)="sync()" class="btn btn-primary" [disabled]="syncForm.loading">
|
<button (click)="sync()" class="btn btn-primary" [disabled]="syncForm.loading">
|
||||||
<i class="fa fa-refresh fa-fw" [ngClass]="{ 'fa-spin': syncForm.loading }"></i>
|
<i class="bwi bwi-refresh bwi-fw" [ngClass]="{ 'bwi-spin': syncForm.loading }"></i>
|
||||||
{{ "syncNow" | i18n }}
|
{{ "syncNow" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
@@ -40,8 +40,8 @@
|
|||||||
<p>{{ "testingDesc" | i18n }}</p>
|
<p>{{ "testingDesc" | i18n }}</p>
|
||||||
<form #simForm [appApiAction]="simPromise" class="d-inline">
|
<form #simForm [appApiAction]="simPromise" class="d-inline">
|
||||||
<button (click)="simulate()" class="btn btn-primary" [disabled]="simForm.loading">
|
<button (click)="simulate()" class="btn btn-primary" [disabled]="simForm.loading">
|
||||||
<i class="fa fa-spinner fa-fw fa-spin" [hidden]="!simForm.loading"></i>
|
<i class="bwi bwi-spinner bwi-fw bwi-spin" [hidden]="!simForm.loading"></i>
|
||||||
<i class="fa fa-bug fa-fw" [hidden]="simForm.loading"></i>
|
<i class="bwi bwi-bug bwi-fw" [hidden]="simForm.loading"></i>
|
||||||
{{ "testNow" | i18n }}
|
{{ "testNow" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
@@ -59,9 +59,9 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg">
|
<div class="col-lg">
|
||||||
<h4>{{ "users" | i18n }}</h4>
|
<h4>{{ "users" | i18n }}</h4>
|
||||||
<ul class="fa-ul testing-list" *ngIf="simEnabledUsers && simEnabledUsers.length">
|
<ul class="bwi-ul testing-list" *ngIf="simEnabledUsers && simEnabledUsers.length">
|
||||||
<li *ngFor="let u of simEnabledUsers" title="{{ u.referenceId }}">
|
<li *ngFor="let u of simEnabledUsers" title="{{ u.referenceId }}">
|
||||||
<i class="fa-li fa fa-user"></i>
|
<i class="bwi bwi-li bwi-user"></i>
|
||||||
{{ u.displayName }}
|
{{ u.displayName }}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -69,9 +69,9 @@
|
|||||||
{{ "noUsers" | i18n }}
|
{{ "noUsers" | i18n }}
|
||||||
</p>
|
</p>
|
||||||
<h4>{{ "disabledUsers" | i18n }}</h4>
|
<h4>{{ "disabledUsers" | i18n }}</h4>
|
||||||
<ul class="fa-ul testing-list" *ngIf="simDisabledUsers && simDisabledUsers.length">
|
<ul class="bwi-ul testing-list" *ngIf="simDisabledUsers && simDisabledUsers.length">
|
||||||
<li *ngFor="let u of simDisabledUsers" title="{{ u.referenceId }}">
|
<li *ngFor="let u of simDisabledUsers" title="{{ u.referenceId }}">
|
||||||
<i class="fa-li fa fa-user"></i>
|
<i class="bwi bwi-li bwi-user"></i>
|
||||||
{{ u.displayName }}
|
{{ u.displayName }}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -79,9 +79,9 @@
|
|||||||
{{ "noUsers" | i18n }}
|
{{ "noUsers" | i18n }}
|
||||||
</p>
|
</p>
|
||||||
<h4>{{ "deletedUsers" | i18n }}</h4>
|
<h4>{{ "deletedUsers" | i18n }}</h4>
|
||||||
<ul class="fa-ul testing-list" *ngIf="simDeletedUsers && simDeletedUsers.length">
|
<ul class="bwi-ul testing-list" *ngIf="simDeletedUsers && simDeletedUsers.length">
|
||||||
<li *ngFor="let u of simDeletedUsers" title="{{ u.referenceId }}">
|
<li *ngFor="let u of simDeletedUsers" title="{{ u.referenceId }}">
|
||||||
<i class="fa-li fa fa-user"></i>
|
<i class="bwi bwi-li bwi-user"></i>
|
||||||
{{ u.displayName }}
|
{{ u.displayName }}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -91,9 +91,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-lg">
|
<div class="col-lg">
|
||||||
<h4>{{ "groups" | i18n }}</h4>
|
<h4>{{ "groups" | i18n }}</h4>
|
||||||
<ul class="fa-ul testing-list" *ngIf="simGroups && simGroups.length">
|
<ul class="bwi-ul testing-list" *ngIf="simGroups && simGroups.length">
|
||||||
<li *ngFor="let g of simGroups" title="{{ g.referenceId }}">
|
<li *ngFor="let g of simGroups" title="{{ g.referenceId }}">
|
||||||
<i class="fa-li fa fa-sitemap"></i>
|
<i class="bwi bwi-li bwi-sitemap"></i>
|
||||||
{{ g.displayName }}
|
{{ g.displayName }}
|
||||||
<ul class="small" *ngIf="g.users && g.users.length">
|
<ul class="small" *ngIf="g.users && g.users.length">
|
||||||
<li *ngFor="let u of g.users" title="{{ u.referenceId }}">
|
<li *ngFor="let u of g.users" title="{{ u.referenceId }}">
|
||||||
|
|||||||
@@ -15,8 +15,8 @@
|
|||||||
(click)="update()"
|
(click)="update()"
|
||||||
[disabled]="checkingForUpdate"
|
[disabled]="checkingForUpdate"
|
||||||
>
|
>
|
||||||
<i class="fa fa-download fa-fw" [hidden]="checkingForUpdate"></i>
|
<i class="bwi bwi-download bwi-fw" [hidden]="checkingForUpdate"></i>
|
||||||
<i class="fa fa-spinner fa-fw fa-spin" [hidden]="!checkingForUpdate"></i>
|
<i class="bwi bwi-spinner bwi-fw bwi-spin" [hidden]="!checkingForUpdate"></i>
|
||||||
{{ "checkForUpdates" | i18n }}
|
{{ "checkForUpdates" | i18n }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -236,9 +236,9 @@
|
|||||||
(click)="toggleLdapPassword()"
|
(click)="toggleLdapPassword()"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="fa fa-lg"
|
class="bwi bwi-lg"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
[ngClass]="showLdapPassword ? 'fa-eye-slash' : 'fa-eye'"
|
[ngClass]="showLdapPassword ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -298,9 +298,9 @@
|
|||||||
(click)="toggleAzureKey()"
|
(click)="toggleAzureKey()"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="fa fa-lg"
|
class="bwi bwi-lg"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
[ngClass]="showAzureKey ? 'fa-eye-slash' : 'fa-eye'"
|
[ngClass]="showAzureKey ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -339,9 +339,9 @@
|
|||||||
(click)="toggleOktaKey()"
|
(click)="toggleOktaKey()"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="fa fa-lg"
|
class="bwi bwi-lg"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
[ngClass]="showOktaKey ? 'fa-eye-slash' : 'fa-eye'"
|
[ngClass]="showOktaKey ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -377,9 +377,9 @@
|
|||||||
(click)="toggleOneLoginSecret()"
|
(click)="toggleOneLoginSecret()"
|
||||||
>
|
>
|
||||||
<i
|
<i
|
||||||
class="fa fa-lg"
|
class="bwi bwi-lg"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
[ngClass]="showOneLoginSecret ? 'fa-eye-slash' : 'fa-eye'"
|
[ngClass]="showOneLoginSecret ? 'bwi-eye-slash' : 'bwi-eye'"
|
||||||
></i>
|
></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,19 +2,19 @@
|
|||||||
<ul class="nav nav-tabs mb-3">
|
<ul class="nav nav-tabs mb-3">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" routerLink="dashboard" routerLinkActive="active">
|
<a class="nav-link" routerLink="dashboard" routerLinkActive="active">
|
||||||
<i class="fa fa-dashboard"></i>
|
<i class="bwi bwi-dashboard"></i>
|
||||||
{{ "dashboard" | i18n }}
|
{{ "dashboard" | i18n }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" routerLink="settings" routerLinkActive="active">
|
<a class="nav-link" routerLink="settings" routerLinkActive="active">
|
||||||
<i class="fa fa-cogs"></i>
|
<i class="bwi bwi-cogs"></i>
|
||||||
{{ "settings" | i18n }}
|
{{ "settings" | i18n }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" routerLink="more" routerLinkActive="active">
|
<a class="nav-link" routerLink="more" routerLinkActive="active">
|
||||||
<i class="fa fa-sliders"></i>
|
<i class="bwi bwi-sliders"></i>
|
||||||
{{ "more" | i18n }}
|
{{ "more" | i18n }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<app-root>
|
<app-root>
|
||||||
<div id="loading"><i class="fa fa-spinner fa-spin fa-3x"></i></div>
|
<div id="loading"><i class="bwi bwi-spinner bwi-spin bwi-3x"></i></div>
|
||||||
</app-root>
|
</app-root>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,5 +1,3 @@
|
|||||||
$fa-font-path: "~font-awesome/fonts";
|
|
||||||
@import "~font-awesome/scss/font-awesome.scss";
|
|
||||||
@import "~ngx-toastr/toastr";
|
@import "~ngx-toastr/toastr";
|
||||||
|
|
||||||
@import "~bootstrap/scss/_variables.scss";
|
@import "~bootstrap/scss/_variables.scss";
|
||||||
@@ -31,7 +29,7 @@ $fa-font-path: "~font-awesome/fonts";
|
|||||||
.icon i::before {
|
.icon i::before {
|
||||||
float: left;
|
float: left;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-family: FontAwesome;
|
font-family: $icomoon-font-family;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
@@ -52,7 +50,7 @@ $fa-font-path: "~font-awesome/fonts";
|
|||||||
background-color: $danger;
|
background-color: $danger;
|
||||||
|
|
||||||
.icon i::before {
|
.icon i::before {
|
||||||
content: "\f0e7";
|
content: map_get($icons, "error");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -60,7 +58,7 @@ $fa-font-path: "~font-awesome/fonts";
|
|||||||
background-color: $warning;
|
background-color: $warning;
|
||||||
|
|
||||||
.icon i::before {
|
.icon i::before {
|
||||||
content: "\f071";
|
content: map_get($icons, "exclamation-triangle");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -68,7 +66,7 @@ $fa-font-path: "~font-awesome/fonts";
|
|||||||
background-color: $info;
|
background-color: $info;
|
||||||
|
|
||||||
.icon i:before {
|
.icon i:before {
|
||||||
content: "\f05a";
|
content: map_get($icons, "info-circle");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -76,7 +74,7 @@ $fa-font-path: "~font-awesome/fonts";
|
|||||||
background-color: $success;
|
background-color: $success;
|
||||||
|
|
||||||
.icon i:before {
|
.icon i:before {
|
||||||
content: "\f00C";
|
content: map_get($icons, "check");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
@import "../../jslib/angular/src/scss/webfonts.css";
|
@import "../../jslib/angular/src/scss/webfonts.css";
|
||||||
|
@import "../../jslib/angular/src/scss/bwicons/styles/style.scss";
|
||||||
@import "bootstrap.scss";
|
@import "bootstrap.scss";
|
||||||
@import "pages.scss";
|
@import "pages.scss";
|
||||||
@import "misc.scss";
|
@import "misc.scss";
|
||||||
|
|||||||
Reference in New Issue
Block a user