various enhancements/translations

homebridge · Dec 3, 2023 · 67b0494 · 67b0494
1 parent b9332a9
commit 67b0494
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 74 deletions.
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -55,7 +55,7 @@
     "xterm": "4.19.0",
     "xterm-addon-fit": "0.5.0",
     "xterm-addon-web-links": "0.6.0",
-    "zone.js": "^0.12.0"
+    "zone.js": "0.12.0"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^14.2.13",

diff --git a/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html b/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html
@@ -12,23 +12,23 @@ <h5 class="card-title mb-2 text-truncate">
       <div class="d-flex flex-row align-items-end">
         <div class="d-flex flex-column w-100">
           <p class="card-text mb-2 text-truncate">
-            <a href="javascript:void(0)" (click)="pluginInfoModal(plugin)">
-              <i class="fas fa-fw fa-info-circle grey-text fa-lg"></i>
+            <a href="javascript:void(0)" (click)="pluginInfoModal(plugin)" class="card-link grey-text">
+              <i class="fas fa-fw fa-info-circle fa-lg"></i>
             </a>
             {{ plugin.name }}
           </p>
           <p class="card-text mb-2" *ngIf="plugin.verifiedPlugin">
-            <a href="javascript:void(0)" class="card-link text-decoration-none" (click)="openVerifiedModal()">
-              <i class="fas fa-fw fa-shield-alt fa-lg green-text"></i>
+            <a href="javascript:void(0)" class="card-link green-text" (click)="openVerifiedModal()">
+              <i class="fas fa-fw fa-shield-alt fa-lg"></i>
             </a> {{ 'plugins.donate.button_verified' | translate }}
           </p>
           <p class="card-text mb-2" *ngIf="!plugin.verifiedPlugin">
-            <a href="javascript:void(0)" class="card-link text-decoration-none" (click)="openVerifiedModal()">
+            <a href="javascript:void(0)" class="card-link" (click)="openVerifiedModal()">
               <i class="fas fa-fw fa-shield-alt fa-lg" style="opacity: 0.25;"></i>
             </a> {{ 'plugins.donate.button_not_verified' | translate }}
           </p>
           <p class="card-text mb-2">
-            <a href="javascript:void(0)" class="card-link pink-text text-decoration-none" *ngIf="plugin.verifiedPlugin && plugin.funding"
+            <a href="javascript:void(0)" class="card-link pink-text" *ngIf="plugin.verifiedPlugin && plugin.funding"
                (click)="openFundingModal(plugin)">
               <i class="fas fa-fw fa-heart fa-lg"></i>
             </a>
@@ -40,33 +40,37 @@ <h5 class="card-title mb-2 text-truncate">
             <p class="card-text mb-0">
               <i class="far fa-fw fa-circle-check fa-lg card-text-defined" *ngIf="plugin.installedVersion && !plugin.updateAvailable && !plugin.betaUpdateAvailable"
                 [ngbTooltip]="'plugins.status_installed' | translate" container="body"></i>
-              <a href="javascript:void(0)" *ngIf="plugin.publicPackage && !plugin.installedVersion"
+              <a href="javascript:void(0)" *ngIf="plugin.publicPackage && !plugin.installedVersion" class="card-link grey-text"
                  (click)="$plugin.installPreviousVersion(plugin)" [ngbTooltip]="'plugins.status_not_installed' | translate" container="body">
-                <i class="far fa-fw fa-arrow-alt-circle-down fa-lg grey-text"></i>
+                <i class="far fa-fw fa-arrow-alt-circle-down fa-lg"></i>
               </a>
               <a href="javascript:void(0)" (click)="$plugin.updatePlugin(plugin, plugin.betaUpdateAvailable ? 'beta' : 'latest')"
-                 *ngIf="plugin.updateAvailable || plugin.betaUpdateAvailable"
+                 *ngIf="plugin.updateAvailable || plugin.betaUpdateAvailable" class="card-link primary-text"
                  [ngbTooltip]="'plugins.status_update_available' | translate" container="body">
-                <i class="far fa-fw fa-arrow-alt-circle-up fa-lg primary-text"></i>
+                <i class="far fa-fw fa-arrow-alt-circle-up fa-lg"></i>
               </a>
               <span *ngIf="plugin.installedVersion" class="d-none d-md-inline"> {{ 'plugins.status_installed' | translate }}: </span>
               v{{ plugin.installedVersion || plugin.latestVersion }}
               <span *ngIf="!plugin.installedVersion && plugin.lastUpdated">({{ plugin.lastUpdated | date:'yyyy-MM-dd' }})</span>
             </p>
             <div class="ml-auto">
               <ng-container *ngIf="!plugin.disabled && hasChildBridges">
-                <a href="javascript:void(0)" (click)="$plugin.bridgeSettings(plugin)">
+                <a href="javascript:void(0)" (click)="$plugin.bridgeSettings(plugin)" class="card-link" [ngClass]="{
+                  'green-text': childBridgeStatus === 'ok',
+                  'text-warning': childBridgeStatus === 'pending',
+                  'red-text': childBridgeStatus === 'down'
+                }">
                   <i class="fas fa-fw fa-lg ml-3" [ngClass]="{
-                    'fa-bridge-circle-check green-text': childBridgeStatus === 'ok',
-                    'fa-bridge-circle-exclamation text-warning': childBridgeStatus === 'pending',
-                    'fa-bridge-circle-xmark red-text': childBridgeStatus === 'down'
+                    'fa-bridge-circle-check': childBridgeStatus === 'ok',
+                    'fa-bridge-circle-exclamation': childBridgeStatus === 'pending',
+                    'fa-bridge-circle-xmark': childBridgeStatus === 'down'
                   }" [hidden]="childBridgeRestartInProgress"></i>
-                  <i [hidden]="!childBridgeRestartInProgress" class="ml-3 grey-text fas fa-fw fa-spinner fa-pulse"></i>
+                  <i [hidden]="!childBridgeRestartInProgress" class="ml-3 grey-text fas fa-fw fa-spinner fa-pulse fa-lg"></i>
                 </a>
               </ng-container>
-              <a href="javascript:void(0)" (click)="enablePlugin(plugin)" *ngIf="plugin.installedVersion && plugin.disabled">
-                <i class="far fa-fw fa-pause-circle fa-lg red-text"
-                 [ngbTooltip]="'plugins.status_disabled' | translate" container="body"></i>
+              <a href="javascript:void(0)" (click)="enablePlugin(plugin)" *ngIf="plugin.installedVersion && plugin.disabled"
+                class="card-link red-text">
+                <i class="far fa-fw fa-pause-circle fa-lg" [ngbTooltip]="'plugins.status_disabled' | translate" container="body"></i>
               </a>
               <a href="javascript:void(0)" *ngIf="plugin.publicPackage && !plugin.installedVersion"
                 (click)="$plugin.installPreviousVersion(plugin)">

diff --git a/ui/src/app/modules/settings/settings.component.html b/ui/src/app/modules/settings/settings.component.html
@@ -171,7 +171,7 @@ <h5 class="primary-text mt-3">{{ 'settings.title_manage_cached_accessories' | tr
           <i class="fas fa-fw fa-info-circle primary-text"></i>
         </a>
       </span>
-      <button class="btn btn-primary waves-effect m-0" style="min-width:45px;"
+      <button class="btn btn-primary waves-effect m-0 ml-3" style="min-width:45px;"
         [translate]="'reset.title_clear_cached_accessories_single'" (click)="removeSingleCachedAccessories()"
         [attr.aria-label]="'reset.title_clear_cached_accessories_single' | translate">
         <i class="fas fa-fw fa-flip-horizontal fa-external-link-square-alt"></i>