mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-17 02:51:36 -05:00
Adding ability to set hyperlinks as buttons in extensibility. (#16319)
* Adding option to treat hyperlinks as buttons * Adding ext host endpoints for is button property in hyperlinks * Removing isButton flag and plugging in aria role in the hyperlink component * Removing attribute null check
This commit is contained in:
@@ -566,6 +566,7 @@ export class DashboardWidget {
|
|||||||
const refreshButton = view.modelBuilder.hyperlink().withProps({
|
const refreshButton = view.modelBuilder.hyperlink().withProps({
|
||||||
label: loc.REFRESH,
|
label: loc.REFRESH,
|
||||||
url: '',
|
url: '',
|
||||||
|
ariaRole: 'button',
|
||||||
CSSStyles: {
|
CSSStyles: {
|
||||||
'text-align': 'right',
|
'text-align': 'right',
|
||||||
'font-size': '13px'
|
'font-size': '13px'
|
||||||
|
|||||||
@@ -21,7 +21,7 @@ import { ILogService } from 'vs/platform/log/common/log';
|
|||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'modelview-hyperlink',
|
selector: 'modelview-hyperlink',
|
||||||
template: `<a [href]="url" [title]="title" [attr.aria-label]="ariaLabel" target="blank" [ngStyle]="CSSStyles" [class]="cssClass">{{label}}</a>`
|
template: `<a [href]="url" [title]="title" [attr.aria-label]="ariaLabel" [attr.role]="ariaRole" target="blank" [ngStyle]="CSSStyles" [class]="cssClass">{{label}}</a>`
|
||||||
})
|
})
|
||||||
export default class HyperlinkComponent extends TitledComponent<azdata.HyperlinkComponentProperties> implements IComponent, OnDestroy, AfterViewInit {
|
export default class HyperlinkComponent extends TitledComponent<azdata.HyperlinkComponentProperties> implements IComponent, OnDestroy, AfterViewInit {
|
||||||
@Input() descriptor: IComponentDescriptor;
|
@Input() descriptor: IComponentDescriptor;
|
||||||
|
|||||||
Reference in New Issue
Block a user