Fixes AB#598: Alt not defined on image

Azure · Jun 6, 2023 · 8c28aad · 8c28aad
1 parent e8e5a77
commit 8c28aad
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/desktop/i18n/resources.resjson b/desktop/i18n/resources.resjson
@@ -149,6 +149,7 @@
   "gallery.recentTemplates": "Recent templates",
   "gallery.title": "Gallery applications",
   "gallery.viewReadme": "View readme",
+  "info-box.infoIconTitle": "Information",
   "job-progress-status.inaccurate": "Task count might not be accurate in real time",
   "job-progress-status.progressBar": "Job progress",
   "job-state.active.message": "Job is currently running. Task can be scheduled.",

diff --git a/desktop/src/@batch-flask/ui/info-box/info-box.component.ts b/desktop/src/@batch-flask/ui/info-box/info-box.component.ts
@@ -2,11 +2,7 @@ import { Component, Input } from "@angular/core";
 
 @Component({
     selector: "bl-info-box",
-    template: `
-        <div class="infobox">
-            <div class="infobox-image"><i class="fa fa-info-circle fa-3" aria-hidden="true"></i></div>
-            <div class="infobox-text">{{message}}</div>
-        </div>`,
+    templateUrl: "info-box.html",
 })
 export class InfoBoxComponent {
     @Input()

diff --git a/desktop/src/@batch-flask/ui/info-box/info-box.html b/desktop/src/@batch-flask/ui/info-box/info-box.html
@@ -0,0 +1,6 @@
+<div class="infobox">
+    <div class="infobox-image">
+        <i class="fa fa-info-circle fa-3" aria-hidden="true" title="{{'info-box.infoIconTitle' | i18n}}"></i>
+    </div>
+    <div class="infobox-text">{{message}}</div>
+</div>
diff --git a/desktop/src/@batch-flask/ui/info-box/info-box.i18n.yml b/desktop/src/@batch-flask/ui/info-box/info-box.i18n.yml
@@ -0,0 +1,2 @@
+info-box:
+  infoIconTitle: Information
diff --git a/desktop/src/@batch-flask/ui/info-box/info-box.module.ts b/desktop/src/@batch-flask/ui/info-box/info-box.module.ts
@@ -1,6 +1,7 @@
 import { NgModule } from "@angular/core";
 import { RouterModule } from "@angular/router";
 import { InfoBoxComponent } from "./info-box.component";
+import { I18nUIModule } from "../i18n";
 
 const components = [
     InfoBoxComponent,
@@ -10,7 +11,7 @@ const components = [
     declarations: components,
     entryComponents: [],
     exports: [...components],
-    imports: [RouterModule],
+    imports: [RouterModule, I18nUIModule],
 })
 
 export class InfoBoxModule {