fix(app): Rename the title property of the uhk-message component (#460)
Renaming eliminate the default behaviour of the title attribute of the HTML elements.
This commit is contained in:
committed by
László Monda
parent
f7cdbbb5e0
commit
041d4debb6
@@ -1 +1 @@
|
|||||||
<uhk-message title="Cannot find your UHK" subtitle="Please plug it in!"></uhk-message>
|
<uhk-message header="Cannot find your UHK" subtitle="Please plug it in!"></uhk-message>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<span class="privilege-checker-wrapper">
|
<span class="privilege-checker-wrapper">
|
||||||
<uhk-message title="Cannot talk to your UHK" subtitle="Your UHK has been detected, but its permissions are not set up yet, so Agent can't talk to it."></uhk-message>
|
<uhk-message header="Cannot talk to your UHK" subtitle="Your UHK has been detected, but its permissions are not set up yet, so Agent can't talk to it."></uhk-message>
|
||||||
<button class="btn btn-default btn-lg btn-primary" (click)="setUpPermissions()"> Set up permissions </button>
|
<button class="btn btn-default btn-lg btn-primary" (click)="setUpPermissions()"> Set up permissions </button>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
[ngClass]="{'spin-logo': rotateLogo}"
|
[ngClass]="{'spin-logo': rotateLogo}"
|
||||||
src="assets/images/agent-icon.png"/>
|
src="assets/images/agent-icon.png"/>
|
||||||
<div class="messages">
|
<div class="messages">
|
||||||
<h1> {{ title }} </h1>
|
<h1> {{ header }} </h1>
|
||||||
<h2> {{ subtitle }} </h2>
|
<h2> {{ subtitle }} </h2>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
|
|||||||
changeDetection: ChangeDetectionStrategy.OnPush
|
changeDetection: ChangeDetectionStrategy.OnPush
|
||||||
})
|
})
|
||||||
export class UhkMessageComponent {
|
export class UhkMessageComponent {
|
||||||
@Input() title: string;
|
@Input() header: string;
|
||||||
@Input() subtitle: string;
|
@Input() subtitle: string;
|
||||||
@Input() rotateLogo = false;
|
@Input() rotateLogo = false;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'loading-device',
|
selector: 'loading-device',
|
||||||
template: `
|
template: `
|
||||||
<uhk-message title="Loading keyboard configuration..."
|
<uhk-message header="Loading keyboard configuration..."
|
||||||
subtitle="Hang tight!"
|
subtitle="Hang tight!"
|
||||||
[rotateLogo]="true"></uhk-message>
|
[rotateLogo]="true"></uhk-message>
|
||||||
`
|
`
|
||||||
|
|||||||
Reference in New Issue
Block a user