@stratusjs/angular 0.10.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/angular.bundle.js +89519 -89479
  2. package/dist/angular.bundle.min.js +1 -1
  3. package/package.json +3 -4
  4. package/src/angular.module.js +155 -0
  5. package/src/angular.module.js.map +1 -0
  6. package/src/angular.module.min.js +1 -0
  7. package/src/angular.module.ts +114 -0
  8. package/src/app.module.js +7 -116
  9. package/src/app.module.js.map +1 -1
  10. package/src/app.module.min.js +1 -1
  11. package/src/app.module.ts +8 -113
  12. package/src/base/base.component.js +1 -1
  13. package/src/base/base.component.js.map +1 -1
  14. package/src/base/base.component.min.js +1 -1
  15. package/src/base/base.component.ts +1 -1
  16. package/src/confirm-dialog/confirm-dialog.component.js +1 -1
  17. package/src/confirm-dialog/confirm-dialog.component.js.map +1 -1
  18. package/src/confirm-dialog/confirm-dialog.component.min.js +1 -1
  19. package/src/confirm-dialog/confirm-dialog.component.ts +1 -1
  20. package/src/editor/citation-dialog.component.css +2 -1
  21. package/src/editor/citation-dialog.component.css.map +1 -1
  22. package/src/editor/citation-dialog.component.js +1 -1
  23. package/src/editor/citation-dialog.component.js.map +1 -1
  24. package/src/editor/citation-dialog.component.min.css +1 -1
  25. package/src/editor/citation-dialog.component.min.js +1 -1
  26. package/src/editor/citation-dialog.component.scss +2 -1
  27. package/src/editor/citation-dialog.component.ts +1 -1
  28. package/src/editor/code-view-dialog.component.js +1 -1
  29. package/src/editor/code-view-dialog.component.js.map +1 -1
  30. package/src/editor/code-view-dialog.component.min.js +1 -1
  31. package/src/editor/code-view-dialog.component.ts +1 -1
  32. package/src/editor/editor.component.js +7 -3
  33. package/src/editor/editor.component.js.map +1 -1
  34. package/src/editor/editor.component.min.js +1 -1
  35. package/src/editor/editor.component.ts +12 -6
  36. package/src/editor/link-dialog.component.js +1 -1
  37. package/src/editor/link-dialog.component.js.map +1 -1
  38. package/src/editor/link-dialog.component.min.js +1 -1
  39. package/src/editor/link-dialog.component.ts +1 -1
  40. package/src/editor/media-dialog.component.js +1 -1
  41. package/src/editor/media-dialog.component.js.map +1 -1
  42. package/src/editor/media-dialog.component.min.js +1 -1
  43. package/src/editor/media-dialog.component.ts +1 -1
  44. package/src/{material.js → material.module.js} +1 -1
  45. package/src/material.module.js.map +1 -0
  46. package/src/media-selector/media-selector.component.css +12 -0
  47. package/src/media-selector/media-selector.component.css.map +1 -1
  48. package/src/media-selector/media-selector.component.js +1 -1
  49. package/src/media-selector/media-selector.component.js.map +1 -1
  50. package/src/media-selector/media-selector.component.min.css +1 -1
  51. package/src/media-selector/media-selector.component.min.js +1 -1
  52. package/src/media-selector/media-selector.component.scss +2 -0
  53. package/src/media-selector/media-selector.component.ts +1 -1
  54. package/src/selector/selector-autocomplete.component.html +4 -4
  55. package/src/selector/selector-autocomplete.component.min.html +1 -1
  56. package/src/selector/selector.component.css +60 -19
  57. package/src/selector/selector.component.css.map +1 -1
  58. package/src/selector/selector.component.html +12 -12
  59. package/src/selector/selector.component.js +12 -2
  60. package/src/selector/selector.component.js.map +1 -1
  61. package/src/selector/selector.component.min.css +1 -1
  62. package/src/selector/selector.component.min.html +1 -1
  63. package/src/selector/selector.component.min.js +1 -1
  64. package/src/selector/selector.component.scss +6 -2
  65. package/src/selector/selector.component.ts +13 -1
  66. package/src/test/test.directive.js +1 -1
  67. package/src/test/test.directive.js.map +1 -1
  68. package/src/test/test.directive.min.js +1 -1
  69. package/src/test/test.directive.ts +1 -1
  70. package/src/timezone-selector/timezone-selector.component.js +1 -1
  71. package/src/timezone-selector/timezone-selector.component.js.map +1 -1
  72. package/src/timezone-selector/timezone-selector.component.min.js +1 -1
  73. package/src/timezone-selector/timezone-selector.component.ts +1 -1
  74. package/src/tree/tree-dialog.component.html +293 -210
  75. package/src/tree/tree-dialog.component.js +5 -1
  76. package/src/tree/tree-dialog.component.js.map +1 -1
  77. package/src/tree/tree-dialog.component.min.html +3 -1
  78. package/src/tree/tree-dialog.component.min.js +1 -1
  79. package/src/tree/tree-dialog.component.ts +7 -2
  80. package/src/tree/tree-node.component.html +2 -2
  81. package/src/tree/tree-node.component.js +1 -1
  82. package/src/tree/tree-node.component.js.map +1 -1
  83. package/src/tree/tree-node.component.min.html +1 -1
  84. package/src/tree/tree-node.component.min.js +1 -1
  85. package/src/tree/tree-node.component.ts +1 -1
  86. package/src/tree/tree.component.css +16 -4
  87. package/src/tree/tree.component.css.map +1 -1
  88. package/src/tree/tree.component.html +2 -2
  89. package/src/tree/tree.component.js +3 -3
  90. package/src/tree/tree.component.js.map +1 -1
  91. package/src/tree/tree.component.min.css +1 -1
  92. package/src/tree/tree.component.min.html +1 -1
  93. package/src/tree/tree.component.min.js +1 -1
  94. package/src/tree/tree.component.scss +26 -17
  95. package/src/tree/tree.component.ts +3 -3
  96. package/src/angular.modules.js +0 -35
  97. package/src/angular.modules.js.map +0 -1
  98. package/src/angular.modules.min.js +0 -1
  99. package/src/angular.modules.ts +0 -24
  100. package/src/material.js.map +0 -1
  101. /package/src/{material.min.js → material.module.min.js} +0 -0
  102. /package/src/{material.ts → material.module.ts} +0 -0
package/src/tree/tree-dialog.component.html CHANGED
@@ -8,221 +8,304 @@
8
8
  <div class="tree-dialog-content"
9
9
  *ngIf="isInitialized"
10
10
  mat-dialog-content>
11
- <mat-form-field class="form-field">
12
- <input #nameInput
13
- matInput
14
- type="text"
15
- placeholder="Name"
16
- [(ngModel)]="data.name">
17
- <!--
18
- <a mat-button
19
- mat-icon-button
20
- matSuffix
21
- aria-label="Clear"
22
- *ngIf="data.name"
23
- (click)="data.name=''">
24
- <mat-icon>close</mat-icon>
25
- </a>
26
- -->
27
- </mat-form-field>
28
-
29
- <!-- Target Selector -->
30
- <h4>
31
- <label id="link-type-label">Link Type:</label>
32
- </h4>
33
- <mat-radio-group class="radio-group"
34
- aria-labelledby="link-type-label"
35
- [(ngModel)]="data.target">
36
- <mat-radio-button class="radio-button" value="content">
37
- Website Page
38
- </mat-radio-button>
39
- <mat-radio-button class="radio-button" value="url">
40
- Custom Link
41
- </mat-radio-button>
42
- </mat-radio-group>
43
-
44
- <!-- Target Editor -->
45
- <form class="dialog-form"
46
- [formGroup]='dialogContentForm'>
47
- <ng-container *ngIf="data.target == 'content'">
11
+
12
+ <mat-tab-group (selectedIndexChange)="tabIndexChange($event)">
13
+ <mat-tab label="Main">
14
+
48
15
  <mat-form-field class="form-field">
49
- <input matInput
50
- placeholder="Link Content"
51
- aria-label="Link Content"
52
- [matAutocomplete]="auto"
53
- formControlName='contentSelectorInput'>
16
+ <input #nameInput
17
+ matInput
18
+ type="text"
19
+ placeholder="Name"
20
+ [(ngModel)]="data.name">
21
+ <!--
22
+ <a mat-button
23
+ mat-icon-button
24
+ matSuffix
25
+ aria-label="Clear"
26
+ *ngIf="data.name"
27
+ (click)="data.name=''">
28
+ <mat-icon>close</mat-icon>
29
+ </a>
30
+ -->
54
31
  </mat-form-field>
55
- <mat-autocomplete autoActiveFirstOption
56
- #auto="matAutocomplete"
57
- [displayWith]="displayContentText">
58
- <mat-option *ngIf="isContentLoading" class="is-loading">
59
- <mat-progress-bar mode="indeterminate"></mat-progress-bar>
60
- </mat-option>
61
- <ng-container *ngIf="!isContentLoading">
62
- <!-- TODO: Modify to filteredContentModels|async which should improve responsiveness -->
63
- <mat-option *ngFor="let model of filteredContent"
64
- [value]="model">
65
- <!-- Item image, video or header image -->
66
- <!--
67
- <span class="image position-all"
68
- style="background-size: cover"
69
- *ngIf="model.version.images.length || model.version.shellImages.length"
70
- [style.background]="'url(' + (model.version.images.length ? model.version.images[0].src : model.version.shellImages.length ? model.version.shellImages[0].src : '') + ') no-repeat center center'">
71
- </span>
72
- <span class="image position-all"
73
- style="background-size: cover"
74
- *ngIf="!model.version.images.length && !model.version.shellImages.length && model.version.videos.length"
75
- [style.background]="'url(' + (model.version.videos[0].src) + ') no-repeat center center'">
76
- </span>
77
- -->
78
-
79
- <!-- Icon for items with no image -->
80
- <!-- FIXME: Re-enable the ngIf once the other options above are functional -->
81
- <!--*ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length"-->
82
- <!-- FIXME: The background class makes a weird rectangle that covers the SVG -->
83
- <!--[class]="model.contentType.class + '-background-color'"-->
84
- <!--model.version.meta.backgroundColor-->
85
- <!--
86
- <span class="no-image-icon position-all"
87
- *ngIf="model.contentType.iconResource">
88
- <mat-icon aria-hidden="true"
89
- [svgIcon]="getSvg(Stratus.BaseUrl + model.contentType.iconResourcePath) | async">
90
- Icon
91
- </mat-icon>
92
- </span>
93
- -->
94
-
95
- <!-- Content Type Icon -->
96
- <mat-icon aria-hidden="true"
97
- *ngIf="get(model, 'contentType.iconResourcePath')"
98
- [svgIcon]="getSvg(Stratus.BaseUrl + get(model, 'contentType.iconResourcePath')) | async">
99
- Icon
100
- </mat-icon>
101
-
102
- <!-- Title & Route Display -->
103
- <!--<span [class.selected-item]="isSelected(model)">-->
104
- {{(model && model.version) ? model.version.title : 'Untitled'}}
105
- <small *ngIf="model.routing && model.routing.length">
106
- {{'/' + model.routing[0].url}}
107
- </small>
108
- </mat-option>
32
+
33
+ <!-- Target Selector -->
34
+ <h4>
35
+ <label id="link-type-label">Link Type:</label>
36
+ </h4>
37
+ <mat-radio-group class="radio-group"
38
+ aria-labelledby="link-type-label"
39
+ [(ngModel)]="data.target">
40
+ <mat-radio-button class="radio-button" value="content">
41
+ Website Page
42
+ </mat-radio-button>
43
+ <mat-radio-button class="radio-button" value="url">
44
+ Custom Link
45
+ </mat-radio-button>
46
+ </mat-radio-group>
47
+
48
+ <!-- Target Editor -->
49
+ <form class="dialog-form"
50
+ [formGroup]='dialogContentForm'>
51
+ <ng-container *ngIf="data.target == 'content'">
52
+ <mat-form-field class="form-field">
53
+ <input matInput
54
+ placeholder="Link Content"
55
+ aria-label="Link Content"
56
+ [matAutocomplete]="auto"
57
+ formControlName='contentSelectorInput'>
58
+ </mat-form-field>
59
+ <mat-autocomplete autoActiveFirstOption
60
+ #auto="matAutocomplete"
61
+ [displayWith]="displayContentText">
62
+ <mat-option *ngIf="isContentLoading" class="is-loading">
63
+ <mat-progress-bar mode="indeterminate"></mat-progress-bar>
64
+ </mat-option>
65
+ <ng-container *ngIf="!isContentLoading">
66
+ <!-- TODO: Modify to filteredContentModels|async which should improve responsiveness -->
67
+ <mat-option *ngFor="let model of filteredContent"
68
+ [value]="model">
69
+ <!-- Item image, video or header image -->
70
+ <!--
71
+ <span class="image position-all"
72
+ style="background-size: cover"
73
+ *ngIf="model.version.images.length || model.version.shellImages.length"
74
+ [style.background]="'url(' + (model.version.images.length ? model.version.images[0].src : model.version.shellImages.length ? model.version.shellImages[0].src : '') + ') no-repeat center center'">
75
+ </span>
76
+ <span class="image position-all"
77
+ style="background-size: cover"
78
+ *ngIf="!model.version.images.length && !model.version.shellImages.length && model.version.videos.length"
79
+ [style.background]="'url(' + (model.version.videos[0].src) + ') no-repeat center center'">
80
+ </span>
81
+ -->
82
+
83
+ <!-- Icon for items with no image -->
84
+ <!-- FIXME: Re-enable the ngIf once the other options above are functional -->
85
+ <!--*ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length"-->
86
+ <!-- FIXME: The background class makes a weird rectangle that covers the SVG -->
87
+ <!--[class]="model.contentType.class + '-background-color'"-->
88
+ <!--model.version.meta.backgroundColor-->
89
+ <!--
90
+ <span class="no-image-icon position-all"
91
+ *ngIf="model.contentType.iconResource">
92
+ <mat-icon aria-hidden="true"
93
+ [svgIcon]="getSvg(Stratus.BaseUrl + model.contentType.iconResourcePath) | async">
94
+ Icon
95
+ </mat-icon>
96
+ </span>
97
+ -->
98
+
99
+ <!-- Content Type Icon -->
100
+ <mat-icon aria-hidden="true"
101
+ *ngIf="get(model, 'contentType.iconResourcePath')"
102
+ [svgIcon]="getSvg(Stratus.BaseUrl + get(model, 'contentType.iconResourcePath')) | async">
103
+ Icon
104
+ </mat-icon>
105
+
106
+ <!-- Title & Route Display -->
107
+ <!--<span [class.selected-item]="isSelected(model)">-->
108
+ {{(model && model.version) ? model.version.title : 'Untitled'}}
109
+ <small *ngIf="model.routing && model.routing.length">
110
+ {{'/' + model.routing[0].url}}
111
+ </small>
112
+ </mat-option>
113
+ </ng-container>
114
+ </mat-autocomplete>
109
115
  </ng-container>
110
- </mat-autocomplete>
111
- </ng-container>
112
- </form>
113
-
114
- <mat-form-field class="form-field"
115
- [style.width.px]=320
116
- *ngIf="data.target == 'url'">
117
- <input matInput type="text" placeholder="URL" [(ngModel)]="data.url">
118
- <a mat-button *ngIf="data.url" matSuffix mat-icon-button aria-label="Clear" (click)="data.url=''">
119
- <mat-icon>close</mat-icon>
120
- </a>
121
- </mat-form-field>
122
-
123
- <mat-checkbox [(ngModel)]="browserTarget"
124
- (change)="onBrowserTargetChange($event)">
125
- Open in new window
126
- </mat-checkbox>
127
-
128
- <!-- Target Display -->
129
- <!--
130
- <h4>Linked To:</h4>
131
-
132
- <span *ngIf="data.target == 'content'" [textContent]="data.content && data.content.routing ? ('/' + data.content.routing[0].url) : 'Nothing yet!'"></span>
133
- <span *ngIf="data.target == 'url'" [textContent]="data.url || 'Nothing yet!'"></span>
134
- -->
135
-
136
- <!-- Priority Control - deprecated once we have proper DnD for child links -->
137
- <!--
138
- <h4 *ngIf="data.nestParent !== null">
139
- Priority:
140
- </h4>
141
- -->
142
- <!--
143
- <mat-form-field class="form-field"
144
- *ngIf="data.nestParent !== null">
145
- <input matInput type="number" placeholder="Priority" [(ngModel)]="data.priority">
146
- -->
147
- <!-- <span [textContent]="data.priority || 'None set!'"></span>-->
148
- <!-- <a mat-button matSuffix mat-icon-button aria-label="Increase Priority"-->
149
- <!-- (click)="data.priority = data.priority + 1">-->
150
- <!-- <mat-icon>expand_less</mat-icon>-->
151
- <!-- </a>-->
152
- <!-- <a mat-button matSuffix mat-icon-button aria-label="Decrease Priority"-->
153
- <!-- (click)="data.priority = data.priority - 1">-->
154
- <!-- <mat-icon>expand_more</mat-icon>-->
155
- <!-- </a>-->
156
- <!--
157
- </mat-form-field>
158
- -->
159
-
160
- <!-- Level Selector -->
161
- <!-- <h4><label id="link-level-label">Link Level:</label></h4>-->
162
- <!-- <mat-radio-group class="radio-group"-->
163
- <!-- aria-labelledby="link-level-label"-->
164
- <!-- [(ngModel)]="data.level">-->
165
- <!-- <mat-radio-button class="radio-button" value="top">-->
166
- <!-- Top-Level-->
167
- <!-- </mat-radio-button>-->
168
- <!-- <mat-radio-button class="radio-button" value="child">-->
169
- <!-- Child-->
170
- <!-- </mat-radio-button>-->
171
- <!-- </mat-radio-group>-->
172
-
173
- <!-- Parent Editor -->
174
- <!--<form class="dialog-form dialog-parent-form" [formGroup]='dialogParentForm'>
175
- <ng-container *ngIf="data.level == 'child'">
176
- <mat-form-field class="form-field">
177
- <input matInput placeholder="Parent Link" aria-label="Parent Link" [matAutocomplete]="auto" formControlName='parentSelectorInput'>
116
+ </form>
117
+
118
+ <mat-form-field class="form-field"
119
+ [style.width.px]=320
120
+ *ngIf="data.target == 'url'">
121
+ <input matInput type="text" placeholder="URL" [(ngModel)]="data.url">
122
+ <a mat-button *ngIf="data.url" matSuffix mat-icon-button aria-label="Clear" (click)="data.url=''">
123
+ <mat-icon>close</mat-icon>
124
+ </a>
178
125
  </mat-form-field>
179
- <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayName">
180
- <mat-option *ngIf="isParentLoading" class="is-loading">
181
- <mat-spinner diameter="50"></mat-spinner>
182
- </mat-option>
183
- <ng-container *ngIf="!isParentLoading">
184
- <mat-option *ngFor="let option of filteredParentOptions" [value]="option" [innerHTML]="option.name"></mat-option>
126
+
127
+ <mat-checkbox [(ngModel)]="browserTarget"
128
+ (change)="onBrowserTargetChange($event)">
129
+ Open in new window
130
+ </mat-checkbox>
131
+
132
+ <!-- Target Display -->
133
+ <!--
134
+ <h4>Linked To:</h4>
135
+
136
+ <span *ngIf="data.target == 'content'" [textContent]="data.content && data.content.routing ? ('/' + data.content.routing[0].url) : 'Nothing yet!'"></span>
137
+ <span *ngIf="data.target == 'url'" [textContent]="data.url || 'Nothing yet!'"></span>
138
+ -->
139
+
140
+ <!-- Priority Control - deprecated once we have proper DnD for child links -->
141
+ <!--
142
+ <h4 *ngIf="data.nestParent !== null">
143
+ Priority:
144
+ </h4>
145
+ -->
146
+ <!--
147
+ <mat-form-field class="form-field"
148
+ *ngIf="data.nestParent !== null">
149
+ <input matInput type="number" placeholder="Priority" [(ngModel)]="data.priority">
150
+ -->
151
+ <!-- <span [textContent]="data.priority || 'None set!'"></span>-->
152
+ <!-- <a mat-button matSuffix mat-icon-button aria-label="Increase Priority"-->
153
+ <!-- (click)="data.priority = data.priority + 1">-->
154
+ <!-- <mat-icon>expand_less</mat-icon>-->
155
+ <!-- </a>-->
156
+ <!-- <a mat-button matSuffix mat-icon-button aria-label="Decrease Priority"-->
157
+ <!-- (click)="data.priority = data.priority - 1">-->
158
+ <!-- <mat-icon>expand_more</mat-icon>-->
159
+ <!-- </a>-->
160
+ <!--
161
+ </mat-form-field>
162
+ -->
163
+
164
+ <!-- Level Selector -->
165
+ <!-- <h4><label id="link-level-label">Link Level:</label></h4>-->
166
+ <!-- <mat-radio-group class="radio-group"-->
167
+ <!-- aria-labelledby="link-level-label"-->
168
+ <!-- [(ngModel)]="data.level">-->
169
+ <!-- <mat-radio-button class="radio-button" value="top">-->
170
+ <!-- Top-Level-->
171
+ <!-- </mat-radio-button>-->
172
+ <!-- <mat-radio-button class="radio-button" value="child">-->
173
+ <!-- Child-->
174
+ <!-- </mat-radio-button>-->
175
+ <!-- </mat-radio-group>-->
176
+
177
+ <!-- Parent Editor -->
178
+ <!--<form class="dialog-form dialog-parent-form" [formGroup]='dialogParentForm'>
179
+ <ng-container *ngIf="data.level == 'child'">
180
+ <mat-form-field class="form-field">
181
+ <input matInput placeholder="Parent Link" aria-label="Parent Link" [matAutocomplete]="auto" formControlName='parentSelectorInput'>
182
+ </mat-form-field>
183
+ <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayName">
184
+ <mat-option *ngIf="isParentLoading" class="is-loading">
185
+ <mat-spinner diameter="50"></mat-spinner>
186
+ </mat-option>
187
+ <ng-container *ngIf="!isParentLoading">
188
+ <mat-option *ngFor="let option of filteredParentOptions" [value]="option" [innerHTML]="option.name"></mat-option>
189
+ </ng-container>
190
+ </mat-autocomplete>
185
191
  </ng-container>
186
- </mat-autocomplete>
187
- </ng-container>
188
- </form>-->
189
-
190
- <!-- Parent Display -->
191
- <!-- <h4 *ngIf="data.nestParent !== null">-->
192
- <!-- Nested Under:-->
193
- <!-- </h4>-->
194
-
195
- <!-- <span *ngIf="data.nestParent !== null"-->
196
- <!-- [textContent]="data.nestParent.name || 'Untitled Parent'"></span>-->
197
-
198
- <!-- Misc Buttons -->
199
- <h4>
200
- Actions:
201
- </h4>
202
-
203
- <a mat-button
204
- class="svg-grey"
205
- (click)="destroy()">
206
- <mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">
207
- Delete
208
- </mat-icon>
209
- </a>
210
- <a mat-button
211
- class="svg-grey"
212
- [class.visibility-off]="data.model.get('status') === 0"
213
- (click)="toggleStatus()">
214
- <mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">
215
- Visibility
216
- </mat-icon>
217
- </a>
218
- <a mat-button
219
- class="svg-grey"
220
- [disabled]="!data.id"
221
- (click)="addChild()">
222
- <mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">
223
- Add Child
224
- </mat-icon>
225
- </a>
192
+ </form>-->
193
+
194
+ <!-- Parent Display -->
195
+ <!-- <h4 *ngIf="data.nestParent !== null">-->
196
+ <!-- Nested Under:-->
197
+ <!-- </h4>-->
198
+
199
+ <!-- <span *ngIf="data.nestParent !== null"-->
200
+ <!-- [textContent]="data.nestParent.name || 'Untitled Parent'"></span>-->
201
+
202
+
203
+
204
+ <!-- Misc Buttons -->
205
+ <h4>
206
+ Actions:
207
+ </h4>
208
+
209
+ <a mat-button
210
+ class="svg-grey"
211
+ (click)="destroy()">
212
+ <mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">
213
+ Delete
214
+ </mat-icon>
215
+ </a>
216
+ <a mat-button
217
+ class="svg-grey"
218
+ [class.visibility-off]="data.model.get('status') === 0"
219
+ (click)="toggleStatus()">
220
+ <mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">
221
+ Visibility
222
+ </mat-icon>
223
+ </a>
224
+ <a mat-button
225
+ class="svg-grey"
226
+ [disabled]="!data.id"
227
+ (click)="addChild()">
228
+ <mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">
229
+ Add Child
230
+ </mat-icon>
231
+ </a>
232
+ </mat-tab>
233
+ <mat-tab label="Advanced Options">
234
+ <div *ngIf="selectedTabIndex">
235
+ <!-- texts go here -->
236
+ <!-- #linkHtmlInput -->
237
+ <!-- [(ngModel)]="data.linkHtml" -->
238
+ <!-- placeholder='"Big Menu" Dropdown Content' -->
239
+ <!-- sa-internal-editor
240
+ data-target="MenuLink"
241
+ data-id="{{data.id}}"
242
+ data-property="linkHtml"
243
+ data-auto-save="false"
244
+ ></sa-internal-editor -->
245
+ <!-- #iconHtmlInput -->
246
+ <!-- [(ngModel)]="data.iconHtml" -->
247
+ <!-- placeholder="Link Icon" -->
248
+ <!-- sa-internal-editor
249
+ [model]="data.model"
250
+ data-property="iconHtml"
251
+ data-auto-save="false"
252
+ ></sa-internal-editor -->
253
+ </div>
254
+
255
+ <mat-form-field class="form-field">
256
+ <mat-label>Link HTML</mat-label>
257
+ <textarea #linkHtmlInput
258
+ matInput
259
+ type="text"
260
+ placeholder='"Big Menu" Dropdown Content'
261
+ [(ngModel)]="data.model.data.linkHtml">
262
+ </textarea>
263
+ </mat-form-field>
264
+
265
+ <mat-form-field class="form-field">
266
+ <mat-label>Icon HTML</mat-label>
267
+ <textarea #iconHtmlInput
268
+ matInput
269
+ type="text"
270
+ placeholder="Icon HTML"
271
+ [(ngModel)]="data.model.data.iconHtml">
272
+ </textarea>
273
+ </mat-form-field>
274
+
275
+ <mat-checkbox [(ngModel)]="browserTarget"
276
+ (change)="onBrowserTargetChange($event)">
277
+ Hide Link for Private Page
278
+ </mat-checkbox>
279
+
280
+ <!-- For now Actions is duplicated here to fix the scroll issue caused by checkbox being last -->
281
+ <h4>
282
+ Actions:
283
+ </h4>
284
+ <a mat-button
285
+ class="svg-grey"
286
+ (click)="destroy()">
287
+ <mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">
288
+ Delete
289
+ </mat-icon>
290
+ </a>
291
+ <a mat-button
292
+ class="svg-grey"
293
+ [class.visibility-off]="data.model.get('status') === 0"
294
+ (click)="toggleStatus()">
295
+ <mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">
296
+ Visibility
297
+ </mat-icon>
298
+ </a>
299
+ <a mat-button
300
+ class="svg-grey"
301
+ [disabled]="!data.id"
302
+ (click)="addChild()">
303
+ <mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">
304
+ Add Child
305
+ </mat-icon>
306
+ </a>
307
+ </mat-tab>
308
+ </mat-tab-group>
226
309
 
227
310
  <mat-divider></mat-divider>
228
311
  </div>
package/src/tree/tree-dialog.component.js CHANGED
@@ -64,6 +64,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "@
64
64
  this.isInitialized = false;
65
65
  this.isDestroyed = false;
66
66
  this.isStyled = false;
67
+ this.selectedTabIndex = 0;
67
68
  this.get = lodash_1.get;
68
69
  this.Stratus = stratus_1.Stratus;
69
70
  this.apiBase = '/Api/Content';
@@ -229,10 +230,13 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "@
229
230
  drag_drop_1.moveItemInArray(orderedList, index, 0);
230
231
  return orderedList;
231
232
  }
233
+ tabIndexChange(index) {
234
+ this.selectedTabIndex = index;
235
+ }
232
236
  };
233
237
  TreeDialogComponent = __decorate([
234
238
  core_1.Component({
235
- selector: `sa-${moduleName}`,
239
+ selector: `sa-internal-${moduleName}`,
236
240
  templateUrl: `${localDir}/${parentModuleName}/${moduleName}.component${min}.html`,
237
241
  }),
238
242
  __param(1, core_1.Inject(dialog_1.MAT_DIALOG_DATA)),
package/src/tree/tree-dialog.component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tree-dialog.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAuGM,SAAS,GAAG,oBAAoB,CAAA;YAChC,UAAU,GAAG,aAAa,CAAA;YAC1B,gBAAgB,GAAG,MAAM,CAAA;YAGzB,GAAG,GAAG,CAAC,oBAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;YAClC,QAAQ,GAAG,GAAG,iBAAO,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,CAAA;YAUzH,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,0CAAmB;gBA0DxD,YACW,SAA4C,EACnB,IAAgB,EACxC,EAAe,EAEb,GAAsB;oBAGhC,KAAK,EAAE,CAAA;oBAPA,cAAS,GAAT,SAAS,CAAmC;oBACnB,SAAI,GAAJ,IAAI,CAAY;oBACxC,OAAE,GAAF,EAAE,CAAa;oBAEb,QAAG,GAAH,GAAG,CAAmB;oBA5DpC,UAAK,GAAG,UAAU,GAAG,YAAY,CAAA;oBAIjC,kBAAa,GAAG,KAAK,CAAA;oBACrB,gBAAW,GAAG,KAAK,CAAA;oBACnB,aAAQ,GAAG,KAAK,CAAA;oBAIhB,QAAG,GAAG,YAAG,CAAA;oBACT,YAAO,GAAG,iBAAO,CAAA;oBAmBjB,YAAO,GAAG,cAAc,CAAA;oBACxB,2BAAsB,GAAG,KAAK,CAAA;oBAC9B,UAAK,GAAG,EAAE,CAAA;oBACV,qBAAgB,GAAG,KAAK,CAAA;oBACxB,oBAAe,GAAG,KAAK,CAAA;oBAKvB,sCAAiC,GAAgB;wBAC7C,SAAS,EAAC,IAAI;wBACd,YAAY,EAAE,IAAI;wBAClB,YAAY,EAAE,IAAI;wBAClB,WAAW,EAAE,IAAI;qBACpB,CAAA;gBAuBD,CAAC;gBAGD,QAAQ;oBAEJ,IAAI,CAAC,GAAG,GAAG,iBAAQ,CAAC,MAAM,kBAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;oBAC7D,iBAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;oBAKlC,iBAAO,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,QAAQ,IAAI,gBAAgB,IAAI,UAAU,aAAa,GAAG,MAAM,CAAC;yBAC3F,IAAI,CAAC,GAAG,EAAE;wBACP,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;oBAExB,CAAC,CAAC;yBACD,KAAK,CAAC,CAAC,GAAQ,EAAE,EAAE;wBAChB,OAAO,CAAC,IAAI,CAAC,6CAA6C,EAAE,IAAI,CAAC,CAAA;wBACjE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;wBAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;oBAExB,CAAC,CAAC,CAAA;oBAGN,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;oBAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA;oBAClC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;oBAGrD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAA;oBAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAA;oBAa1C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;wBACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI;qBAClD,CAAC,CAAA;oBACF,IAAI,CAAC,iBAAiB;yBACjB,GAAG,CAAC,sBAAsB,CAAC;yBAC3B,YAAY;yBACZ,IAAI,CACD,wBAAY,CAAC,GAAG,CAAC,EACjB,eAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,EACvC,qBAAS,CAAC,CAAC,KAAU,EAAE,EAAE;wBACjB,IAAI,iBAAQ,CAAC,KAAK,CAAC,EAAE;4BACjB,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;yBAC1D;6BAAM;4BAEH,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;4BACzB,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAA;yBACvB;wBACD,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;6BACvE,IAAI,CACD,oBAAQ,CAAC,GAAG,EAAE;4BACV,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;4BAC7B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;wBAC/B,CAAC,CAAC,CACL,CAAA;oBACT,CAAC,CACJ,CACJ;yBACA,SAAS,CAAC,CAAC,QAA6C,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAA;oBAQ/F,IAAI,CAAC,OAAO;yBACP,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;yBACvB,IAAI,CACD,oBAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,CAChD;yBACA,SAAS,CAAC,CAAC,QAA6C,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAA;oBAG/F,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;wBAC3C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAA;wBAClC,IAAI,CAAC,OAAO;6BACP,GAAG,CACA,IAAI,CAAC,WAAW,CACZ,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CACvB,CACJ;6BACA,IAAI,CACD,oBAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC,CACtD;6BACA,SAAS,CAAC,CAAC,QAA6C,EAAE,EAAE;4BACzD,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,IAAI,gBAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gCACnE,OAAO,IAAI,CAAA;6BACd;4BACD,MAAM,OAAO,GAAG,YAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAA;4BAC9D,IAAI,gBAAO,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAQ,CAAC,OAAO,CAAC,EAAE;gCAClE,OAAO,IAAI,CAAA;6BACd;4BAED,IAAI,CAAC,aAAa,GAAG,OAAO,CAAA;4BAC5B,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAA;4BACnC,IAAI,CAAC,iBAAiB;iCACjB,GAAG,CAAC,sBAAsB,CAAC;iCAC3B,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;4BACnC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAA;4BACrB,OAAO,IAAI,CAAC,aAAa,CAAA;wBAC7B,CAAC,CAAC,CAAA;qBACT;oBAsCD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;gBAK7B,CAAC;gBAED,WAAW;oBACP,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;gBAC3B,CAAC;gBAEM,OAAO;oBACV,IAAI,IAAI,CAAC,WAAW,EAAE;wBAClB,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;qBACjD;oBACD,OAAO,KAAK,CAAC,OAAO,EAAE,CAAA;gBAC1B,CAAC;gBAED,aAAa;oBACT,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;gBAI1B,CAAC;gBAED,qBAAqB,CAAC,MAAyB;oBAC3C,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;gBAC9D,CAAC;gBAED,kBAAkB,CAAC,OAAsB;oBAErC,IAAI,CAAC,OAAO,EAAE;wBACV,OAAM;qBACT;oBAED,MAAM,OAAO,GAAG,YAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAA;oBAC9C,MAAM,WAAW,GAAG,CAAC,oBAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,cAAc,CAAA;oBAE7E,MAAM,SAAS,GAAG,YAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;oBACpC,MAAM,aAAa,GAAG,CAAC,oBAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;oBAE9E,OAAO,CAAC,YAAG,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,aAAa,CAAC,GAAG,WAAW,CAAA;gBACzE,CAAC;gBAQO,aAAa,CAAC,QAA6C;oBAC/D,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,IAAI,gBAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;wBACnE,IAAI,CAAC,eAAe,GAAG,EAAE,CAAA;wBAIzB,OAAO,IAAI,CAAC,eAAe,CAAA;qBAC9B;oBACD,MAAM,OAAO,GAAG,YAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAA;oBAC9D,IAAI,gBAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;wBAC7C,IAAI,CAAC,eAAe,GAAG,EAAE,CAAA;wBAIzB,OAAO,IAAI,CAAC,eAAe,CAAA;qBAC9B;oBAED,IAAI,CAAC,eAAe,GAAG,OAAO,CAAA;oBAI9B,OAAO,IAAI,CAAC,eAAe,CAAA;gBAC/B,CAAC;gBAEM,OAAO;oBACV,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;yBAClB,WAAW,EAAE;yBACb,SAAS,CAAC,CAAC,YAAqB,EAAE,EAAE;wBACjC,IAAI,CAAC,YAAY,EAAE;4BACf,OAAM;yBACT;wBACD,IAAI,CAAC,aAAa,EAAE,CAAA;oBACxB,CAAC,CAAC,CAAA;gBACV,CAAC;gBAEM,YAAY;oBACf,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAA;gBAChC,CAAC;gBAEM,QAAQ;oBACX,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA;gBAC5B,CAAC;gBAEM,UAAU,CAAC,OAAsB;oBACpC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;wBACpB,OAAO,KAAK,CAAA;qBACf;oBACD,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAA;gBAC9C,CAAC;gBAEM,MAAM,CAAC,GAAW,EAAE,OAAqB;oBAC5C,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;gBACzC,CAAC;gBAED,WAAW,CAAC,KAAc,EAAE,EAAkB;oBAC1C,MAAM,cAAc,GAAG,EAAE,OAAO,EAAE,iBAAQ,CAAC,IAAI,CAAC,iCAAiC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAC,CAAA;oBAClG,KAAK,GAAG,CAAC,CAAC,iBAAQ,CAAC,KAAK,CAAC,IAAI,gBAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;oBACzD,EAAE,GAAG,CAAC,iBAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAA;oBACnD,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,UAAU,IAAI,CAAC,KAAK,IAAI,yBAAkB,CAAC,cAAc,CAAC,MAAM,KAAK,EAAE,CAAA;gBACtG,CAAC;gBAED,aAAa,CAAC,IAA2B,EAAE,QAAwB;oBAC/D,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;wBACvB,OAAO,IAAI,CAAA;qBACd;oBACD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;wBAC3B,OAAO,IAAI,CAAA;qBACd;oBACD,MAAM,WAAW,GAAG,cAAK,CAAC,IAAI,CAAC,CAAA;oBAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAA;oBACzD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;wBAEd,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;wBAC7B,OAAO,WAAW,CAAA;qBACrB;oBACD,2BAAe,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;oBACtC,OAAO,WAAW,CAAA;gBACtB,CAAC;aACJ,CAAA;YA/VY,mBAAmB;gBAL/B,gBAAS,CAAC;oBACP,QAAQ,EAAE,MAAM,UAAU,EAAE;oBAC5B,WAAW,EAAE,GAAG,QAAQ,IAAI,gBAAgB,IAAI,UAAU,aAAa,GAAG,OAAO;iBAEpF,CAAC;gBA6DO,WAAA,aAAM,CAAC,wBAAe,CAAC,CAAA;iDADN,qBAAY,UAElB,mBAAW;oBAER,wBAAiB;eA/D3B,mBAAmB,CA+V/B;;QACD,CAAC","file":"tree-dialog.component.js"}
1
+ {"version":3,"sources":["tree-dialog.component.ts"],"names":[],"mappings":"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","file":"tree-dialog.component.js"}
package/src/tree/tree-dialog.component.min.html CHANGED
@@ -1 +1,3 @@
1
- <h1 mat-dialog-title>Menu Link Editor</h1><div class="tree-dialog-content" *ngIf="isInitialized" mat-dialog-content><mat-form-field class="form-field"><input #nameInput matInput type="text" placeholder="Name" [(ngModel)]="data.name"></mat-form-field><h4><label id="link-type-label">Link Type:</label></h4><mat-radio-group class="radio-group" aria-labelledby="link-type-label" [(ngModel)]="data.target"><mat-radio-button class="radio-button" value="content">Website Page</mat-radio-button><mat-radio-button class="radio-button" value="url">Custom Link</mat-radio-button></mat-radio-group><form class="dialog-form" [formGroup]="dialogContentForm"><ng-container *ngIf="data.target == 'content'"><mat-form-field class="form-field"><input matInput placeholder="Link Content" aria-label="Link Content" [matAutocomplete]="auto" formControlName="contentSelectorInput"></mat-form-field><mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" [displayWith]="displayContentText"><mat-option *ngIf="isContentLoading" class="is-loading"><mat-progress-bar mode="indeterminate"></mat-progress-bar></mat-option><ng-container *ngIf="!isContentLoading"><mat-option *ngFor="let model of filteredContent" [value]="model"><mat-icon aria-hidden="true" *ngIf="get(model, 'contentType.iconResourcePath')" [svgIcon]="getSvg(Stratus.BaseUrl + get(model, 'contentType.iconResourcePath')) | async">Icon</mat-icon>{{(model && model.version) ? model.version.title : 'Untitled'}} <small *ngIf="model.routing && model.routing.length">{{'/' + model.routing[0].url}}</small></mat-option></ng-container></mat-autocomplete></ng-container></form><mat-form-field class="form-field" [style.width.px]="320" *ngIf="data.target == 'url'"><input matInput type="text" placeholder="URL" [(ngModel)]="data.url"> <a mat-button *ngIf="data.url" matSuffix mat-icon-button aria-label="Clear" (click)="data.url=''"><mat-icon>close</mat-icon></a></mat-form-field><mat-checkbox [(ngModel)]="browserTarget" (change)="onBrowserTargetChange($event)">Open in new window</mat-checkbox><h4>Actions:</h4><a mat-button class="svg-grey" (click)="destroy()"><mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button class="svg-grey" [class.visibility-off]="data.model.get('status') === 0" (click)="toggleStatus()"><mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">Visibility</mat-icon></a><a mat-button class="svg-grey" [disabled]="!data.id" (click)="addChild()"><mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">Add Child</mat-icon></a><mat-divider></mat-divider></div><div mat-dialog-actions><a mat-button (click)="onCancelClick()">Cancel </a><a mat-button [mat-dialog-close]="data" cdkFocusInitial>Ok</a></div>
1
+ <h1 mat-dialog-title>Menu Link Editor</h1><div class="tree-dialog-content" *ngIf="isInitialized" mat-dialog-content><mat-tab-group (selectedIndexChange)="tabIndexChange($event)"><mat-tab label="Main"><mat-form-field class="form-field"><input #nameInput matInput type="text" placeholder="Name" [(ngModel)]="data.name"></mat-form-field><h4><label id="link-type-label">Link Type:</label></h4><mat-radio-group class="radio-group" aria-labelledby="link-type-label" [(ngModel)]="data.target"><mat-radio-button class="radio-button" value="content">Website Page</mat-radio-button><mat-radio-button class="radio-button" value="url">Custom Link</mat-radio-button></mat-radio-group><form class="dialog-form" [formGroup]="dialogContentForm"><ng-container *ngIf="data.target == 'content'"><mat-form-field class="form-field"><input matInput placeholder="Link Content" aria-label="Link Content" [matAutocomplete]="auto" formControlName="contentSelectorInput"></mat-form-field><mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" [displayWith]="displayContentText"><mat-option *ngIf="isContentLoading" class="is-loading"><mat-progress-bar mode="indeterminate"></mat-progress-bar></mat-option><ng-container *ngIf="!isContentLoading"><mat-option *ngFor="let model of filteredContent" [value]="model"><mat-icon aria-hidden="true" *ngIf="get(model, 'contentType.iconResourcePath')" [svgIcon]="getSvg(Stratus.BaseUrl + get(model, 'contentType.iconResourcePath')) | async">Icon</mat-icon>{{(model && model.version) ? model.version.title : 'Untitled'}} <small *ngIf="model.routing && model.routing.length">{{'/' + model.routing[0].url}}</small></mat-option></ng-container></mat-autocomplete></ng-container></form><mat-form-field class="form-field" [style.width.px]="320" *ngIf="data.target == 'url'"><input matInput type="text" placeholder="URL" [(ngModel)]="data.url"> <a mat-button *ngIf="data.url" matSuffix mat-icon-button aria-label="Clear" (click)="data.url=''"><mat-icon>close</mat-icon></a></mat-form-field><mat-checkbox [(ngModel)]="browserTarget" (change)="onBrowserTargetChange($event)">Open in new window</mat-checkbox><h4>Actions:</h4><a mat-button class="svg-grey" (click)="destroy()"><mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button class="svg-grey" [class.visibility-off]="data.model.get('status') === 0" (click)="toggleStatus()"><mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">Visibility</mat-icon></a><a mat-button class="svg-grey" [disabled]="!data.id" (click)="addChild()"><mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">Add Child</mat-icon></a></mat-tab><mat-tab label="Advanced Options"><div *ngIf="selectedTabIndex"></div><mat-form-field class="form-field"><mat-label>Link HTML</mat-label><textarea #linkHtmlInput matInput type="text" placeholder='"Big Menu" Dropdown Content' [(ngModel)]="data.model.data.linkHtml">
2
+ </textarea></mat-form-field><mat-form-field class="form-field"><mat-label>Icon HTML</mat-label><textarea #iconHtmlInput matInput type="text" placeholder="Icon HTML" [(ngModel)]="data.model.data.iconHtml">
3
+ </textarea></mat-form-field><mat-checkbox [(ngModel)]="browserTarget" (change)="onBrowserTargetChange($event)">Hide Link for Private Page</mat-checkbox><h4>Actions:</h4><a mat-button class="svg-grey" (click)="destroy()"><mat-icon svgIcon="tree_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button class="svg-grey" [class.visibility-off]="data.model.get('status') === 0" (click)="toggleStatus()"><mat-icon svgIcon="tree_visibility" aria-hidden="false" aria-label="Toggle Visibility">Visibility</mat-icon></a><a mat-button class="svg-grey" [disabled]="!data.id" (click)="addChild()"><mat-icon svgIcon="tree_add" aria-hidden="false" aria-label="Add Child">Add Child</mat-icon></a></mat-tab></mat-tab-group><mat-divider></mat-divider></div><div mat-dialog-actions><a mat-button (click)="onCancelClick()">Cancel </a><a mat-button [mat-dialog-close]="data" cdkFocusInitial>Ok</a></div>