uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refactor: UHK Message component

Browse Source
This commit is contained in:
József Farkas
2017-02-27 19:03:26 +01:00
parent 9fcbac808b
commit d1dd80eaa8
7 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
electron/src/components/uhk-message/index.ts Normal file
View File

@@ -0,0 +1 @@
export * from './uhk-message.component';

7
electron/src/components/uhk-message/uhk-message.component.html Normal file
View File

@@ -0,0 +1,7 @@
<span class="uhk-message-wrapper">
<img class="agent-logo" src="images/agent-icon.png"/>
<div class="messages">
<h1> {{ title }} </h1>
<h2> {{ subtitle }} </h2>
</div>
</span>

19
electron/src/components/uhk-message/uhk-message.component.scss Normal file
View File

@@ -0,0 +1,19 @@
.uhk-message-wrapper {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.agent-logo {
padding: 2em;
}
.message {
display: flex;
flex-direction: column;
> h2 {
margin-top: 10px;
}
}

12
electron/src/components/uhk-message/uhk-message.component.ts Normal file
View File

@@ -0,0 +1,12 @@
import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
@Component({
selector: 'uhk-message',
templateUrl: 'uhk-message.component.html',
styleUrls: ['uhk-message.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class UhkMessageComponent {
@Input() title: string;
@Input() subtitle: string;
}