ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-01 17:23:35 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add aria labels to buttons and spin inputs on Arc dashboards (#15798)

Browse Source
This commit is contained in:
Charles Gagnon
2021-06-17 19:38:27 -07:00
committed by GitHub
parent df296939a8
commit efd752aafe
4 changed files with 45 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
extensions/arc/src/ui/dashboards/postgres/postgresComputeAndStoragePage.ts
View File

@@ -247,7 +247,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
min: 0,
inputType: 'number',
placeHolder: loc.loading,
required: true
required: true,
ariaLabel: loc.workerNodeCount
}).component();
this.disposables.push(
@@ -265,7 +266,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 1,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.workerCoresRequest
}).component();
this.disposables.push(
@@ -285,7 +287,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 1,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.workerCoresLimit
}).component();
this.disposables.push(
@@ -305,7 +308,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 0.25,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.workerMemoryRequest
}).component();
this.disposables.push(
@@ -325,7 +329,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 0.25,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.workerMemoryLimit
}).component();
this.disposables.push(
@@ -345,7 +350,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 1,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.coordinatorCoresRequest
}).component();
this.disposables.push(
@@ -365,7 +371,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 1,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.coordinatorCoresLimit
}).component();
this.disposables.push(
@@ -385,7 +392,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 0.25,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.coordinatorMemoryRequest
}).component();
this.disposables.push(
@@ -405,7 +413,8 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
readOnly: false,
min: 0.25,
inputType: 'number',
placeHolder: loc.loading
placeHolder: loc.loading,
ariaLabel: loc.coordinatorMemoryLimit
}).component();
this.disposables.push(
@@ -499,7 +508,7 @@ export class PostgresComputeAndStoragePage extends DashboardPage {
}).component();
const keyComponent = this.modelView.modelBuilder.text().withProps({
value: key,
value: `${key} :`,
CSSStyles: { ...cssStyles.text, 'margin-block-start': '0px', 'margin-block-end': '0px' }
}).component();