Strata/Hosts - UI: View btn (#407)

* view button aria label hosts * aria label for dashboard view btn strata
bcgov · Dec 18, 2024 · 86b4fb2 · 86b4fb2
1 parent 66dc5b9
commit 86b4fb2
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 4 deletions.
diff --git a/strr-host-pm-web/app/locales/en-CA.ts b/strr-host-pm-web/app/locales/en-CA.ts
@@ -229,7 +229,8 @@ export default {
     contWithReg: 'Continue with Registration',
     showDetails: 'Show Details',
     hideDetails: 'Hide Details',
-    returnToStep: 'Return to the step to finish it'
+    returnToStep: 'Return to the step to finish it',
+    ariaViewDetails: 'View details for property: {name}, {address}'
   },
   error: {
     createAccount: {

diff --git a/strr-host-pm-web/app/pages/dashboard/index.vue b/strr-host-pm-web/app/pages/dashboard/index.vue
@@ -178,6 +178,15 @@ async function handleItemSelect (row: any) {
           <template #actions-data="{ row }">
             <UButton
               :label="$t('btn.view')"
+              :aria-label="
+                $t('btn.ariaViewDetails', {
+                  name: row.name,
+                  address: `${row.address.unitNumber
+                    ? row.address.unitNumber + '-'
+                    : ''}${row.address.streetNumber} ${row.address.streetName}, ${row.address.city}`
+                })
+              "
+              :block="true"
               @click="handleItemSelect(row)"
             />
           </template>

diff --git a/strr-host-pm-web/package.json b/strr-host-pm-web/package.json
@@ -2,7 +2,7 @@
   "name": "strr-host-pm-web",
   "private": true,
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "scripts": {
     "build-check": "nuxt build",
     "build": "nuxt generate",

diff --git a/strr-strata-web/app/locales/en-CA.ts b/strr-strata-web/app/locales/en-CA.ts
@@ -87,7 +87,8 @@ export default {
   },
   btn: {
     addStrataHotel: 'Add a strata-titled hotel or motel',
-    view: 'View'
+    view: 'View',
+    ariaViewDetails: 'View details for property: {name}`'
   },
   label: {
     strataName: 'Strata Name',

diff --git a/strr-strata-web/app/pages/strata-hotel/dashboard/index.vue b/strr-strata-web/app/pages/strata-hotel/dashboard/index.vue
@@ -163,6 +163,8 @@ async function handleItemSelect (row: any) {
           <template #actions-data="{ row }">
             <UButton
               :label="$t('btn.view')"
+              :aria-label="$t('btn.ariaViewDetails', { name: row.strataName })"
+              :block="true"
               @click="handleItemSelect(row)"
             />
           </template>

diff --git a/strr-strata-web/package.json b/strr-strata-web/package.json
@@ -2,7 +2,7 @@
   "name": "strr-strata-web",
   "private": true,
   "type": "module",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "scripts": {
     "build-check": "nuxt build",
     "build": "nuxt generate",