@stratusjs/angular 0.2.82 → 0.2.86
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.
- package/package.json +1 -1
- package/src/base/base.component.js +2 -3
- package/src/base/base.component.js.map +1 -1
- package/src/base/base.component.min.js +1 -1
- package/src/base/base.component.ts +1 -2
- package/src/changeset-viewer/changeset-viewer-dialog.component.js +6 -4
- package/src/changeset-viewer/changeset-viewer-dialog.component.js.map +1 -1
- package/src/changeset-viewer/changeset-viewer-dialog.component.min.js +1 -1
- package/src/changeset-viewer/changeset-viewer.component.js +3 -4
- package/src/changeset-viewer/changeset-viewer.component.js.map +1 -1
- package/src/changeset-viewer/changeset-viewer.component.min.js +1 -1
- package/src/confirm-dialog/confirm-dialog.component.js +6 -4
- package/src/confirm-dialog/confirm-dialog.component.js.map +1 -1
- package/src/confirm-dialog/confirm-dialog.component.min.js +1 -1
- package/src/confirm-dialog/confirm-dialog.component.ts +2 -2
- package/src/editor/code-view-dialog.component.js +4 -4
- package/src/editor/code-view-dialog.component.js.map +1 -1
- package/src/editor/code-view-dialog.component.min.js +1 -1
- package/src/editor/code-view-dialog.component.ts +3 -6
- package/src/editor/editor.component.js +20 -14
- package/src/editor/editor.component.js.map +1 -1
- package/src/editor/editor.component.min.js +1 -1
- package/src/editor/editor.component.ts +38 -15
- package/src/editor/media-dialog.component.html +8 -8
- package/src/editor/media-dialog.component.js +4 -4
- package/src/editor/media-dialog.component.js.map +1 -1
- package/src/editor/media-dialog.component.min.html +4 -4
- package/src/editor/media-dialog.component.min.js +1 -1
- package/src/editor/media-dialog.component.ts +3 -6
- package/src/media-selector/media-selector-vanilla.component.html +7 -7
- package/src/media-selector/media-selector-vanilla.component.min.html +1 -1
- package/src/media-selector/media-selector.component.css +29 -45
- package/src/media-selector/media-selector.component.css.map +1 -1
- package/src/media-selector/media-selector.component.html +5 -5
- package/src/media-selector/media-selector.component.js +14 -18
- package/src/media-selector/media-selector.component.js.map +1 -1
- package/src/media-selector/media-selector.component.min.css +1 -1
- package/src/media-selector/media-selector.component.min.html +2 -2
- package/src/media-selector/media-selector.component.min.js +1 -1
- package/src/media-selector/media-selector.component.scss +23 -21
- package/src/media-selector/media-selector.component.ts +13 -13
- package/src/media-selector/media-selector.horizontal.component.html +5 -5
- package/src/media-selector/media-selector.horizontal.component.min.html +2 -2
- package/src/selector/selector-autocomplete.component.html +2 -2
- package/src/selector/selector-autocomplete.component.min.html +1 -1
- package/src/selector/selector.component.css +16 -16
- package/src/selector/selector.component.css.map +1 -1
- package/src/selector/selector.component.html +7 -7
- package/src/selector/selector.component.js +6 -6
- package/src/selector/selector.component.js.map +1 -1
- package/src/selector/selector.component.min.css +1 -1
- package/src/selector/selector.component.min.html +1 -1
- package/src/selector/selector.component.min.js +1 -1
- package/src/selector/selector.component.scss +5 -5
- package/src/selector/selector.component.ts +6 -4
- package/src/test/test.directive.js.map +1 -1
- package/src/test/test.directive.ts +0 -1
- package/src/tree/tree-dialog.component.html +2 -2
- package/src/tree/tree-dialog.component.js +4 -4
- package/src/tree/tree-dialog.component.js.map +1 -1
- package/src/tree/tree-dialog.component.min.html +1 -1
- package/src/tree/tree-dialog.component.min.js +1 -1
- package/src/tree/tree-dialog.component.ts +3 -6
- package/src/tree/tree-node.component.html +2 -2
- package/src/tree/tree-node.component.js +4 -4
- package/src/tree/tree-node.component.js.map +1 -1
- package/src/tree/tree-node.component.min.html +1 -1
- package/src/tree/tree-node.component.min.js +1 -1
- package/src/tree/tree-node.component.ts +3 -6
- package/src/tree/tree.component.js +9 -9
- package/src/tree/tree.component.js.map +1 -1
- package/src/tree/tree.component.min.js +1 -1
- package/src/tree/tree.component.ts +7 -7
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
Input,
|
|
7
7
|
ViewChild
|
|
8
8
|
} from '@angular/core'
|
|
9
|
-
import {FormControl} from '@angular/forms'
|
|
9
|
+
// import {FormControl} from '@angular/forms'
|
|
10
10
|
|
|
11
11
|
// CDK
|
|
12
12
|
import {
|
|
@@ -53,13 +53,12 @@ import {Collection} from '@stratusjs/angularjs/services/collection'
|
|
|
53
53
|
import {ViewportRuler} from '@angular/cdk/scrolling'
|
|
54
54
|
|
|
55
55
|
// Local Setup
|
|
56
|
-
const installDir = '/assets/1/0/bundles'
|
|
57
56
|
const systemDir = '@stratusjs/angular'
|
|
58
57
|
const moduleName = 'media-selector'
|
|
59
58
|
|
|
60
59
|
// Directory Template
|
|
61
60
|
const min = !cookie('env') ? '.min' : ''
|
|
62
|
-
const localDir = `${
|
|
61
|
+
const localDir = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`
|
|
63
62
|
|
|
64
63
|
// Utility Functions
|
|
65
64
|
const has = (object: object, path: string) => _.has(object, path) && !_.isEmpty(_.get(object, path))
|
|
@@ -103,7 +102,7 @@ export class MediaSelectorComponent extends RootComponent { // implements OnInit
|
|
|
103
102
|
_ = _
|
|
104
103
|
has = has
|
|
105
104
|
log = console.log
|
|
106
|
-
|
|
105
|
+
Stratus = Stratus
|
|
107
106
|
|
|
108
107
|
// Stratus Data Connectivity
|
|
109
108
|
registry = new Registry()
|
|
@@ -143,6 +142,7 @@ export class MediaSelectorComponent extends RootComponent { // implements OnInit
|
|
|
143
142
|
@ViewChild(CdkDropListGroup) listGroup: CdkDropListGroup<CdkDropList>
|
|
144
143
|
@ViewChild(CdkDropList) placeholder: CdkDropList
|
|
145
144
|
|
|
145
|
+
// Grid Workaround
|
|
146
146
|
public targetList: CdkDropList
|
|
147
147
|
public targetIndex: number
|
|
148
148
|
public sourceList: CdkDropList
|
|
@@ -175,16 +175,16 @@ export class MediaSelectorComponent extends RootComponent { // implements OnInit
|
|
|
175
175
|
// SVG Icons
|
|
176
176
|
_.forEach({
|
|
177
177
|
// action buttons
|
|
178
|
-
media_selector_add:
|
|
179
|
-
media_selector_clear:
|
|
180
|
-
media_selector_delete:
|
|
181
|
-
media_selector_edit:
|
|
182
|
-
media_selector_info:
|
|
178
|
+
media_selector_add: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/add.svg`,
|
|
179
|
+
media_selector_clear: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/clear.svg`,
|
|
180
|
+
media_selector_delete: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
|
|
181
|
+
media_selector_edit: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`,
|
|
182
|
+
media_selector_info: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/info.svg`,
|
|
183
183
|
// type icons
|
|
184
|
-
media_selector_image:
|
|
185
|
-
media_selector_video:
|
|
186
|
-
media_selector_audio:
|
|
187
|
-
media_selector_document:
|
|
184
|
+
media_selector_image: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-image.svg`,
|
|
185
|
+
media_selector_video: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-video.svg`,
|
|
186
|
+
media_selector_audio: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg`,
|
|
187
|
+
media_selector_document: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg`
|
|
188
188
|
}, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key))
|
|
189
189
|
|
|
190
190
|
// TODO: Assess & Possibly Remove when the System.js ecosystem is complete
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
<p class="small-all-caps selected-media-label"
|
|
8
8
|
[textContent]="'Selected ' + (type || 'Items')"></p>
|
|
9
9
|
<div class="selected-area media-content">
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
<!--<div class="selected-message-box" *ngIf="empty">-->
|
|
11
|
+
<!-- Nothing has been selected.-->
|
|
12
|
+
<!--</div>-->
|
|
13
13
|
<ul cdkDropList class="list-inline media-selected-list"
|
|
14
14
|
cdkDropListOrientation="horizontal"
|
|
15
15
|
(cdkDropListDropped)="drop($event)">
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
}"
|
|
35
35
|
[ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbSrc') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}">
|
|
36
36
|
|
|
37
|
-
<img class="shapeholder" src="
|
|
37
|
+
<img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
|
|
38
38
|
|
|
39
39
|
<div class="thumb-gradient"> </div>
|
|
40
40
|
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
Close Library
|
|
165
165
|
</div>
|
|
166
166
|
<img class="shapeholder"
|
|
167
|
-
src="
|
|
167
|
+
[src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
|
|
168
168
|
</div>
|
|
169
169
|
</a>
|
|
170
170
|
</li>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><div class="media-selector" *ngIf="styled"><div class="media-component section-container selected-container border-default border-default-all border-radius-default"><p class="small-all-caps selected-media-label" [textContent]="'Selected ' + (type || 'Items')"></p><div class="selected-area media-content"><
|
|
1
|
+
<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><div class="media-selector" *ngIf="styled"><div class="media-component section-container selected-container border-default border-default-all border-radius-default"><p class="small-all-caps selected-media-label" [textContent]="'Selected ' + (type || 'Items')"></p><div class="selected-area media-content"><ul cdkDropList class="list-inline media-selected-list" cdkDropListOrientation="horizontal" (cdkDropListDropped)="drop($event)"><li cdkDrag class="media-selected-list-row media-selected-box media-selected-box-row" *ngFor="let selectedModel of dataSub | async"><div class="media-item selected-media-item" [id]="'libb_' + selectedModel.id"><div class="image-draggable" [ngClass]="{
|
|
2
2
|
'image-thumb': selectedModel.mime && selectedModel.mime.includes('image'),
|
|
3
3
|
'video-thumb' : selectedModel.mime && selectedModel.mime.includes('video'),
|
|
4
4
|
'audio-thumb' : selectedModel.mime && selectedModel.mime.includes('audio'),
|
|
@@ -11,4 +11,4 @@
|
|
|
11
11
|
&& !selectedModel.mime.includes('audio')
|
|
12
12
|
&& !selectedModel.mime.includes('application')
|
|
13
13
|
)
|
|
14
|
-
}" [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbSrc') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}"><img class="shapeholder" src="
|
|
14
|
+
}" [ngStyle]="{'background': 'url(' + (_.get(selectedModel, '_thumbSrc') || _.get(selectedModel, 'bestImage.thumb') || _.get(selectedModel, 'meta.thumbnail_small')) + ') no-repeat center center', 'background-size': 'cover'}"><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"><div class="thumb-gradient"> </div><h4 *ngIf="!selectedModel._thumbSrc && !selectedModel.bestImage.thumb && !selectedModel.meta.thumbnail_small" class="thumb-title position-center" [innerText]="selectedModel.name"></h4><div class="thumb-icon"><mat-icon *ngIf="selectedModel.mime.includes('image')" svgIcon="media_selector_image" aria-hidden="true" aria-label="Image">Image</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('video')" svgIcon="media_selector_video" aria-hidden="true" aria-label="Video">Video</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('audio')" svgIcon="media_selector_audio" aria-hidden="true" aria-label="Audio">Audio</mat-icon><mat-icon *ngIf="selectedModel.mime.includes('document')" svgIcon="media_selector_document" aria-hidden="true" aria-label="Document">Document</mat-icon></div></div><div class="info-hover-container" (mouseover)="hovering=true" (mouseout)="hovering=false"><div class="border-radius-default image-hover-info" layout="column" layout-align="space-between center"><div class="format-size"><div class="small-all-caps file-details"><span class="file-type uppercase" [innerText]="selectedModel.extension || selectedModel.service || (selectedModel._embedCode ? 'Embedded Video' : '')"></span><span class="delimiter" *ngIf="selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty'"></span> <span class="file-size" [innerText]="(selectedModel.bytesHuman && selectedModel.bytesHuman !== 'Empty') ? selectedModel.bytesHuman : ''"></span></div></div><p class="font-body image-title" [innerText]="selectedModel.name || 'No title'"></p><div class="position-action-area"><div class="action-btns"><div><div (click)="showDetails(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Show details"><mat-icon class="info-icon" svgIcon="media_selector_info" aria-hidden="true" aria-label="Info">Info</mat-icon></a></div><div (click)="remove(selectedModel)"><a class="border-radius-default" href="#" matTooltip="Permanently delete from libary" *ngIf="!isSelector"><mat-icon class="delete-icon" svgIcon="media_selector_delete" aria-hidden="true" aria-label="Delete">Delete</mat-icon></a><a class="border-radius-default" href="#" matTooltip="Remove selection" *ngIf="isSelector"><mat-icon class="clear-icon" svgIcon="media_selector_clear" aria-hidden="true" aria-label="Clear">Clear</mat-icon></a></div></div></div></div></div></div></div></li><li class="library-toggle"><a class="position-anchor accent-background-hover border-default border-default-all color-primary" [matTooltip]="(libraryDisplay ? 'Open' : 'Close') + ' Media Library'" (click)="toggleLibrary()" [ngClass]="{'library-toggle-open': libraryDisplay}"><div aria-hidden="true"><mat-icon class="position-center" *ngIf="!libraryDisplay" svgIcon="media_selector_add" aria-hidden="false" aria-label="Add">Add</mat-icon><div class="btn-text small-all-caps position-center">Close Library</div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></a></li></ul></div></div></div>
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
<div *ngIf="!isSelected(model) && model.contentType.iconResource">
|
|
41
41
|
<mat-icon class="content-type-icon position-center"
|
|
42
42
|
aria-hidden="true"
|
|
43
|
-
[svgIcon]="getSvg(
|
|
43
|
+
[svgIcon]="getSvg(Stratus.BaseUrl + model.contentType.iconResourcePath) | async">
|
|
44
44
|
ContentType Icon
|
|
45
45
|
</mat-icon>
|
|
46
46
|
</div>
|
|
47
47
|
</div>
|
|
48
48
|
|
|
49
49
|
<!-- Shapeholder -->
|
|
50
|
-
<img class="shapeholder" src="
|
|
50
|
+
<img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
|
|
51
51
|
</div>
|
|
52
52
|
</div>
|
|
53
53
|
<div class="column-title st-grid column80">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<div class="autocomplete-option" [class]="model.contentType.class" [class.selected]="isSelected(model)"><div class="autocomplete-row clearfix"><div class="column-image st-grid column20"><div class="image-container background-dark position-anchor"><div class="image position-all" style="background-size: cover" *ngIf="model.version.images.length || model.version.shellImages.length" [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'"></div><div class="image position-all" style="background-size: cover" *ngIf="!model.version.images.length && !model.version.shellImages.length && model.version.videos.length" [style.background]="'url(' + (model.version.videos[0].src) + ') no-repeat center center'"></div><div class="no-image-icon position-all" *ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length" [class]="[model.contentType.class + '-background-color', model.version.meta.backgroundColor]"><div *ngIf="!isSelected(model) && model.contentType.iconResource"><mat-icon class="content-type-icon position-center" aria-hidden="true" [svgIcon]="getSvg(
|
|
1
|
+
<div class="autocomplete-option" [class]="model.contentType.class" [class.selected]="isSelected(model)"><div class="autocomplete-row clearfix"><div class="column-image st-grid column20"><div class="image-container background-dark position-anchor"><div class="image position-all" style="background-size: cover" *ngIf="model.version.images.length || model.version.shellImages.length" [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'"></div><div class="image position-all" style="background-size: cover" *ngIf="!model.version.images.length && !model.version.shellImages.length && model.version.videos.length" [style.background]="'url(' + (model.version.videos[0].src) + ') no-repeat center center'"></div><div class="no-image-icon position-all" *ngIf="!model.version.images.length && !model.version.videos.length && !model.version.shellImages.length" [class]="[model.contentType.class + '-background-color', model.version.meta.backgroundColor]"><div *ngIf="!isSelected(model) && model.contentType.iconResource"><mat-icon class="content-type-icon position-center" aria-hidden="true" [svgIcon]="getSvg(Stratus.BaseUrl + model.contentType.iconResourcePath) | async">ContentType Icon</mat-icon></div></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div></div><div class="column-title st-grid column80"><h3 class="title">{{model.version.title || (model.contentType.class === 'sitetheory-core-bundle-content-module' ? model.version.bestIdentifier : ('Untitled ' + model.contentType.name + ' (' + model.id + ')'))}}</h3><div><div class="routing" *ngIf="model.routing.length">{{'/' + model.routing[0].url}}</div></div></div></div></div>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
.admin-select-content .content-type,
|
|
3
3
|
.autocomplete-option .content-type,
|
|
4
4
|
.sa-selector .content-type,
|
|
5
|
-
.cdk-drag-preview .content-type {
|
|
5
|
+
.selected-box.cdk-drag-preview .content-type {
|
|
6
6
|
margin-bottom: 2px;
|
|
7
7
|
}
|
|
8
8
|
.admin-select-content .content-type md-icon,
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
.autocomplete-option .content-type mat-icon,
|
|
12
12
|
.sa-selector .content-type md-icon,
|
|
13
13
|
.sa-selector .content-type mat-icon,
|
|
14
|
-
.cdk-drag-preview .content-type md-icon,
|
|
15
|
-
.cdk-drag-preview .content-type mat-icon {
|
|
14
|
+
.selected-box.cdk-drag-preview .content-type md-icon,
|
|
15
|
+
.selected-box.cdk-drag-preview .content-type mat-icon {
|
|
16
16
|
margin-right: 4px;
|
|
17
17
|
height: 14px;
|
|
18
18
|
width: 14px;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
.admin-select-content .content-type .content-type-name,
|
|
23
23
|
.autocomplete-option .content-type .content-type-name,
|
|
24
24
|
.sa-selector .content-type .content-type-name,
|
|
25
|
-
.cdk-drag-preview .content-type .content-type-name {
|
|
25
|
+
.selected-box.cdk-drag-preview .content-type .content-type-name {
|
|
26
26
|
font-weight: bold;
|
|
27
27
|
font-size: 11px;
|
|
28
28
|
text-transform: uppercase;
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
.autocomplete-option .no-image-icon mat-icon,
|
|
35
35
|
.sa-selector .no-image-icon md-icon,
|
|
36
36
|
.sa-selector .no-image-icon mat-icon,
|
|
37
|
-
.cdk-drag-preview .no-image-icon md-icon,
|
|
38
|
-
.cdk-drag-preview .no-image-icon mat-icon {
|
|
37
|
+
.selected-box.cdk-drag-preview .no-image-icon md-icon,
|
|
38
|
+
.selected-box.cdk-drag-preview .no-image-icon mat-icon {
|
|
39
39
|
height: 28px;
|
|
40
40
|
width: 28px;
|
|
41
41
|
min-height: 28px;
|
|
@@ -47,21 +47,21 @@
|
|
|
47
47
|
.autocomplete-option .no-image-icon mat-icon svg g,
|
|
48
48
|
.sa-selector .no-image-icon md-icon svg g,
|
|
49
49
|
.sa-selector .no-image-icon mat-icon svg g,
|
|
50
|
-
.cdk-drag-preview .no-image-icon md-icon svg g,
|
|
51
|
-
.cdk-drag-preview .no-image-icon mat-icon svg g {
|
|
50
|
+
.selected-box.cdk-drag-preview .no-image-icon md-icon svg g,
|
|
51
|
+
.selected-box.cdk-drag-preview .no-image-icon mat-icon svg g {
|
|
52
52
|
fill: #FFF;
|
|
53
53
|
}
|
|
54
54
|
.admin-select-content .shapeholder,
|
|
55
55
|
.autocomplete-option .shapeholder,
|
|
56
56
|
.sa-selector .shapeholder,
|
|
57
|
-
.cdk-drag-preview .shapeholder {
|
|
57
|
+
.selected-box.cdk-drag-preview .shapeholder {
|
|
58
58
|
width: 100%;
|
|
59
59
|
display: block;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.content-selector-autocomplete .column-title h3,
|
|
63
63
|
.admin-select-content .column-title h3,
|
|
64
|
-
.cdk-drag-preview .column-title h3 {
|
|
64
|
+
.selected-box.cdk-drag-preview .column-title h3 {
|
|
65
65
|
margin: 0 0 5px;
|
|
66
66
|
font-size: 16px;
|
|
67
67
|
}
|
|
@@ -148,7 +148,7 @@ md-autocomplete,
|
|
|
148
148
|
font-size: 14px;
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
.cdk-drag-preview {
|
|
151
|
+
.selected-box.cdk-drag-preview {
|
|
152
152
|
box-sizing: border-box;
|
|
153
153
|
border-radius: 4px;
|
|
154
154
|
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
|
@@ -176,9 +176,9 @@ md-autocomplete,
|
|
|
176
176
|
sa-selector .column-image,
|
|
177
177
|
sa-selector .column-title,
|
|
178
178
|
sa-selector .column-action,
|
|
179
|
-
.cdk-drag-preview .column-image,
|
|
180
|
-
.cdk-drag-preview .column-title,
|
|
181
|
-
.cdk-drag-preview .column-action {
|
|
179
|
+
.selected-box.cdk-drag-preview .column-image,
|
|
180
|
+
.selected-box.cdk-drag-preview .column-title,
|
|
181
|
+
.selected-box.cdk-drag-preview .column-action {
|
|
182
182
|
float: left;
|
|
183
183
|
}
|
|
184
184
|
|
|
@@ -205,10 +205,10 @@ sa-selector .column-action > *:last-child {
|
|
|
205
205
|
margin-bottom: 0;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.cdk-drag-preview .column-image {
|
|
208
|
+
.selected-box.cdk-drag-preview .column-image {
|
|
209
209
|
width: 15%;
|
|
210
210
|
}
|
|
211
|
-
.cdk-drag-preview .column-title {
|
|
211
|
+
.selected-box.cdk-drag-preview .column-title {
|
|
212
212
|
width: 85%;
|
|
213
213
|
}
|
|
214
214
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/angular/src/selector/selector.component.scss"],"names":[],"mappings":"AACA;AAME;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIN;AAAA;AAAA;AAAA;EACE;EACA;;;AAMF;AAAA;AAAA;EACE;EACA;;;AAMJ;AACA;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAGA;EACE;EACA;;AACA;EACE;;AAGA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;AAAA;EAEE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACA;AAAA;EACE;;;AASV;AAEA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAIF;AAKE;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;EACE;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAMN;EACE;;AAEF;EACE;;;AAMJ;EACE;;AACA;EACE;EACA;;AAGA;EACE;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAMJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIA;EAEE;;AAKF;EAEE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAOR;AAAA;AAAA;EAEE;EACA","file":"selector.component.css","sourcesContent":["\n/* Styles for Both Selector and Selected Areas */\n\n.admin-select-content,\n.autocomplete-option,\n.sa-selector,\n.cdk-drag-preview {\n .content-type {\n margin-bottom: 2px;\n md-icon,\n mat-icon {\n margin-right: 4px;\n height: 14px;\n width: 14px;\n min-height: 14px;\n min-width: 14px;\n }\n .content-type-name {\n font-weight: bold;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n }\n .no-image-icon {\n md-icon,\n mat-icon {\n height: 28px;\n width: 28px;\n min-height: 28px;\n min-width: 28px;\n svg g {\n fill: #FFF;\n }\n }\n }\n .shapeholder {\n width: 100%;\n display: block;\n }\n}\n.content-selector-autocomplete,\n.admin-select-content,\n.cdk-drag-preview {\n .column-title h3 {\n margin: 0 0 5px;\n font-size: 16px;\n }\n}\n\n\n\n/* Selector Autocomplete Options */\nmd-autocomplete,\n.content-selector {\n margin-top: 12px;\n}\n.selector-filter md-checkbox {\n padding-right: 10px;\n}\n.md-autocomplete-suggestions li {\n height: 80px;\n}\n.content-selector-autocomplete {\n .autocomplete-row {\n padding: 4px 0;\n border-bottom: 1px solid rgba(0,0,0,.1);\n * {\n line-height: 1.4;\n }\n .column-image {\n .image-container {\n margin-right: 18px;\n }\n }\n h3 {\n font-size: 14px;\n }\n .routing {\n font-size: 13px;\n }\n }\n .selected {\n .image,\n .column-title {\n opacity: .3;\n }\n md-icon.selected-icon,\n mat-icon.selected-icon {\n z-index: 5;\n height: 40px;\n width: 40px;\n min-height: 40px;\n min-width: 40px;\n svg {\n filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n g {\n fill: #FFF;\n }\n }\n }\n }\n}\n\n\n\n/* Draggable Selected List */\n\n.selector-wrapper {\n background: rgba(255,255,255,.4);\n margin-top: 20px;\n padding: 40px;\n}\n\n/* Based on Angular Material 8+ */\n.selected-list {\n margin: 0 auto;\n max-width: 600px;\n min-height: 60px;\n display: block;\n border-radius: 4px;\n overflow: hidden;\n}\n.selected-box {\n padding: 12px 16px;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n.cdk-drag-preview {\n box-sizing: border-box;\n border-radius: 4px;\n box-shadow: 2px 2px 4px rgba(0,0,0,.3)\n}\n.cdk-drag-animating {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.selected-box:last-child {\n border: none;\n}\n.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.custom-ghost-placeholder {\n background: rgba(0,0,0,.4);\n min-height: 60px;\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n\n/* Selected List Custom */\n\n\nsa-selector,\n.cdk-drag-preview {\n .column-image,\n .column-title,\n .column-action {\n float: left;\n }\n}\n\nsa-selector {\n .column-image {\n width: 15%;\n padding-right: 10px;\n .image,\n .no-image-icon {\n margin-right: 10px;\n }\n }\n .column-title {\n width: 70%;\n }\n .column-action {\n width: 15%;\n > * {\n display: inline-block;\n vertical-align: middle;\n margin-bottom: 2px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n}\n.cdk-drag-preview {\n .column-image {\n width: 15%;\n }\n .column-title {\n width: 85%;\n }\n}\n\n\n\nsa-selector {\n margin: 0 auto;\n .routing {\n color: #333;\n font-size: 13px;\n }\n .selected-list {\n .selected-list-header {\n margin-bottom: 20px;\n padding-bottom: 20px;\n h3,\n .note {\n margin: 0;\n display: inline-block;\n vertical-align: text-bottom;\n line-height: 1.2;\n }\n .note {\n padding-left: 10px;\n }\n }\n .selected-message-box {\n // extra information for the list messages (currently only used for an empty list)\n }\n .selected-list-container {\n width: 100%;\n }\n .selected-list-row {\n margin-bottom: 10px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.04);\n border-radius: 2px;\n &.active {\n // extra options for status >= 1\n }\n &.inactive {\n // extra options for status < 1\n background: #DDD;\n }\n &.published {\n // extra options for status == 1\n }\n &.unpublished {\n // extra options for published != 1\n background: #DDD;\n }\n }\n .btn.btn-delete, .btn.btn-edit {\n float: right;\n width: 35px;\n min-width: unset;\n height: 35px;\n font-size: 10px;\n margin-left: 12px;\n padding: 0;\n background: #fff;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n &:hover {\n background: #fff;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);\n }\n svg {\n margin: 0 auto;\n width: 60%;\n g {\n fill: #222;\n }\n }\n }\n }\n}\n.firefox .btn.btn-delete svg, .firefox .btn.btn-edit svg {\n &,\n g {\n max-width: 28px;\n max-height: 28px;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["packages/angular/src/selector/selector.component.scss"],"names":[],"mappings":"AACA;AAME;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIN;AAAA;AAAA;AAAA;EACE;EACA;;;AAMF;AAAA;AAAA;EACE;EACA;;;AAMJ;AACA;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAGA;EACE;EACA;;AACA;EACE;;AAGA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;AAAA;EAEE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACA;AAAA;EACE;;;AASV;AAEA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAIF;AAKE;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;EACE;EACA;;AACA;AAAA;EAEE;;AAGJ;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAMN;EACE;;AAEF;EACE;;;AAMJ;EACE;;AACA;EACE;EACA;;AAGA;EACE;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAMJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIA;EAEE;;AAKF;EAEE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EACE;;;AAOR;AAAA;AAAA;EAEE;EACA","file":"selector.component.css","sourcesContent":["\n/* Styles for Both Selector and Selected Areas */\n\n.admin-select-content,\n.autocomplete-option,\n.sa-selector,\n.selected-box.cdk-drag-preview {\n .content-type {\n margin-bottom: 2px;\n md-icon,\n mat-icon {\n margin-right: 4px;\n height: 14px;\n width: 14px;\n min-height: 14px;\n min-width: 14px;\n }\n .content-type-name {\n font-weight: bold;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n }\n .no-image-icon {\n md-icon,\n mat-icon {\n height: 28px;\n width: 28px;\n min-height: 28px;\n min-width: 28px;\n svg g {\n fill: #FFF;\n }\n }\n }\n .shapeholder {\n width: 100%;\n display: block;\n }\n}\n.content-selector-autocomplete,\n.admin-select-content,\n.selected-box.cdk-drag-preview {\n .column-title h3 {\n margin: 0 0 5px;\n font-size: 16px;\n }\n}\n\n\n\n/* Selector Autocomplete Options */\nmd-autocomplete,\n.content-selector {\n margin-top: 12px;\n}\n.selector-filter md-checkbox {\n padding-right: 10px;\n}\n.md-autocomplete-suggestions li {\n height: 80px;\n}\n.content-selector-autocomplete {\n .autocomplete-row {\n padding: 4px 0;\n border-bottom: 1px solid rgba(0,0,0,.1);\n * {\n line-height: 1.4;\n }\n .column-image {\n .image-container {\n margin-right: 18px;\n }\n }\n h3 {\n font-size: 14px;\n }\n .routing {\n font-size: 13px;\n }\n }\n .selected {\n .image,\n .column-title {\n opacity: .3;\n }\n md-icon.selected-icon,\n mat-icon.selected-icon {\n z-index: 5;\n height: 40px;\n width: 40px;\n min-height: 40px;\n min-width: 40px;\n svg {\n filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n g {\n fill: #FFF;\n }\n }\n }\n }\n}\n\n\n\n/* Draggable Selected List */\n\n.selector-wrapper {\n background: rgba(255,255,255,.4);\n margin-top: 20px;\n padding: 40px;\n}\n\n/* Based on Angular Material 8+ */\n.selected-list {\n margin: 0 auto;\n max-width: 600px;\n min-height: 60px;\n display: block;\n border-radius: 4px;\n overflow: hidden;\n}\n.selected-box {\n padding: 12px 16px;\n color: rgba(0, 0, 0, 0.87);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n cursor: move;\n background: white;\n font-size: 14px;\n}\n.selected-box.cdk-drag-preview {\n box-sizing: border-box;\n border-radius: 4px;\n box-shadow: 2px 2px 4px rgba(0,0,0,.3)\n}\n.cdk-drag-animating {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.selected-box:last-child {\n border: none;\n}\n.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder) {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n.custom-ghost-placeholder {\n background: rgba(0,0,0,.4);\n min-height: 60px;\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n\n/* Selected List Custom */\n\n\nsa-selector,\n.selected-box.cdk-drag-preview {\n .column-image,\n .column-title,\n .column-action {\n float: left;\n }\n}\n\nsa-selector {\n .column-image {\n width: 15%;\n padding-right: 10px;\n .image,\n .no-image-icon {\n margin-right: 10px;\n }\n }\n .column-title {\n width: 70%;\n }\n .column-action {\n width: 15%;\n > * {\n display: inline-block;\n vertical-align: middle;\n margin-bottom: 2px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n}\n.selected-box.cdk-drag-preview {\n .column-image {\n width: 15%;\n }\n .column-title {\n width: 85%;\n }\n}\n\n\n\nsa-selector {\n margin: 0 auto;\n .routing {\n color: #333;\n font-size: 13px;\n }\n .selected-list {\n .selected-list-header {\n margin-bottom: 20px;\n padding-bottom: 20px;\n h3,\n .note {\n margin: 0;\n display: inline-block;\n vertical-align: text-bottom;\n line-height: 1.2;\n }\n .note {\n padding-left: 10px;\n }\n }\n .selected-message-box {\n // extra information for the list messages (currently only used for an empty list)\n }\n .selected-list-container {\n width: 100%;\n }\n .selected-list-row {\n margin-bottom: 10px;\n padding: 12px 16px;\n background: rgba(0, 0, 0, 0.04);\n border-radius: 2px;\n &.active {\n // extra options for status >= 1\n }\n &.inactive {\n // extra options for status < 1\n background: #DDD;\n }\n &.published {\n // extra options for status == 1\n }\n &.unpublished {\n // extra options for published != 1\n background: #DDD;\n }\n }\n .btn.btn-delete, .btn.btn-edit {\n float: right;\n width: 35px;\n min-width: unset;\n height: 35px;\n font-size: 10px;\n margin-left: 12px;\n padding: 0;\n background: #fff;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n &:hover {\n background: #fff;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);\n }\n svg {\n margin: 0 auto;\n width: 60%;\n g {\n fill: #222;\n }\n }\n }\n }\n}\n.firefox .btn.btn-delete svg, .firefox .btn.btn-edit svg {\n &,\n g {\n max-width: 28px;\n max-height: 28px;\n }\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
<mat-form-field class="full-width">
|
|
3
|
-
<input matInput [placeholder]="'Add ' +
|
|
3
|
+
<input matInput [placeholder]="'Add ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ': Not Connected Yet!'" aria-label="Selector AutoComplete" [matAutocomplete]="auto" [formControl]="selectCtrl">
|
|
4
4
|
<mat-autocomplete #auto="matAutocomplete">
|
|
5
5
|
<mat-option *ngFor="let selectModel of filteredModels | async" [value]="selectModel">
|
|
6
6
|
{{ selectModel.version.title }}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
<!--<div class="image" no-flex stratus-src-->
|
|
46
46
|
<!--[ngStyle]="{'background': 'url(' + findImage(selectedModel) + ') no-repeat center center', 'background-size': 'cover'}"-->
|
|
47
47
|
<!-->-->
|
|
48
|
-
<!--<img class="shapeholder" src="
|
|
48
|
+
<!--<img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">-->
|
|
49
49
|
<!--</div>-->
|
|
50
50
|
|
|
51
51
|
<!-- This only shows the bestImage if this isn't a Video, since images for Videos are not hosted by us, thus cannot lazy load a proper size -->
|
|
@@ -67,13 +67,13 @@
|
|
|
67
67
|
[ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'">
|
|
68
68
|
|
|
69
69
|
<mat-icon class="content-type-icon position-center"
|
|
70
|
-
[svgIcon]="getSvg(
|
|
70
|
+
[svgIcon]="getSvg(Stratus.BaseUrl + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">
|
|
71
71
|
Icon
|
|
72
72
|
</mat-icon>
|
|
73
73
|
</div>
|
|
74
74
|
|
|
75
75
|
<!-- Shapeholder -->
|
|
76
|
-
<img class="shapeholder" src="
|
|
76
|
+
<img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'">
|
|
77
77
|
|
|
78
78
|
</div>
|
|
79
79
|
<div class="column-title">
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
to break away from the div and float to the top of the selector container
|
|
85
85
|
-->
|
|
86
86
|
<mat-icon class="content-type-icon"
|
|
87
|
-
[svgIcon]="getSvg(
|
|
87
|
+
[svgIcon]="getSvg(Stratus.BaseUrl + _.get(selectedModel, 'contentType.iconResourcePath')) | async">
|
|
88
88
|
ContentType Icon
|
|
89
89
|
</mat-icon>
|
|
90
90
|
<span class="comment content-type-name font-body"
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
</div>
|
|
103
103
|
<div class="column-action">
|
|
104
104
|
<a mat-button
|
|
105
|
-
[matTooltip]="'Delete ' +
|
|
105
|
+
[matTooltip]="'Delete ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))"
|
|
106
106
|
aria-label="Delete Item"
|
|
107
107
|
class="btn btn-delete"
|
|
108
108
|
(click)="remove(selectedModel)">
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
</a>
|
|
111
111
|
<a mat-button
|
|
112
112
|
*ngIf="has(selectedModel, 'contentType.editUrl')"
|
|
113
|
-
[matTooltip]="'Edit ' +
|
|
113
|
+
[matTooltip]="'Edit ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))"
|
|
114
114
|
aria-label="Edit Item in New Window"
|
|
115
115
|
class="btn btn-edit"
|
|
116
116
|
(click)="goToUrl(selectedModel, '_blank');">
|
|
@@ -9,7 +9,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
|
|
|
9
9
|
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
10
10
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
11
11
|
};
|
|
12
|
-
var core_1, forms_1, drag_drop_1, rxjs_1, platform_browser_1, icon_1, stratus_1, lodash_1, environment_1, root_component_1, registry_1, eventManager_1,
|
|
12
|
+
var core_1, forms_1, drag_drop_1, rxjs_1, platform_browser_1, icon_1, stratus_1, lodash_1, environment_1, root_component_1, registry_1, eventManager_1, systemDir, moduleName, min, localDir, has, SelectorComponent;
|
|
13
13
|
var __moduleName = context_1 && context_1.id;
|
|
14
14
|
return {
|
|
15
15
|
setters: [
|
|
@@ -51,11 +51,10 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
|
|
|
51
51
|
}
|
|
52
52
|
],
|
|
53
53
|
execute: function () {
|
|
54
|
-
installDir = '/assets/1/0/bundles';
|
|
55
54
|
systemDir = '@stratusjs/angular';
|
|
56
55
|
moduleName = 'selector';
|
|
57
56
|
min = !environment_1.cookie('env') ? '.min' : '';
|
|
58
|
-
localDir = `${
|
|
57
|
+
localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
|
|
59
58
|
has = (object, path) => lodash_1.default.has(object, path) && !lodash_1.default.isEmpty(lodash_1.default.get(object, path));
|
|
60
59
|
SelectorComponent = class SelectorComponent extends root_component_1.RootComponent {
|
|
61
60
|
constructor(iconRegistry, sanitizer, ref, elementRef) {
|
|
@@ -68,6 +67,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
|
|
|
68
67
|
this._ = lodash_1.default;
|
|
69
68
|
this.has = has;
|
|
70
69
|
this.log = console.log;
|
|
70
|
+
this.Stratus = stratus_1.Stratus;
|
|
71
71
|
this.selectCtrl = new forms_1.FormControl();
|
|
72
72
|
this.registry = new registry_1.Registry();
|
|
73
73
|
this.onChange = new rxjs_1.Subject();
|
|
@@ -78,8 +78,8 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
|
|
|
78
78
|
stratus_1.Stratus.Instances[this.uid] = this;
|
|
79
79
|
this.dataSub = new rxjs_1.Observable(subscriber => this.dataDefer(subscriber));
|
|
80
80
|
lodash_1.default.forEach({
|
|
81
|
-
selector_delete:
|
|
82
|
-
selector_edit:
|
|
81
|
+
selector_delete: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
|
|
82
|
+
selector_edit: `${stratus_1.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`
|
|
83
83
|
}, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
|
|
84
84
|
stratus_1.Stratus.Internals.CssLoader(`${localDir}${moduleName}/${moduleName}.component${min}.css`)
|
|
85
85
|
.then(() => {
|
|
@@ -92,7 +92,7 @@ System.register(["@angular/core", "@angular/forms", "@angular/cdk/drag-drop", "r
|
|
|
92
92
|
this.styled = true;
|
|
93
93
|
this.refresh();
|
|
94
94
|
});
|
|
95
|
-
this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "_", "has", "log", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "remove", "fetchData", "dataDefer", "dataRef", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "hydrate", "reloading", "refresh", "ngOnDestroy"]);
|
|
95
|
+
this.hydrate(elementRef, sanitizer, ["title", "uid", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "type", "property", "endpoint", "_", "has", "log", "Stratus", "selectCtrl", "registry", "fetched", "data", "collection", "model", "dataSub", "onChange", "subscriber", "svgIcons", "styled", "empty", "iconRegistry", "sanitizer", "ref", "elementRef", "drop", "goToUrl", "remove", "fetchData", "dataDefer", "dataRef", "onDataChange", "prioritize", "getSvg", "addSvgIcon", "hydrate", "reloading", "refresh", "ngOnDestroy"]);
|
|
96
96
|
this.fetchData()
|
|
97
97
|
.then(data => {
|
|
98
98
|
if (!data || !(data instanceof eventManager_1.EventManager)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["selector.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAqDM,
|
|
1
|
+
{"version":3,"sources":["selector.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAqDM,SAAS,GAAG,oBAAoB,CAAA;YAChC,UAAU,GAAG,UAAU,CAAA;YAGvB,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,EAAE,CAAA;YAGlG,GAAG,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,EAAE,CAAC,gBAAC,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAC,CAAC,OAAO,CAAC,gBAAC,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;YAsBvF,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,8BAAa;gBAyDhD,YACY,YAA6B,EAC7B,SAAuB,EACrB,GAAsB,EACxB,UAAsB;oBAG9B,KAAK,EAAE,CAAA;oBANC,iBAAY,GAAZ,YAAY,CAAiB;oBAC7B,cAAS,GAAT,SAAS,CAAc;oBACrB,QAAG,GAAH,GAAG,CAAmB;oBACxB,eAAU,GAAV,UAAU,CAAY;oBA1DlC,UAAK,GAAG,UAAU,GAAG,YAAY,CAAA;oBAmBjC,MAAC,GAAG,gBAAC,CAAA;oBACL,QAAG,GAAG,GAAG,CAAA;oBACT,QAAG,GAAG,OAAO,CAAC,GAAG,CAAA;oBACjB,YAAO,GAAG,iBAAO,CAAA;oBAGjB,eAAU,GAAG,IAAI,mBAAW,EAAE,CAAA;oBAG9B,aAAQ,GAAG,IAAI,mBAAQ,EAAE,CAAA;oBASzB,aAAQ,GAAG,IAAI,cAAO,EAAE,CAAA;oBASxB,aAAQ,GAEJ,EAAE,CAAA;oBAGN,WAAM,GAAG,KAAK,CAAA;oBACd,UAAK,GAAG,KAAK,CAAA;oBAYT,IAAI,CAAC,GAAG,GAAG,gBAAC,CAAC,QAAQ,CAAC,MAAM,gBAAC,CAAC,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;oBACjE,iBAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;oBAGlC,IAAI,CAAC,OAAO,GAAG,IAAI,iBAAU,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAA;oBAGvE,gBAAC,CAAC,OAAO,CAAC;wBACN,eAAe,EAAE,GAAG,iBAAO,CAAC,OAAO,sDAAsD;wBACzF,aAAa,EAAE,GAAG,iBAAO,CAAC,OAAO,oDAAoD;qBACxF,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAA;oBAItH,iBAAO,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,QAAQ,GAAG,UAAU,IAAI,UAAU,aAAa,GAAG,MAAM,CAAC;yBACpF,IAAI,CAAC,GAAG,EAAE;wBACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;wBAClB,IAAI,CAAC,OAAO,EAAE,CAAA;oBAClB,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,MAAM,GAAG,IAAI,CAAA;wBAClB,IAAI,CAAC,OAAO,EAAE,CAAA;oBAClB,CAAC,CAAC,CAAA;oBAGN,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,SAAS,ygBAA4B,CAAA;oBAG9D,IAAI,CAAC,SAAS,EAAE;yBACX,IAAI,CAAC,IAAI,CAAC,EAAE;wBACT,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,YAAY,2BAAY,CAAC,EAAE;4BAC1C,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;4BAClD,OAAM;yBACT;wBAGD,MAAM,YAAY,GAAG,GAAG,EAAE;4BACtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gCACjB,OAAM;6BACT;4BAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;4BAC/B,IAAI,CAAC,UAAU,EAAE,CAAA;4BACjB,IAAI,CAAC,OAAO,EAAE,CAAA;wBAClB,CAAC,CAAA;wBACD,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;wBAC/B,YAAY,EAAE,CAAA;oBAClB,CAAC,CAAC,CAAA;gBAUV,CAAC;gBA2BD,IAAI,CAAC,KAA4B;oBAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,OAAM;qBACT;oBACD,2BAAe,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;oBAChE,IAAI,QAAQ,GAAG,CAAC,CAAA;oBAChB,gBAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAA;oBAC9D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;gBAChC,CAAC;gBAED,OAAO,CAAC,KAAU;oBACd,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;wBAC9B,OAAO,CAAC,KAAK,CAAC,6EAA6E,CAAC,CAAA;wBAC5F,OAAM;qBACT;oBACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;gBACxE,CAAC;gBAED,MAAM,CAAC,KAAU;oBACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,MAAM,CAAC,CAAA;wBAE/D,IAAI,CAAC,OAAO,EAAE,CAAA;wBACd,OAAM;qBACT;oBACD,IAAI,KAAK,GAAW,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;oBAEzC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;wBACd,MAAM,YAAY,GAAG,MAAM;6BACtB,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;6BAC7C,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA;wBAC1B,IAAI,gBAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,EAAE;4BAChD,KAAK,GAAG,MAAM,CAAC,OAAO,CAClB,gBAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CACxB,CAAA;yBACJ;qBACJ;oBAED,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;wBACd,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,CAAA;wBACtE,OAAM;qBACT;oBACD,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;oBAEvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;gBAChC,CAAC;gBAGD,SAAS;oBACL,IAAI,IAAI,CAAC,OAAO,EAAE;wBACd,OAAO,IAAI,CAAC,OAAO,CAAA;qBACtB;oBACD,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CACrC,iBAAO,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAC7C,IAAI,CACP,CAAA;gBAWL,CAAC;gBAGD,SAAS,CAAC,UAA2B;oBACjC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,UAAU,CAAA;oBAC/C,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;wBAC1D,UAAU,CAAC,GAAG,EAAE;4BACZ,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;wBAC9B,CAAC,EAAE,GAAG,CAAC,CAAA;wBACP,OAAM;qBACT;oBACD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,CAAA;oBAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAO5B,IAAI,CAAC,OAAO,EAAE,CAAA;gBAElB,CAAC;gBAED,OAAO;oBACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;wBACb,OAAO,EAAE,CAAA;qBACZ;oBACD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;oBAC5C,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;wBAC/B,OAAO,EAAE,CAAA;qBACZ;oBACD,OAAO,MAAM,CAAA;gBACjB,CAAC;gBAwCD,YAAY;oBAER,IAAI,CAAC,UAAU,EAAE,CAAA;oBACjB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;oBAC/B,IAAI,CAAC,OAAO,EAAE,CAAA;gBAClB,CAAC;gBAED,UAAU;oBACN,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,OAAM;qBACT;oBACD,IAAI,QAAQ,GAAG,CAAC,CAAA;oBAChB,gBAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,CAAA;gBAC7D,CAAC;gBAED,MAAM,CAAC,GAAW,EAAE,OAAqB;oBACrC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;oBACzC,OAAO,IAAI,iBAAU,CAAS,CAAC,UAA8B,EAAE,EAAE;wBAC7D,IAAI,CAAC,YAAY;6BACZ,eAAe,CAAC,GAAG,CAAC;6BACpB,SAAS,CAAC;4BAMP,KAAK,CAAC,GAAG;gCACL,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC,CAAA;4BAC3C,CAAC;4BACD,QAAQ;gCAEJ,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;4BACxB,CAAC;yBACJ,CAAC,CAAA;oBACV,CAAC,CAAC,CAAA;gBACN,CAAC;gBAMD,UAAU,CAAC,GAAW,EAAE,OAAqB;oBACzC,IAAI,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;wBACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;qBAC5B;oBACD,IAAI,CAAC,OAAO,EAAE;wBACV,OAAO,GAAG,EAAE,CAAA;qBACf;oBACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,gBAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;oBAC3D,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,8BAA8B,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAA;oBAC9F,OAAO,GAAG,CAAA;gBACd,CAAC;aAcJ,CAAA;YAjWY;gBAAR,YAAK,EAAE;;6DAAe;YACd;gBAAR,YAAK,EAAE;;mEAAqB;YACpB;gBAAR,YAAK,EAAE;;yDAAW;YACV;gBAAR,YAAK,EAAE;;+DAAkB;YACjB;gBAAR,YAAK,EAAE;;+DAAkB;YACjB;gBAAR,YAAK,EAAE;;6DAAgB;YACf;gBAAR,YAAK,EAAE;;0DAAY;YACX;gBAAR,YAAK,EAAE;;8DAAgB;YAGf;gBAAR,YAAK,EAAE;;2DAAa;YACZ;gBAAR,YAAK,EAAE;;+DAAiB;YAChB;gBAAR,YAAK,EAAE;;+DAAiB;YAnBhB,iBAAiB;gBAZ7B,gBAAS,CAAC;oBAEP,QAAQ,EAAE,MAAM,UAAU,EAAE;oBAC5B,WAAW,EAAE,GAAG,QAAQ,IAAI,UAAU,IAAI,UAAU,aAAa,GAAG,OAAO;iBAO9E,CAAC;iDA4D4B,sBAAe;oBAClB,+BAAY;oBAChB,wBAAiB;oBACZ,iBAAU;eA7DzB,iBAAiB,CAwW7B;;QACD,CAAC","file":"selector.component.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.admin-select-content .content-type,.autocomplete-option .content-type,.
|
|
1
|
+
.admin-select-content .content-type,.autocomplete-option .content-type,.sa-selector .content-type,.selected-box.cdk-drag-preview .content-type{margin-bottom:2px}.admin-select-content .content-type mat-icon,.admin-select-content .content-type md-icon,.autocomplete-option .content-type mat-icon,.autocomplete-option .content-type md-icon,.sa-selector .content-type mat-icon,.sa-selector .content-type md-icon,.selected-box.cdk-drag-preview .content-type mat-icon,.selected-box.cdk-drag-preview .content-type md-icon{margin-right:4px;height:14px;width:14px;min-height:14px;min-width:14px}.admin-select-content .content-type .content-type-name,.autocomplete-option .content-type .content-type-name,.sa-selector .content-type .content-type-name,.selected-box.cdk-drag-preview .content-type .content-type-name{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.admin-select-content .no-image-icon mat-icon,.admin-select-content .no-image-icon md-icon,.autocomplete-option .no-image-icon mat-icon,.autocomplete-option .no-image-icon md-icon,.sa-selector .no-image-icon mat-icon,.sa-selector .no-image-icon md-icon,.selected-box.cdk-drag-preview .no-image-icon mat-icon,.selected-box.cdk-drag-preview .no-image-icon md-icon{height:28px;width:28px;min-height:28px;min-width:28px}.admin-select-content .no-image-icon mat-icon svg g,.admin-select-content .no-image-icon md-icon svg g,.autocomplete-option .no-image-icon mat-icon svg g,.autocomplete-option .no-image-icon md-icon svg g,.sa-selector .no-image-icon mat-icon svg g,.sa-selector .no-image-icon md-icon svg g,.selected-box.cdk-drag-preview .no-image-icon mat-icon svg g,.selected-box.cdk-drag-preview .no-image-icon md-icon svg g{fill:#fff}.admin-select-content .shapeholder,.autocomplete-option .shapeholder,.sa-selector .shapeholder,.selected-box.cdk-drag-preview .shapeholder{width:100%;display:block}.admin-select-content .column-title h3,.content-selector-autocomplete .column-title h3,.selected-box.cdk-drag-preview .column-title h3{margin:0 0 5px;font-size:16px}.content-selector,md-autocomplete{margin-top:12px}.selector-filter md-checkbox{padding-right:10px}.md-autocomplete-suggestions li{height:80px}.content-selector-autocomplete .autocomplete-row{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.1)}.content-selector-autocomplete .autocomplete-row *{line-height:1.4}.content-selector-autocomplete .autocomplete-row .column-image .image-container{margin-right:18px}.content-selector-autocomplete .autocomplete-row h3{font-size:14px}.content-selector-autocomplete .autocomplete-row .routing{font-size:13px}.content-selector-autocomplete .selected .column-title,.content-selector-autocomplete .selected .image{opacity:.3}.content-selector-autocomplete .selected mat-icon.selected-icon,.content-selector-autocomplete .selected md-icon.selected-icon{z-index:5;height:40px;width:40px;min-height:40px;min-width:40px}.content-selector-autocomplete .selected mat-icon.selected-icon svg,.content-selector-autocomplete .selected md-icon.selected-icon svg{filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5));-webkit-filter:drop-shadow(0 0 1px rgba(0, 0, 0, .5))}.content-selector-autocomplete .selected mat-icon.selected-icon svg g,.content-selector-autocomplete .selected md-icon.selected-icon svg g{fill:#fff}.selector-wrapper{background:rgba(255,255,255,.4);margin-top:20px;padding:40px}.selected-list{margin:0 auto;max-width:600px;min-height:60px;display:block;border-radius:4px;overflow:hidden}.selected-box{padding:12px 16px;color:rgba(0,0,0,.87);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:move;background:#fff;font-size:14px}.selected-box.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,.3)}.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}.selected-box:last-child{border:none}.selected-list.cdk-drop-list-dragging .selected-box:not(.cdk-drag-placeholder){transition:transform 250ms cubic-bezier(0,0,.2,1)}.custom-ghost-placeholder{background:rgba(0,0,0,.4);min-height:60px;transition:transform 250ms cubic-bezier(0,0,.2,1)}.selected-box.cdk-drag-preview .column-action,.selected-box.cdk-drag-preview .column-image,.selected-box.cdk-drag-preview .column-title,sa-selector .column-action,sa-selector .column-image,sa-selector .column-title{float:left}sa-selector .column-image{width:15%;padding-right:10px}sa-selector .column-image .image,sa-selector .column-image .no-image-icon{margin-right:10px}sa-selector .column-title{width:70%}sa-selector .column-action{width:15%}sa-selector .column-action>*{display:inline-block;vertical-align:middle;margin-bottom:2px}sa-selector .column-action>:last-child{margin-bottom:0}.selected-box.cdk-drag-preview .column-image{width:15%}.selected-box.cdk-drag-preview .column-title{width:85%}sa-selector{margin:0 auto}sa-selector .routing{color:#333;font-size:13px}sa-selector .selected-list .selected-list-header{margin-bottom:20px;padding-bottom:20px}sa-selector .selected-list .selected-list-header .note,sa-selector .selected-list .selected-list-header h3{margin:0;display:inline-block;vertical-align:text-bottom;line-height:1.2}sa-selector .selected-list .selected-list-header .note{padding-left:10px}sa-selector .selected-list .selected-list-container{width:100%}sa-selector .selected-list .selected-list-row{margin-bottom:10px;padding:12px 16px;background:rgba(0,0,0,.04);border-radius:2px}sa-selector .selected-list .selected-list-row.inactive{background:#ddd}sa-selector .selected-list .selected-list-row.unpublished{background:#ddd}sa-selector .selected-list .btn.btn-delete,sa-selector .selected-list .btn.btn-edit{float:right;width:35px;min-width:unset;height:35px;font-size:10px;margin-left:12px;padding:0;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3)}sa-selector .selected-list .btn.btn-delete:hover,sa-selector .selected-list .btn.btn-edit:hover{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.8)}sa-selector .selected-list .btn.btn-delete svg,sa-selector .selected-list .btn.btn-edit svg{margin:0 auto;width:60%}sa-selector .selected-list .btn.btn-delete svg g,sa-selector .selected-list .btn.btn-edit svg g{fill:#222}.firefox .btn.btn-delete svg,.firefox .btn.btn-delete svg g,.firefox .btn.btn-edit svg,.firefox .btn.btn-edit svg g{max-width:28px;max-height:28px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><ng-template #emptyList><div class="selected-list-header border-default border-default-bottom"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3></div><div class="selected-message-box">Nothing has been selected.</div></ng-template><div class="selected-list" *ngIf="styled"><div class="selected-list-header border-default border-default-bottom" *ngIf="!empty; else emptyList"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3><p class="note">Drag to reorder</p></div><div cdkDropList (cdkDropListDropped)="drop($event)"><div cdkDrag class="selected-list-row selected-box" [ngClass]="{'active': _.get(selectedModel, 'status') === 1, 'inactive' : _.get(selectedModel, 'status') !== 1, 'published': _.get(selectedModel, 'version.published') === 1, 'unpublished': _.get(selectedModel, 'version.published') !== 1}" *ngFor="let selectedModel of dataSub | async"><div class="custom-ghost-placeholder" *cdkDragPlaceholder></div><div class="selected-list-container"><div class="column-image position-anchor"><div class="image position-all" *ngIf="has(selectedModel, 'version.bestImage._thumbSrc') && !has(selectedModel, 'version.videos')" data-stratus-src [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'version.bestImage._thumbSrc') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="image position-all" *ngIf="!has(selectedModel, 'version.bestImage._thumbSrc') && has(selectedModel, 'version.videos')" [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'version.videos[0].src') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="no-image-icon position-all" *ngIf="!has(selectedModel, 'version.bestImage._thumbSrc') && !has(selectedModel, 'version.videos')" [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'"><mat-icon class="content-type-icon position-center" [svgIcon]="getSvg(
|
|
1
|
+
<mat-progress-bar mode="indeterminate" *ngIf="!styled"></mat-progress-bar><ng-template #emptyList><div class="selected-list-header border-default border-default-bottom"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3></div><div class="selected-message-box">Nothing has been selected.</div></ng-template><div class="selected-list" *ngIf="styled"><div class="selected-list-header border-default border-default-bottom" *ngIf="!empty; else emptyList"><h3 [textContent]="'Selected ' + (type || 'Items')"></h3><p class="note">Drag to reorder</p></div><div cdkDropList (cdkDropListDropped)="drop($event)"><div cdkDrag class="selected-list-row selected-box" [ngClass]="{'active': _.get(selectedModel, 'status') === 1, 'inactive' : _.get(selectedModel, 'status') !== 1, 'published': _.get(selectedModel, 'version.published') === 1, 'unpublished': _.get(selectedModel, 'version.published') !== 1}" *ngFor="let selectedModel of dataSub | async"><div class="custom-ghost-placeholder" *cdkDragPlaceholder></div><div class="selected-list-container"><div class="column-image position-anchor"><div class="image position-all" *ngIf="has(selectedModel, 'version.bestImage._thumbSrc') && !has(selectedModel, 'version.videos')" data-stratus-src [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'version.bestImage._thumbSrc') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="image position-all" *ngIf="!has(selectedModel, 'version.bestImage._thumbSrc') && has(selectedModel, 'version.videos')" [ngStyle]="{'background': 'url(' + _.get(selectedModel, 'version.videos[0].src') + ') no-repeat center center', 'background-size': 'cover'}"></div><div class="no-image-icon position-all" *ngIf="!has(selectedModel, 'version.bestImage._thumbSrc') && !has(selectedModel, 'version.videos')" [ngClass]="_.get(selectedModel, 'contentType.class') + '-background-color'"><mat-icon class="content-type-icon position-center" [svgIcon]="getSvg(Stratus.BaseUrl + (_.get(selectedModel, 'contentType.iconResourcePath') || _.get(selectedModel, 'iconResourcePath'))) | async">Icon</mat-icon></div><img class="shapeholder" [src]="Stratus.BaseUrl + 'sitetheorycore/images/shapeholder-square.png'"></div><div class="column-title"><div class="content-type" *ngIf="has(selectedModel, 'contentType.iconResourcePath')"><mat-icon class="content-type-icon" [svgIcon]="getSvg(Stratus.BaseUrl + _.get(selectedModel, 'contentType.iconResourcePath')) | async">ContentType Icon</mat-icon><span class="comment content-type-name font-body" [ngClass]="((_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) | lowercase) + '-color'" [textContent]="(_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name')) + ((_.get(selectedModel, 'status') !== 1) ? ' (hidden)' : '') + ((_.get(selectedModel, 'version.published') !== 1) ? ' (unpublished)' : '')"></span></div><h3 [innerHTML]="_.get(selectedModel, 'version.bestIdentifier') || _.get(selectedModel, 'name') || (_.get(selectedModel, 'contentType.controller') === 'Content\\Module' ? _.get(selectedModel, 'version.internalIdentifier') : 'Untitled ' + _.get(selectedModel, 'contentType.name') + ' (' + _.get(selectedModel, 'id') + ')')"></h3><span class="routing" [textContent]="(has(selectedModel, 'routing') ? '/' + _.get(selectedModel, 'routing[0].url') : null) || _.get(selectedModel, 'description') || ''"></span></div><div class="column-action"><a mat-button [matTooltip]="'Delete ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))" aria-label="Delete Item" class="btn btn-delete" (click)="remove(selectedModel)"><mat-icon svgIcon="selector_delete" aria-hidden="false" aria-label="Delete Item">Delete</mat-icon></a><a mat-button *ngIf="has(selectedModel, 'contentType.editUrl')" [matTooltip]="'Edit ' + (_.get(selectedModel, 'contentType.name') || _.get(selectedModel, 'name'))" aria-label="Edit Item in New Window" class="btn btn-edit" (click)="goToUrl(selectedModel, '_blank');"><mat-icon svgIcon="selector_edit" aria-hidden="false" aria-label="Edit Item">Edit</mat-icon></a></div></div></div></div></div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["@angular/core","@angular/forms","@angular/cdk/drag-drop","rxjs","@angular/platform-browser","@angular/material/icon","@stratusjs/runtime/stratus","lodash","@stratusjs/core/environment","@stratusjs/angular/core/root.component","@stratusjs/angularjs/services/registry","@stratusjs/core/events/eventManager"],function(e
|
|
1
|
+
System.register(["@angular/core","@angular/forms","@angular/cdk/drag-drop","rxjs","@angular/platform-browser","@angular/material/icon","@stratusjs/runtime/stratus","lodash","@stratusjs/core/environment","@stratusjs/angular/core/root.component","@stratusjs/angularjs/services/registry","@stratusjs/core/events/eventManager"],function(t,e){"use strict";var r,s,o,n,i,a,c,d,l,u,h,f,p,g,y,m,v,b=this&&this.__decorate||function(t,e,r,s){var o,n=arguments.length,i=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(i=(n<3?o(i):n>3?o(e,r,i):o(e,r))||i);return n>3&&i&&Object.defineProperty(e,r,i),i},S=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};e&&e.id;return{setters:[function(t){r=t},function(t){s=t},function(t){o=t},function(t){n=t},function(t){i=t},function(t){a=t},function(t){c=t},function(t){d=t},function(t){l=t},function(t){u=t},function(t){h=t},function(t){f=t}],execute:function(){"@stratusjs/angular",p="selector",g=l.cookie("env")?"":".min",y=`${c.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,m=(t,e)=>d.default.has(t,e)&&!d.default.isEmpty(d.default.get(t,e)),v=class extends u.RootComponent{constructor(t,e,r,o){super(),this.iconRegistry=t,this.sanitizer=e,this.ref=r,this.elementRef=o,this.title="selector_component",this._=d.default,this.has=m,this.log=console.log,this.Stratus=c.Stratus,this.selectCtrl=new s.FormControl,this.registry=new h.Registry,this.onChange=new n.Subject,this.svgIcons={},this.styled=!1,this.empty=!1,this.uid=d.default.uniqueId(`sa_${d.default.snakeCase(p)}_component_`),c.Stratus.Instances[this.uid]=this,this.dataSub=new n.Observable(t=>this.dataDefer(t)),d.default.forEach({selector_delete:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,selector_edit:`${c.Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`},(r,s)=>t.addSvgIcon(s,e.bypassSecurityTrustResourceUrl(r)).getNamedSvgIcon(s)),c.Stratus.Internals.CssLoader(`${y}selector/selector.component${g}.css`).then(()=>{this.styled=!0,this.refresh()}).catch(t=>{console.warn("Issue detected in CSS Loader for Component:",this),console.error(t),this.styled=!0,this.refresh()}),this.hydrate(o,e,["title","uid","target","targetSuffix","id","manifest","decouple","direct","api","urlRoot","type","property","endpoint","_","has","log","Stratus","selectCtrl","registry","fetched","data","collection","model","dataSub","onChange","subscriber","svgIcons","styled","empty","iconRegistry","sanitizer","ref","elementRef","drop","goToUrl","remove","fetchData","dataDefer","dataRef","onDataChange","prioritize","getSvg","addSvgIcon","hydrate","reloading","refresh","ngOnDestroy"]),this.fetchData().then(t=>{if(!(t&&t instanceof f.EventManager))return void console.warn("Unable to bind data from Registry!");const e=()=>{t.completed&&(this.dataDefer(this.subscriber),this.prioritize(),this.refresh())};t.on("change",e),e()})}drop(t){const e=this.dataRef();if(!e||!e.length)return;o.moveItemInArray(e,t.previousIndex,t.currentIndex);let r=0;d.default.forEach(e,t=>t.priority=r++),this.model.trigger("change")}goToUrl(t){t&&t.contentType?window.open(t.contentType.editUrl+"?id="+t.id,"_blank"):console.error("unable to execute goToUrl() because a valid model content was not provided.")}remove(t){const e=this.dataRef();if(!e||!e.length)return console.error("unable to remove model from selection:",e),void this.refresh();let r=e.indexOf(t);if(-1===r){const s=e.map(e=>t.id===e.id?e:null).filter(t=>t);d.default.isArray(s)&&s.length&&(r=e.indexOf(d.default.first(s)))}-1!==r?(e.splice(r,1),this.model.trigger("change")):console.error("unable to find model:",t,"in selection:",e)}fetchData(){return this.fetched?this.fetched:this.fetched=this.registry.fetch(c.Stratus.Select(this.elementRef.nativeElement),this)}dataDefer(t){if(this.subscriber=this.subscriber||t,!this.subscriber||!this.model||!this.model.completed)return void setTimeout(()=>{this.dataDefer(t)},500);const e=this.dataRef();this.empty=!e.length,this.subscriber.next(e),this.refresh()}dataRef(){if(!this.model)return[];const t=this.model.get(this.property);return t&&d.default.isArray(t)?t:[]}onDataChange(){this.prioritize(),this.dataDefer(this.subscriber),this.refresh()}prioritize(){const t=this.dataRef();if(!t||!t.length)return;let e=0;d.default.forEach(t,t=>t.priority=e++)}getSvg(t,e){const r=this.addSvgIcon(t,e);return new n.Observable(e=>{this.iconRegistry.getNamedSvgIcon(r).subscribe({error(e){console.error(`getSvg(${t}): ${e}`)},complete(){e.next(r)}})})}addSvgIcon(t,e){if(t in this.svgIcons)return this.svgIcons[t];e||(e={});const r=this.svgIcons[t]=d.default.uniqueId("selector_svg");return this.iconRegistry.addSvgIcon(r,this.sanitizer.bypassSecurityTrustResourceUrl(t),e),r}},b([r.Input(),S("design:type",String)],v.prototype,"target",void 0),b([r.Input(),S("design:type",String)],v.prototype,"targetSuffix",void 0),b([r.Input(),S("design:type",Number)],v.prototype,"id",void 0),b([r.Input(),S("design:type",Boolean)],v.prototype,"manifest",void 0),b([r.Input(),S("design:type",Boolean)],v.prototype,"decouple",void 0),b([r.Input(),S("design:type",Boolean)],v.prototype,"direct",void 0),b([r.Input(),S("design:type",Object)],v.prototype,"api",void 0),b([r.Input(),S("design:type",String)],v.prototype,"urlRoot",void 0),b([r.Input(),S("design:type",String)],v.prototype,"type",void 0),b([r.Input(),S("design:type",String)],v.prototype,"property",void 0),b([r.Input(),S("design:type",String)],v.prototype,"endpoint",void 0),v=b([r.Component({selector:"sa-selector",templateUrl:`${y}/selector/selector.component${g}.html`}),S("design:paramtypes",[a.MatIconRegistry,i.DomSanitizer,r.ChangeDetectorRef,r.ElementRef])],v),t("SelectorComponent",v)}}});
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
.admin-select-content,
|
|
5
5
|
.autocomplete-option,
|
|
6
6
|
.sa-selector,
|
|
7
|
-
.cdk-drag-preview {
|
|
7
|
+
.selected-box.cdk-drag-preview {
|
|
8
8
|
.content-type {
|
|
9
9
|
margin-bottom: 2px;
|
|
10
10
|
md-icon,
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
}
|
|
42
42
|
.content-selector-autocomplete,
|
|
43
43
|
.admin-select-content,
|
|
44
|
-
.cdk-drag-preview {
|
|
44
|
+
.selected-box.cdk-drag-preview {
|
|
45
45
|
.column-title h3 {
|
|
46
46
|
margin: 0 0 5px;
|
|
47
47
|
font-size: 16px;
|
|
@@ -134,7 +134,7 @@ md-autocomplete,
|
|
|
134
134
|
background: white;
|
|
135
135
|
font-size: 14px;
|
|
136
136
|
}
|
|
137
|
-
.cdk-drag-preview {
|
|
137
|
+
.selected-box.cdk-drag-preview {
|
|
138
138
|
box-sizing: border-box;
|
|
139
139
|
border-radius: 4px;
|
|
140
140
|
box-shadow: 2px 2px 4px rgba(0,0,0,.3)
|
|
@@ -159,7 +159,7 @@ md-autocomplete,
|
|
|
159
159
|
|
|
160
160
|
|
|
161
161
|
sa-selector,
|
|
162
|
-
.cdk-drag-preview {
|
|
162
|
+
.selected-box.cdk-drag-preview {
|
|
163
163
|
.column-image,
|
|
164
164
|
.column-title,
|
|
165
165
|
.column-action {
|
|
@@ -191,7 +191,7 @@ sa-selector {
|
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
.cdk-drag-preview {
|
|
194
|
+
.selected-box.cdk-drag-preview {
|
|
195
195
|
.column-image {
|
|
196
196
|
width: 15%;
|
|
197
197
|
}
|