converting all aria-label attributes to use i18n resource bundle (#94)

Author: robertpatrick

electron/app/locales/en/webui.json

@@ -1,6 +1,7 @@
 {
   "copyright-footer-text": "Copyright (c) 2021, {{currentYear}}, Oracle and/or its affiliates. Licensed under The Universal Permissive License (UPL), Version 1.0, as shown at",
 
+  "nav-aria-label": "Choose a navigation item",
   "nav-model": "Model",
   "nav-project-settings": "Project Settings",
   "nav-image": "Image",
@@ -81,12 +82,14 @@
   "project-settings-form-name": "Project Settings",
   "project-settings-title": "Project Settings",
   "project-settings-mac-environment-question": "For macOS, do you need to add directories to the PATH or define other environment variables for Docker/Podman or Kubernetes?",
+  "project-settings-mac-path-table-aria-label": "macOS Extra Path Directories Table",
   "project-settings-add-path-row-icon-text": "Add Extra Path Directory",
   "project-settings-choose-path-icon-text": "Choose Extra Path Directory",
   "project-settings-delete-path-row-icon-text": "Remove Extra Path Directory",
   "project-settings-extra-path-directory-header": "Extra Path Directory",
   "project-settings-hints-macos-path-directories": "Show System Path Directories",
   "project-settings-button-macos-path-directories": "Show System Path",
+  "project-settings-mac-env-var-table-aria-label": "macOS Extra Environment Variables Table",
   "project-settings-add-env-var-row-icon-text": "Add Extra Environment Variable",
   "project-settings-delete-env-var-row-icon-text": "Remove Extra Environment Variable",
   "project-settings-extra-environment-variable-name-header": "Extra Environment Variable Name",
@@ -144,9 +147,11 @@
   "project-settings-credential-store-policy-answer-message": "The Credential Store Policy controls how credentials are handled when the project is saved and loaded.  The options are to store them in the machine's native credential store, store them in the project file encrypted with a passphrase, or not store them at all.",
 
   "macos-path-directories-dialog-title": "System Path",
+  "macos-path-directories-dialog-table-aria-label": "System Path Environment Variable Directories",
   "macos-path-directories-dialog-name-header": "Path Directory",
 
   "macos-environment-variables-dialog-title": "System Environment Variables",
+  "macos-environment-variables-dialog-table-aria-label": "System Environment Variables Table",
   "macos-environment-variables-dialog-name-header": "Environment Variable Name",
   "macos-environment-variables-dialog-value-header": "Environment Variable Value",
 
@@ -578,6 +583,7 @@
   "domain-design-cluster-additional-java-options-label": "Additional Java Options",
   "domain-design-cluster-additional-java-options-help": "A list of additional Java runtime options, separated by spaces, tabs, or commas.",
 
+  "domain-design-configmap-table-aria-label": "ConfigMap Properties Table",
   "domain-design-configmap-title": "Model Variables Overrides",
   "domain-design-configmap-label": "Kubernetes ConfigMap Name",
   "domain-design-configmap-help": "The name of the Kubernetes ConfigMap that holds the model variable overrides.",
@@ -614,6 +620,7 @@
   "domain-design-propname-header": "Model Variable Name",
   "domain-design-propvalue-header": "Model Variable File Value",
   "domain-design-propoverride-header": "Model Variable Override Value",
+  "domain-design-secrets-table-aria-label": "Secrets Table",
   "domain-design-secretname-header": "Secret Name",
   "domain-design-username-header": "Username",
   "domain-design-password-header": "Password",
@@ -678,6 +685,7 @@
   "ingress-design-ingress-route-is-console-svc-help": "For SSL terminating at ingress and accessing WebLogic Console Service, turn on this option. Your domain must have 'WeblogicPluginEnabled: true' in the 'resources->WebAppContainer' section",
   "ingress-design-ingress-route-name-label": "Name",
   "ingress-design-ingress-route-dialog-title": "Edit Ingress Route",
+  "ingress-design-ingress-route-annotations-table-aria-label": "Ingress Route Annotations Table",
   "ingress-design-ingress-route-annotation-label": "Annotation",
   "ingress-design-ingress-route-annotationValue-label": "Value",
   "ingress-design-ingress-annotations": "Optional Annotations",
@@ -720,6 +728,7 @@
   "ingress-design-generate-tls-subject-label": "Subject to Use for the Generated TLS Certificate",
   "ingress-design-generate-tls-subject-help": "The Subject (e.g., /CN=www.mydomain.org) to use when generating TLS certificate. The format must be /type0=value0/type1=value1/type2=...",
 
+  "ingress-design-routes-table-aria-label": "Ingress Routes Table",
   "ingress-design-add-route-label": "Add Route",
   "ingress-design-edit-route-label": "Edit Route",
   "ingress-design-delete-route-label": "Delete Route",
@@ -1004,10 +1013,14 @@
   "model-page-hints-prepareModel": "Prepare Model for Kubernetes",
   "model-page-model-editor-contents": "Model Editor Contents",
 
+  "model-properties-table-aria-label": "Model Variables Editable Table",
   "model-properties-name-header": "Variable Name",
   "model-properties-value-header": "Variable Value",
   "model-properties-add-label": "Add Variable",
   "model-properties-delete-label": "Delete",
+
+  "model-archive-toolbar-aria-label": "Archive Editing Toolbar",
+  "model-archive-tree-view-aria-label": "Archive Editor Tree View",
   "model-archive-add-label": "Add",
   "model-archive-delete-label": "Delete",
   "model-archive-no-archive-label": "(no archive)",
@@ -1299,6 +1312,7 @@
   "quickstart-dialog-title": "WebLogic Kubernetes Toolkit (WKT) UI Introduction",
   "quickstart-dialog-stop-showing-quickstart-message": "Stop showing this introduction at startup.",
 
+  "quickstart-dialog-filmstrip-aria-label": "WebLogic Kubernetes Toolkit UI Tutorial",
   "quickstart-page1-title": "Introduction",
   "quickstart-page1-paragraph-1": "Ready to get your WebLogic Server domain running in Kubernetes?",
   "quickstart-page1-paragraph-2": "This application will guide you through the process of creating a WebLogic Server domain in Kubernetes.",

webui/src/js/views/app-main.html

@@ -16,7 +16,7 @@
 <div id="pageContent" class="oj-web-applayout-page">
   <div id="wkt-container" class="oj-sm-flex-wrap-nowrap oj-flex">
     <div id="navlistcontainer" class="oj-bg-neutral-170 oj-color-invert" :class="[[{collapsed : navCollapsed}]]">
-      <oj-navigation-list aria-label="Choose a navigation item"
+      <oj-navigation-list :aria-label="[[labelMapper('aria-label')]]"
                           class="oj-bg-neutral-170 oj-color-invert wkt-navigation-list"
                           data="[[navDataProvider]]"
                           display="[[navDisplay]]"

webui/src/js/views/domain-design-view.html

@@ -284,7 +284,7 @@ <h6 class="wkt-subheading"><oj-bind-text value="[[labelMapper('configmap-title')
 
     <oj-table id="properties-table"
               class="wkt-domain-properties-table"
-              aria-label="ConfigMap Properties Table"
+              :aria-label="[[labelMapper('configmap-table-aria-label')]]"
               data="{{configMapDP}}"
               display="grid"
               horizontal-grid-visible="enabled"
@@ -315,7 +315,7 @@ <h6 class="wkt-subheading"><oj-bind-text value="[[labelMapper('configmap-title')
     <h6 class="wkt-subheading"><oj-bind-text value="[[labelMapper('secrets-title')]]"></oj-bind-text></h6>
     <oj-table id="secrets-table"
               class="wkt-domain-secrets-table"
-              aria-label="Secrets Table"
+              :aria-label="[[labelMapper('secrets-table-aria-label')]]"
               data="[[secretsDP]]"
               display="grid"
               horizontal-grid-visible="enabled"

webui/src/js/views/ingress-design-view.html

@@ -176,7 +176,7 @@ <h6 class="wkt-subheading">
     </h6>
     <oj-table id="routes-table"
               class="wkt-model-properties-table"
-              aria-label="Editable Properties Table"
+              :aria-label="[[labelMapper('routes-table-aria-label')]]"
               data="[[routesDataProvider]]"
               display="grid"
               horizontal-grid-visible="enabled"

webui/src/js/views/macos-environment-variables-dialog.html

@@ -11,7 +11,7 @@
     <div class="oj-panel wkt-notop wkt-full-height">
       <oj-table id="macos-environment-variables-table"
                 class="wkt-env-vars-table"
-                aria-label="Inherited Environment Variables Table"
+                :aria-label="[[labelMapper('table-aria-label')]]"
                 data="[[environmentVariablesDataProvider]]"
                 display="grid"
                 layout="fixed"

webui/src/js/views/macos-path-directories-dialog.html

@@ -11,7 +11,7 @@
     <div class="oj-panel wkt-notop wkt-full-height">
       <oj-table id="macos-path-variable-table"
                 class="wkt-paths-table"
-                aria-label="Inherited PATH Environment Variable Table"
+                aria-label="[[labelMapper('table-aria-label')]]"
                 data="[[pathDirectoriesDataProvider]]"
                 display="grid"
                 horizontal-grid-visible="enabled"

webui/src/js/views/model-archive-view.html

@@ -4,7 +4,7 @@
  -->
 
 <div id="wkt-model-archive" class="wkt-model-archive">
-  <oj-toolbar id='myToolbar1' aria-label='Editing Toolbar' aria-controls='controlled'
+  <oj-toolbar id='myToolbar1' :aria-label="[[labelMapper('toolbar-aria-label')]]" aria-controls='controlled'
               class="wkt-archive-toolbar" :class="oj-toolbar-bottom-border">
 
     <div class="wkt-archive-label"><oj-bind-text value="[[archiveLabel]]"></oj-bind-text></div>
@@ -27,7 +27,7 @@
                 data="[[archiveDataProvider]]"
                 selection-mode="single"
                 on-selected-changed="[[selectionChanged]]"
-                aria-label="Tree View with JSON Data">
+                :aria-label="[[labelMapper('tree-view-aria-label')]]">
     <template slot="itemTemplate" data-oj-as="row">
       <span class="oj-treeview-item-icon"></span>
       <span class="oj-treeview-item-text">

webui/src/js/views/model-properties-view.html

@@ -4,7 +4,7 @@
  -->
 <oj-table id="properties-table"
           class="wkt-model-properties-table"
-          aria-label="Editable Properties Table"
+          :aria-label="[[labelMapper('table-aria-label')]]"
           data="[[propertiesDataProvider]]"
           edit-mode="rowEdit"
           display="grid"

webui/src/js/views/project-settings-page.html

@@ -11,7 +11,7 @@ <h6 class="wkt-subheading"><oj-bind-text value="[[labelMapper('mac-environment-q
       <div class="wkt-table-button-grid">
         <oj-table id="extra-path-directories-table"
                   class="wkt-paths-table"
-                  aria-label="Extra Path Directories Table"
+                  :aria-label="[[labelMapper('mac-path-table-aria-label')]]"
                   data="[[extraPathDirectoriesDataProvider]]"
                   display="grid"
                   layout="fixed"
@@ -71,7 +71,7 @@ <h6 class="wkt-subheading"><oj-bind-text value="[[labelMapper('mac-environment-q
 
         <oj-table id="extra-environment-variables-table"
                   class="wkt-env-vars-table"
-                  aria-label="Extra Environment Variables Table"
+                  :aria-label="[[labelMapper('mac-env-var-table-aria-label')]]"
                   data="[[extraEnvironmentVariablesDataProvider]]"
                   display="grid"
                   layout="fixed"

webui/src/js/views/quickstart-dialog.html

@@ -12,7 +12,7 @@
                      class="wkt-quickstart-filmstrip"
                      arrow-placement="adjacent"
                      arrow-visibility="auto"
-                     aria-label="WebLogic Kubernetes Toolkit UI Tutorial"
+                     :aria-label="[[labelMapper('filmstrip-aria-label')]]"
                      max-items-per-page="1">
         <oj-bind-for-each data="[[quickstartPagesConfig]]">
           <template>

webui/src/js/views/route-edit-dialog.html

@@ -79,7 +79,7 @@ <h6 class="wkt-subheading">
         <oj-bind-text value="[[labelMapper('route-annotations-table-title')]]"></oj-bind-text>
       </h6>
       <oj-table class="wkt-model-properties-table"
-                aria-label="Ingress Routes Table"
+                :aria-label="[[labelMapper('route-annotations-table-aria-label')]]"
                 data="[[annotationsProvider]]"
                 edit-mode="rowEdit"
                 columns='[[annotationColumns]]'>