[Icons] Update Font Sheet (#1343)

* [Icons] Update to new font sheet

* Rebased - updated all icon remaining icon references

* Temporarily Updating gitmodules branch

* Fixed class reference

* Revert temporary gitmodule branch

* Icon updates/changes

* Pull jslib m-icon-updates latest

* Prettier

* Update jslib to master

* Reset jslib to master

* Removed obsolete variable reference, replaced bolt references

* Removed all instances of base class - maps create automatically

* Updated toast icon references

* Imported styles to reference variable/map

* Reverted to using base class

* Update jslib

* Rename eye-2 to eye and eye-slash-2 to eye-slash

* Bump jslib

* Remove duplicate scss

* Remove old fa

* Update fallback image

* Bump jslib

* Rename eye-2 to eye, and eye-slash-2 to eye-slash

* Fix 404

* Fix integrity of bootstrap.min.css

* Fix callout missing bwi

* Add bwi to change-kdf

* Remove bwi from callout again

* Bump jslib

Co-authored-by: Hinton <oscar@oscarhinton.com>

src/app/send/access.component.html

@@ -21,7 +21,7 @@
       <div class="card d-block">
         <div class="card-body" *ngIf="loading" class="text-center">
           <i
-            class="fa fa-spinner fa-spin fa-2x text-muted"
+            class="bwi bwi-spinner bwi-spin bwi-2x text-muted"
             title="{{ 'loading' | i18n }}"
             aria-hidden="true"
           ></i>
@@ -50,10 +50,10 @@
               [disabled]="form.loading"
             >
               <span>
-                <i class="fa fa-sign-in" aria-hidden="true"></i> {{ "continue" | i18n }}
+                <i class="bwi bwi-sign-in" aria-hidden="true"></i> {{ "continue" | i18n }}
               </span>
               <i
-                class="fa fa-spinner fa-spin"
+                class="bwi bwi-spinner bwi-spin"
                 title="{{ 'loading' | i18n }}"
                 aria-hidden="true"
               ></i>
@@ -93,14 +93,14 @@
               *ngIf="send.text.hidden"
             >
               <i
-                class="fa fa-lg"
+                class="bwi bwi-lg"
                 aria-hidden="true"
-                [ngClass]="{ 'fa-eye': !showText, 'fa-eye-slash': showText }"
+                [ngClass]="{ 'bwi-eye': !showText, 'bwi-eye-slash': showText }"
               ></i>
               {{ "toggleVisibility" | i18n }}
             </button>
             <button class="btn btn-block btn-link" type="button" (click)="copyText()">
-              <i class="fa fa-copy" aria-hidden="true"></i> {{ "copyValue" | i18n }}
+              <i class="bwi bwi-copy" aria-hidden="true"></i> {{ "copyValue" | i18n }}
             </button>
           </ng-container>
           <!-- File -->
@@ -112,7 +112,7 @@
               (click)="download()"
               *ngIf="!downloading"
             >
-              <i class="fa fa-download" aria-hidden="true"></i>
+              <i class="bwi bwi-download" aria-hidden="true"></i>
               {{ "downloadFile" | i18n }} ({{ send.file.sizeName }})
             </button>
             <button
@@ -122,7 +122,7 @@
               disabled="true"
             >
               <i
-                class="fa fa-spinner fa-spin"
+                class="bwi bwi-spinner bwi-spin"
                 title="{{ 'loading' | i18n }}"
                 aria-hidden="true"
               ></i>

src/app/send/add-edit.component.html

@@ -151,9 +151,9 @@
           <h3 class="mb-0 mr-2">{{ "options" | i18n }}</h3>
           <a class="mb-1" href="#" appStopClick role="button">
             <i
-              class="fa"
+              class="bwi"
               aria-hidden="true"
-              [ngClass]="{ 'fa-chevron-down': !showOptions, 'fa-chevron-up': showOptions }"
+              [ngClass]="{ 'bwi-angle-down': !showOptions, 'bwi-chevron-up': showOptions }"
             ></i>
           </a>
         </div>
@@ -213,9 +213,9 @@
                     (click)="togglePasswordVisible()"
                   >
                     <i
-                      class="fa fa-lg"
+                      class="bwi bwi-lg"
                       aria-hidden="true"
-                      [ngClass]="{ 'fa-eye': !showPassword, 'fa-eye-slash': showPassword }"
+                      [ngClass]="{ 'bwi-eye': !showPassword, 'bwi-eye-slash': showPassword }"
                     ></i>
                   </button>
                 </div>
@@ -272,7 +272,7 @@
           [ngClass]="{ loading: form.loading }"
           [disabled]="form.loading || disableSend"
         >
-          <i class="fa fa-spinner fa-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+          <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
           <span>{{ "save" | i18n }}</span>
         </button>
         <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
@@ -290,12 +290,12 @@
             [appApiAction]="deletePromise"
           >
             <i
-              class="fa fa-trash-o fa-lg fa-fw"
+              class="bwi bwi-trash bwi-lg bwi-fw"
               [hidden]="deleteBtn.loading"
               aria-hidden="true"
             ></i>
             <i
-              class="fa fa-spinner fa-spin fa-lg fa-fw"
+              class="bwi bwi-spinner bwi-spin bwi-lg bwi-fw"
               [hidden]="!deleteBtn.loading"
               title="{{ 'loading' | i18n }}"
               aria-hidden="true"

src/app/send/send.component.html

@@ -19,23 +19,23 @@
             autocomplete="off"
             appAutofocus
           />
-          <ul class="fa-ul card-ul">
+          <ul class="bwi-ul card-ul">
             <li [ngClass]="{ active: selectedAll }">
               <a href="#" appStopClick (click)="selectAll()">
-                <i class="fa-li fa fa-fw fa-th"></i>{{ "allSends" | i18n }}
+                <i class="bwi bwi-li bwi-fw bwi-filter"></i>{{ "allSends" | i18n }}
               </a>
             </li>
           </ul>
           <h3>{{ "types" | i18n }}</h3>
-          <ul class="fa-ul card-ul">
+          <ul class="bwi-ul card-ul">
             <li [ngClass]="{ active: selectedType === sendType.Text }">
               <a href="#" appStopClick (click)="selectType(sendType.Text)">
-                <i class="fa-li fa fa-fw fa-file-text-o"></i>{{ "sendTypeText" | i18n }}
+                <i class="bwi bwi-li bwi-fw bwi-file-text"></i>{{ "sendTypeText" | i18n }}
               </a>
             </li>
             <li [ngClass]="{ active: selectedType === sendType.File }">
               <a href="#" appStopClick (click)="selectType(sendType.File)">
-                <i class="fa-li fa fa-fw fa-file-o"></i>{{ "sendTypeFile" | i18n }}
+                <i class="bwi bwi-li bwi-fw bwi-file"></i>{{ "sendTypeFile" | i18n }}
               </a>
             </li>
           </ul>
@@ -49,7 +49,7 @@
           <small #actionSpinner [appApiAction]="actionPromise">
             <ng-container *ngIf="actionSpinner.loading">
               <i
-                class="fa fa-spinner fa-spin text-muted"
+                class="bwi bwi-spinner bwi-spin text-muted"
                 title="{{ 'loading' | i18n }}"
                 aria-hidden="true"
               ></i>
@@ -64,7 +64,7 @@
             (click)="addSend()"
             [disabled]="disableSend"
           >
-            <i class="fa fa-plus fa-fw" aria-hidden="true"></i>{{ "createSend" | i18n }}
+            <i class="bwi bwi-plus bwi-fw" aria-hidden="true"></i>{{ "createSend" | i18n }}
           </button>
         </div>
       </div>
@@ -74,15 +74,15 @@
           <tr *ngFor="let s of filteredSends">
             <td class="table-list-icon">
               <div class="icon" aria-hidden="true">
-                <i class="fa fa-fw fa-lg fa-file-o" *ngIf="s.type == sendType.File"></i>
-                <i class="fa fa-fw fa-lg fa-file-text-o" *ngIf="s.type == sendType.Text"></i>
+                <i class="bwi bwi-fw bwi-lg bwi-file" *ngIf="s.type == sendType.File"></i>
+                <i class="bwi bwi-fw bwi-lg bwi-file-text" *ngIf="s.type == sendType.Text"></i>
               </div>
             </td>
             <td class="reduced-lh wrap">
               <a href="#" appStopClick appStopProp (click)="editSend(s)">{{ s.name }}</a>
               <ng-container *ngIf="s.disabled">
                 <i
-                  class="fa fa-warning"
+                  class="bwi bwi-exclamation-triangle"
                   appStopProp
                   title="{{ 'disabled' | i18n }}"
                   aria-hidden="true"
@@ -91,7 +91,7 @@
               </ng-container>
               <ng-container *ngIf="s.password">
                 <i
-                  class="fa fa-key"
+                  class="bwi bwi-key"
                   appStopProp
                   title="{{ 'password' | i18n }}"
                   aria-hidden="true"
@@ -100,7 +100,7 @@
               </ng-container>
               <ng-container *ngIf="s.maxAccessCountReached">
                 <i
-                  class="fa fa-ban"
+                  class="bwi bwi-ban"
                   appStopProp
                   title="{{ 'maxAccessCountReached' | i18n }}"
                   aria-hidden="true"
@@ -109,7 +109,7 @@
               </ng-container>
               <ng-container *ngIf="s.expired">
                 <i
-                  class="fa fa-clock-o"
+                  class="bwi bwi-clock"
                   appStopProp
                   title="{{ 'expired' | i18n }}"
                   aria-hidden="true"
@@ -118,7 +118,7 @@
               </ng-container>
               <ng-container *ngIf="s.pendingDelete">
                 <i
-                  class="fa fa-trash"
+                  class="bwi bwi-trash"
                   appStopProp
                   title="{{ 'pendingDeletion' | i18n }}"
                   aria-hidden="true"
@@ -139,11 +139,11 @@
                   aria-expanded="false"
                   appA11yTitle="{{ 'options' | i18n }}"
                 >
-                  <i class="fa fa-cog fa-lg" aria-hidden="true"></i>
+                  <i class="bwi bwi-cog bwi-lg" aria-hidden="true"></i>
                 </button>
                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                   <a class="dropdown-item" href="#" appStopClick (click)="copy(s)">
-                    <i class="fa fa-fw fa-copy" aria-hidden="true"></i>
+                    <i class="bwi bwi-fw bwi-clone" aria-hidden="true"></i>
                     {{ "copySendLink" | i18n }}
                   </a>
                   <a
@@ -153,11 +153,11 @@
                     (click)="removePassword(s)"
                     *ngIf="s.password && !disableSend"
                   >
-                    <i class="fa fa-fw fa-undo" aria-hidden="true"></i>
+                    <i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
                     {{ "removePassword" | i18n }}
                   </a>
                   <a class="dropdown-item text-danger" href="#" appStopClick (click)="delete(s)">
-                    <i class="fa fa-fw fa-trash-o" aria-hidden="true"></i>
+                    <i class="bwi bwi-fw bwi-trash" aria-hidden="true"></i>
                     {{ "delete" | i18n }}
                   </a>
                 </div>
@@ -169,7 +169,7 @@
       <div class="no-items" *ngIf="filteredSends && !filteredSends.length">
         <ng-container *ngIf="!loaded">
           <i
-            class="fa fa-spinner fa-spin text-muted"
+            class="bwi bwi-spinner bwi-spin text-muted"
             title="{{ 'loading' | i18n }}"
             aria-hidden="true"
           ></i>
@@ -178,7 +178,7 @@
         <ng-container *ngIf="loaded">
           <p>{{ "noSendsInList" | i18n }}</p>
           <button (click)="addSend()" class="btn btn-outline-primary" [disabled]="disableSend">
-            <i class="fa fa-plus fa-fw"></i>{{ "createSend" | i18n }}
+            <i class="bwi bwi-plus bwi-fw"></i>{{ "createSend" | i18n }}
           </button>
         </ng-container>
       </div>