Revision 57697
Added by Konstantinos Triantafyllou over 4 years ago
home.component.html | ||
---|---|---|
31 | 31 |
</a> |
32 | 32 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0;" #editTopic |
33 | 33 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
34 |
<div *ngIf="copyTopic">
|
|
34 |
<div *ngIf="topicFb">
|
|
35 | 35 |
<div class="md-card"> |
36 | 36 |
<div class="md-card-content uk-position-relative"> |
37 | 37 |
<a class="uk-position-top-right"> |
38 | 38 |
<i (click)="hide(editTopic)" class="material-icons">close</i> |
39 | 39 |
</a> |
40 |
<div class="uk-grid-small" uk-grid> |
|
40 |
<div class="uk-grid-small" uk-grid [formGroup]="topicFb">
|
|
41 | 41 |
<div class="uk-width-1-1"> |
42 | 42 |
<label class="uk-text-bold">Topic Settings</label> |
43 |
<input class="uk-input uk-form-small" [(ngModel)]="copyTopic.name"
|
|
44 |
[class.uk-form-danger]="!valid && !copyTopic.name"
|
|
43 |
<input class="uk-input uk-form-small" formControlName="name"
|
|
44 |
[class.uk-form-danger]="topicFb.get('name').dirty && topicFb.get('name').invalid"
|
|
45 | 45 |
type="text"> |
46 | 46 |
</div> |
47 | 47 |
<div class="uk-width-1-1"> |
48 | 48 |
<label>Description</label> |
49 |
<textarea class="uk-textarea" [(ngModel)]="copyTopic.description"
|
|
49 |
<textarea class="uk-textarea" formControlName="description"
|
|
50 | 50 |
rows="3" type="text"></textarea> |
51 | 51 |
</div> |
52 | 52 |
<div class="uk-width-1-2"> |
53 |
<select class="uk-select uk-form-small" [(ngModel)]="copyTopic.isPublic">
|
|
53 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
54 | 54 |
<option [value]="true">Public</option> |
55 | 55 |
<option [value]="false">Private</option> |
56 | 56 |
</select> |
57 | 57 |
</div> |
58 | 58 |
<div class="uk-width-1-2"> |
59 |
<select class="uk-select uk-form-small" [(ngModel)]="copyTopic.isActive">
|
|
59 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
60 | 60 |
<option [value]="true">Active</option> |
61 | 61 |
<option [value]="false">Inactive</option> |
62 | 62 |
</select> |
... | ... | |
65 | 65 |
<hr> |
66 | 66 |
<div class="uk-grid-small uk-child-width-1-2" uk-grid> |
67 | 67 |
<div> |
68 |
<button class="md-btn md-btn-small" (click)="deleteTopicOpen(copyTopic.name, editTopic, i)">Delete</button> |
|
68 |
<button class="md-btn md-btn-small" |
|
69 |
(click)="deleteTopicOpen(this.topicFb.value.name, editTopic, i)">Delete</button> |
|
69 | 70 |
</div> |
70 | 71 |
<div> |
71 | 72 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" |
73 |
[class.md-btn-primary]="topicFb.valid && topicFb.dirty" |
|
74 |
[class.disabled]="topicFb.invalid || !topicFb.dirty" |
|
72 | 75 |
(click)="saveTopic(editTopic, i)">Save |
73 | 76 |
</button> |
74 | 77 |
</div> |
... | ... | |
86 | 89 |
</a> |
87 | 90 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0" #newTopic |
88 | 91 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
89 |
<div *ngIf="copyTopic">
|
|
92 |
<div *ngIf="topicFb">
|
|
90 | 93 |
<div class="md-card"> |
91 | 94 |
<div class="md-card-content uk-position-relative"> |
92 | 95 |
<a class="uk-position-top-right"> |
93 | 96 |
<i (click)="hide(newTopic)" class="material-icons">close</i> |
94 | 97 |
</a> |
95 |
<div class="uk-grid-small" uk-grid> |
|
98 |
<div class="uk-grid-small" uk-grid [formGroup]="topicFb">
|
|
96 | 99 |
<div class="uk-width-1-1"> |
97 | 100 |
<label class="uk-text-bold">New Topic</label> |
98 |
<input class="uk-input uk-form-small" [(ngModel)]="copyTopic.name"
|
|
99 |
[class.uk-form-danger]="!valid && !copyTopic.name"
|
|
101 |
<input class="uk-input uk-form-small" formControlName="name"
|
|
102 |
[class.uk-form-danger]="topicFb.get('name').dirty && topicFb.get('name').invalid"
|
|
100 | 103 |
type="text"> |
101 | 104 |
</div> |
102 | 105 |
<div class="uk-width-1-1"> |
103 | 106 |
<label>Description</label> |
104 |
<textarea class="uk-textarea" [(ngModel)]="copyTopic.description"
|
|
107 |
<textarea class="uk-textarea" formControlName="description"
|
|
105 | 108 |
rows="3" type="text"></textarea> |
106 | 109 |
</div> |
107 | 110 |
<div class="uk-width-1-2"> |
108 |
<select class="uk-select uk-form-small" [(ngModel)]="copyTopic.isPublic">
|
|
111 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
109 | 112 |
<option [value]="true">Public</option> |
110 | 113 |
<option [value]="false">Private</option> |
111 | 114 |
</select> |
112 | 115 |
</div> |
113 | 116 |
<div class="uk-width-1-2"> |
114 |
<select class="uk-select uk-form-small" [(ngModel)]="copyTopic.isActive">
|
|
117 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
115 | 118 |
<option [value]="true">Active</option> |
116 | 119 |
<option [value]="false">Inactive</option> |
117 | 120 |
</select> |
... | ... | |
123 | 126 |
<button class="md-btn md-btn-small" (click)="hide(newTopic)">Cancel</button> |
124 | 127 |
</div> |
125 | 128 |
<div> |
126 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" (click)="saveTopic(newTopic)"> |
|
129 |
<button class="md-btn md-btn-small uk-float-right" |
|
130 |
[class.md-btn-primary]="topicFb.valid && topicFb.dirty" |
|
131 |
[class.disabled]="topicFb.invalid || !topicFb.dirty" |
|
132 |
(click)="saveTopic(newTopic)"> |
|
127 | 133 |
Create |
128 | 134 |
</button> |
129 | 135 |
</div> |
Also available in: Unified diff
[Monitor Dashboard]: 1. Change inputs to materials. 2. Add fonts. 3. Add uikit.js on index 4. Add reorder functionality on indicators. 5. Fix height of header to 70px