Revision 57697
Added by Konstantinos Triantafyllou over 4 years ago
| topic.component.html | ||
|---|---|---|
| 21 | 21 |
</a> |
| 22 | 22 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0;" #editTopic |
| 23 | 23 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
| 24 |
<div *ngIf="topic"> |
|
| 24 |
<div *ngIf="topicFb">
|
|
| 25 | 25 |
<div class="md-card"> |
| 26 | 26 |
<div class="md-card-content uk-position-relative"> |
| 27 | 27 |
<a class="uk-position-top-right"> |
| 28 | 28 |
<i (click)="hide(editTopic)" class="material-icons">close</i> |
| 29 | 29 |
</a> |
| 30 |
<div class="uk-grid-small" uk-grid> |
|
| 30 |
<div class="uk-grid-small" uk-grid [formGroup]="topicFb">
|
|
| 31 | 31 |
<div class="uk-width-1-1"> |
| 32 | 32 |
<label class="uk-text-bold">Topic Settings</label> |
| 33 |
<input class="uk-input uk-form-small" [(ngModel)]="topic.name" |
|
| 34 |
[class.uk-form-danger]="!valid && !topic.name" type="text"> |
|
| 33 |
<input class="uk-input uk-form-small" formControlName="name" |
|
| 34 |
[class.uk-form-danger]="topicFb.get('name').dirty && topicFb.get('name').invalid"
|
|
| 35 |
type="text"> |
|
| 35 | 36 |
</div> |
| 36 | 37 |
<div class="uk-width-1-1"> |
| 37 | 38 |
<label>Description</label> |
| 38 |
<textarea class="uk-textarea" [(ngModel)]="topic.description"
|
|
| 39 |
<textarea class="uk-textarea" formControlName="description"
|
|
| 39 | 40 |
rows="3" type="text"></textarea> |
| 40 | 41 |
</div> |
| 41 | 42 |
<div class="uk-width-1-2"> |
| 42 |
<select class="uk-select uk-form-small" [(ngModel)]="topic.isPublic">
|
|
| 43 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
| 43 | 44 |
<option [value]="true">Public</option> |
| 44 | 45 |
<option [value]="false">Private</option> |
| 45 | 46 |
</select> |
| 46 | 47 |
</div> |
| 47 | 48 |
<div class="uk-width-1-2"> |
| 48 |
<select class="uk-select uk-form-small" [(ngModel)]="topic.isActive">
|
|
| 49 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
| 49 | 50 |
<option [value]="true">Active</option> |
| 50 | 51 |
<option [value]="false">Inactive</option> |
| 51 | 52 |
</select> |
| ... | ... | |
| 54 | 55 |
<hr> |
| 55 | 56 |
<div class="uk-grid-small uk-child-width-1-2" uk-grid> |
| 56 | 57 |
<div> |
| 57 |
<button class="md-btn md-btn-small" (click)="deleteTopicOpen(topic.name, editTopic)">Delete</button> |
|
| 58 |
<button class="md-btn md-btn-small" |
|
| 59 |
(click)="deleteTopicOpen(topicFb.value.name, editTopic)">Delete</button> |
|
| 58 | 60 |
</div> |
| 59 | 61 |
<div> |
| 60 | 62 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" |
| 63 |
[class.md-btn-primary]="topicFb.valid && topicFb.dirty" |
|
| 64 |
[class.disabled]="topicFb.invalid || !topicFb.dirty" |
|
| 61 | 65 |
(click)="saveTopic(editTopic)">Save |
| 62 | 66 |
</button> |
| 63 | 67 |
</div> |
| ... | ... | |
| 85 | 89 |
</a> |
| 86 | 90 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0;" #editCategory |
| 87 | 91 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
| 88 |
<div *ngIf="copyCategory">
|
|
| 92 |
<div *ngIf="categoryFb">
|
|
| 89 | 93 |
<div class="md-card"> |
| 90 | 94 |
<div class="md-card-content uk-position-relative"> |
| 91 | 95 |
<a class="uk-position-top-right"> |
| 92 | 96 |
<i (click)="hide(editCategory)" class="material-icons">close</i> |
| 93 | 97 |
</a> |
| 94 |
<div class="uk-grid-small" uk-grid> |
|
| 98 |
<div class="uk-grid-small" uk-grid [formGroup]="categoryFb">
|
|
| 95 | 99 |
<div class="uk-width-1-1"> |
| 96 | 100 |
<label class="uk-text-bold">Category Settings</label> |
| 97 |
<input class="uk-input uk-form-small" |
|
| 98 |
[(ngModel)]="copyCategory.name"
|
|
| 99 |
[class.uk-form-danger]="!valid && !copyCategory.name" type="text">
|
|
| 101 |
<input class="uk-input uk-form-small" formControlName="name"
|
|
| 102 |
[class.uk-form-danger]="categoryFb.get('name').dirty && categoryFb.get('name').invalid"
|
|
| 103 |
type="text"> |
|
| 100 | 104 |
</div> |
| 101 | 105 |
<div class="uk-width-1-2"> |
| 102 |
<select class="uk-select uk-form-small" [(ngModel)]="copyCategory.isPublic">
|
|
| 106 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
| 103 | 107 |
<option [value]="true">Public</option> |
| 104 | 108 |
<option [value]="false">Private</option> |
| 105 | 109 |
</select> |
| 106 | 110 |
</div> |
| 107 | 111 |
<div class="uk-width-1-2"> |
| 108 |
<select class="uk-select uk-form-small" [(ngModel)]="copyCategory.isActive">
|
|
| 112 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
| 109 | 113 |
<option [value]="true">Active</option> |
| 110 | 114 |
<option [value]="false">Inactive</option> |
| 111 | 115 |
</select> |
| ... | ... | |
| 115 | 119 |
<div class="uk-grid-small uk-child-width-1-2" uk-grid> |
| 116 | 120 |
<div> |
| 117 | 121 |
<button class="md-btn md-btn-small" |
| 118 |
(click)="deleteCategoryOpen(copyCategory.name, editCategory, i)">Delete
|
|
| 122 |
(click)="deleteCategoryOpen(categoryFb.value.name, editCategory, i)">Delete
|
|
| 119 | 123 |
</button> |
| 120 | 124 |
</div> |
| 121 | 125 |
<div> |
| 122 | 126 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" |
| 127 |
[class.md-btn-primary]="categoryFb.valid && categoryFb.dirty" |
|
| 128 |
[class.disabled]="categoryFb.invalid || !categoryFb.dirty" |
|
| 123 | 129 |
(click)="saveCategory(editCategory, i)">Save |
| 124 | 130 |
</button> |
| 125 | 131 |
</div> |
| ... | ... | |
| 145 | 151 |
</a> |
| 146 | 152 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0" #editSubCategory |
| 147 | 153 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
| 148 |
<div *ngIf="copySubCategory">
|
|
| 154 |
<div *ngIf="subcategoryFb">
|
|
| 149 | 155 |
<div class="md-card"> |
| 150 | 156 |
<div class="md-card-content uk-position-relative"> |
| 151 | 157 |
<a class="uk-position-top-right"> |
| 152 | 158 |
<i (click)="hide(editSubCategory)" class="material-icons">close</i> |
| 153 | 159 |
</a> |
| 154 |
<div class="uk-grid-small" uk-grid> |
|
| 160 |
<div class="uk-grid-small" uk-grid [formGroup]="subcategoryFb">
|
|
| 155 | 161 |
<div class="uk-width-1-1"> |
| 156 | 162 |
<label class="uk-text-bold">Subcategory Settings</label> |
| 157 |
<input class="uk-input uk-form-small" [(ngModel)]="copySubCategory.name" |
|
| 158 |
[class.uk-form-danger]="!valid && !copySubCategory.name" type="text"> |
|
| 163 |
<input class="uk-input uk-form-small" formControlName="name" |
|
| 164 |
[class.uk-form-danger]="subcategoryFb.get('name').dirty && subcategoryFb.get('name').invalid"
|
|
| 165 |
type="text"> |
|
| 159 | 166 |
</div> |
| 160 | 167 |
<div class="uk-width-1-2"> |
| 161 |
<select class="uk-select uk-form-small" [(ngModel)]="copySubCategory.isPublic">
|
|
| 168 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
| 162 | 169 |
<option [value]="true">Public</option> |
| 163 | 170 |
<option [value]="false">Private</option> |
| 164 | 171 |
</select> |
| 165 | 172 |
</div> |
| 166 | 173 |
<div class="uk-width-1-2"> |
| 167 |
<select class="uk-select uk-form-small" [(ngModel)]="copySubCategory.isActive">
|
|
| 174 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
| 168 | 175 |
<option [value]="true">Active</option> |
| 169 | 176 |
<option [value]="false">Inactive</option> |
| 170 | 177 |
</select> |
| ... | ... | |
| 174 | 181 |
<div class="uk-grid-small uk-child-width-1-2" uk-grid> |
| 175 | 182 |
<div> |
| 176 | 183 |
<button class="md-btn md-btn-small" |
| 177 |
(click)="deleteSubcategoryOpen(copySubCategory.name, editSubCategory, j)">Delete
|
|
| 184 |
(click)="deleteSubcategoryOpen(subcategoryFb.value.name, editSubCategory, j)">Delete
|
|
| 178 | 185 |
</button> |
| 179 | 186 |
</div> |
| 180 | 187 |
<div> |
| 181 | 188 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" |
| 189 |
[class.md-btn-primary]="subcategoryFb.valid && subcategoryFb.dirty" |
|
| 190 |
[class.disabled]="subcategoryFb.invalid || !subcategoryFb.dirty" |
|
| 182 | 191 |
(click)="saveSubCategory(editSubCategory, j)">Save |
| 183 | 192 |
</button> |
| 184 | 193 |
</div> |
| ... | ... | |
| 196 | 205 |
</a> |
| 197 | 206 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0" #newSubCategory |
| 198 | 207 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
| 199 |
<div *ngIf="copySubCategory">
|
|
| 208 |
<div *ngIf="subcategoryFb">
|
|
| 200 | 209 |
<div class="md-card"> |
| 201 | 210 |
<div class="md-card-content uk-position-relative"> |
| 202 | 211 |
<a class="uk-position-top-right"> |
| 203 | 212 |
<i (click)="hide(newSubCategory)" class="material-icons">close</i> |
| 204 | 213 |
</a> |
| 205 |
<div class="uk-grid-small" uk-grid> |
|
| 214 |
<div class="uk-grid-small" uk-grid [formGroup]="subcategoryFb">
|
|
| 206 | 215 |
<div class="uk-width-1-1"> |
| 207 | 216 |
<label class="uk-text-bold">New Subcategory</label> |
| 208 |
<input class="uk-input uk-form-small" [(ngModel)]="copySubCategory.name" |
|
| 209 |
[class.uk-form-danger]="!valid && !copySubCategory.name" type="text"> |
|
| 217 |
<input class="uk-input uk-form-small" formControlName="name" |
|
| 218 |
[class.uk-form-danger]="subcategoryFb.get('name').dirty && subcategoryFb.get('name').invalid"
|
|
| 219 |
type="text"> |
|
| 210 | 220 |
</div> |
| 211 | 221 |
<div class="uk-width-1-2"> |
| 212 |
<select class="uk-select uk-form-small" [(ngModel)]="copySubCategory.isPublic">
|
|
| 222 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
| 213 | 223 |
<option [value]="true">Public</option> |
| 214 | 224 |
<option [value]="false">Private</option> |
| 215 | 225 |
</select> |
| 216 | 226 |
</div> |
| 217 | 227 |
<div class="uk-width-1-2"> |
| 218 |
<select class="uk-select uk-form-small" [(ngModel)]="copySubCategory.isActive">
|
|
| 228 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
| 219 | 229 |
<option [value]="true">Active</option> |
| 220 | 230 |
<option [value]="false">Inactive</option> |
| 221 | 231 |
</select> |
| ... | ... | |
| 228 | 238 |
</div> |
| 229 | 239 |
<div> |
| 230 | 240 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" |
| 241 |
[class.md-btn-primary]="subcategoryFb.valid && subcategoryFb.dirty" |
|
| 242 |
[class.disabled]="subcategoryFb.invalid || !subcategoryFb.dirty" |
|
| 231 | 243 |
(click)="saveSubCategory(newSubCategory)">Create |
| 232 | 244 |
</button> |
| 233 | 245 |
</div> |
| ... | ... | |
| 247 | 259 |
</a> |
| 248 | 260 |
<div uk-drop="mode: none; offset: -2; delay-hide: 0" #newCategory |
| 249 | 261 |
class="uk-padding-large uk-padding-remove-vertical uk-padding-remove-right uk-drop"> |
| 250 |
<div *ngIf="copyCategory">
|
|
| 262 |
<div *ngIf="categoryFb">
|
|
| 251 | 263 |
<div class="md-card"> |
| 252 | 264 |
<div class="md-card-content uk-position-relative"> |
| 253 | 265 |
<a class="uk-position-top-right"> |
| 254 | 266 |
<i (click)="hide(newCategory)" class="material-icons">close</i> |
| 255 | 267 |
</a> |
| 256 |
<div class="uk-grid-small" uk-grid> |
|
| 268 |
<div class="uk-grid-small" uk-grid [formGroup]="categoryFb">
|
|
| 257 | 269 |
<div class="uk-width-1-1"> |
| 258 | 270 |
<label class="uk-text-bold">New Category</label> |
| 259 |
<input class="uk-input uk-form-small" [(ngModel)]="copyCategory.name" |
|
| 260 |
[class.uk-form-danger]="!valid && !copyCategory.name" type="text"> |
|
| 271 |
<input class="uk-input uk-form-small" formControlName="name" |
|
| 272 |
[class.uk-form-danger]="categoryFb.get('name').dirty && categoryFb.get('name').invalid"
|
|
| 273 |
type="text"> |
|
| 261 | 274 |
</div> |
| 262 | 275 |
<div class="uk-width-1-2"> |
| 263 |
<select class="uk-select uk-form-small" [(ngModel)]="copyCategory.isPublic">
|
|
| 276 |
<select class="uk-select uk-form-small" formControlName="isPublic">
|
|
| 264 | 277 |
<option [value]="true">Public</option> |
| 265 | 278 |
<option [value]="false">Private</option> |
| 266 | 279 |
</select> |
| 267 | 280 |
</div> |
| 268 | 281 |
<div class="uk-width-1-2"> |
| 269 |
<select class="uk-select uk-form-small" [(ngModel)]="copyCategory.isActive">
|
|
| 282 |
<select class="uk-select uk-form-small" formControlName="isActive">
|
|
| 270 | 283 |
<option [value]="true">Active</option> |
| 271 | 284 |
<option [value]="false">Inactive</option> |
| 272 | 285 |
</select> |
| ... | ... | |
| 279 | 292 |
</div> |
| 280 | 293 |
<div> |
| 281 | 294 |
<button class="md-btn md-btn-small md-btn-primary uk-float-right" |
| 295 |
[class.md-btn-primary]="categoryFb.valid && categoryFb.dirty" |
|
| 296 |
[class.disabled]="categoryFb.invalid || !categoryFb.dirty" |
|
| 282 | 297 |
(click)="saveCategory(newCategory)">Create |
| 283 | 298 |
</button> |
| 284 | 299 |
</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