Project

General

Profile

« Previous | Next » 

Revision 57697

[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

View differences:

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