@stratusjs/angular 0.4.7 → 0.4.9

package/src/editor/editor.component.ts

@@ -268,6 +268,13 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
     dataChangeLog: string[] = []
     dataString = ''
 
+    // Debounce Saving Controls
+    debounceSave = true
+    debounceTime = 5000
+
+    // Model Saving Controls
+    forceSave = true
+
     // Child Components
     froalaEditorDirective: FroalaEditorDirective
     // quill: Quill
@@ -426,8 +433,9 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
             'alignJustify',
         ],
         moreRich: [
-            'insertImage',
+            'mediaManager',
             'insertTable',
+            'insertImage',
             'insertVideo',
             'insertFile',
             'citationInsert',
@@ -500,8 +508,8 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         },
         fileInsertButtons: [
             'fileBack',
-            '|',
-            'mediaManager'
+            // '|',
+            // 'mediaManager'
         ],
         fileUploadURL: 'https://app.sitetheory.io/?session=' + cookie('SITETHEORY'),
         fontFamily: {
@@ -760,11 +768,15 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         imageInsertButtons: [
             'imageBack',
             '|',
-            'mediaManager',
+            // 'mediaManager',
             'imageUpload',
             'imageByURL',
             // 'imageManager'
         ],
+        // TODO: These options control the styles for images
+        // imageDefaultWidth: 'auto', // Default: 300
+        // imageDefaultAlign: false, // Default: 'center'
+        // imageDefaultDisplay: false, // Default: 'block'
         imageUpload: true,
         imageUploadRemoteUrls: true,
         imageUploadURL: 'https://app.sitetheory.io/?session=' + cookie('SITETHEORY'),
@@ -781,8 +793,8 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         linkEditButtons: [
             'linkOpen',
             // 'linkStyle',
-            'linkEdit',
-            // 'linkManager',
+            // 'linkEdit',
+            'linkManagerEdit',
             'linkRemove',
         ],
         linkInsertButtons: [
@@ -876,10 +888,10 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
             'wordPaste',
         ],
         quickInsertButtons: [
-            'image',
-            'video',
+            // 'image',
             'media',
             'link',
+            'video',
             'embedly',
             'table',
             'ul',
@@ -954,7 +966,7 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         videoInsertButtons: [
             'videoBack',
             '|',
-            'mediaManager',
+            // 'mediaManager',
             'videoByURL',
             'videoEmbed',
             'videoUpload',
@@ -1098,47 +1110,59 @@ export class EditorComponent extends RootComponent implements OnInit, TriggerInt
         // console.info(`${moduleName}.ngOnInit`)
         const dataControl = this.form.get('dataString')
         // This valueChanges field is an Event Emitter
-        dataControl.valueChanges.forEach(
-            (value: string) => {
-                // Avoid saving until the Model is truly available
-                if (!this.model.completed) {
-                    return
-                }
+        if (this.debounceSave) {
+            dataControl.valueChanges.pipe(
+                debounce(() => timer(this.debounceTime)),
+                catchError(this.handleError)
+            ).subscribe((evt: string) => this.modelSave(evt))
+        } else {
+            dataControl.valueChanges.forEach(
+                (value: string) => this.modelSave(value)
+            )
+        }
+        if (this.dev) {
+            this.listDuplicates(this.froalaConfig)
+        }
+    }
 
-                // This avoids saving if it's the same
-                // if (value === this.model.get(this.property)) {
-                //     return
-                // }
-
-                // This keeps a change log of what's been typed.  I used this for testing purposes,
-                // but something this simple could be used for simple UX purposes down the road.
-                // this.dataChangeLog.push(value)
-
-                // If `useClasses: false`, this uses the innerHTML instead of the form output
-                // to avoid the fr-original-style attributes being persisted into the models.
-                let innerHTML = null
-                if (!this.froalaConfig.useClasses
-                    && this.froalaEditorDirective
-                    // @ts-ignore
-                    && this.froalaEditorDirective.getEditor()
-                    // @ts-ignore
-                    && this.froalaEditorDirective.getEditor().el
-                    // @ts-ignore
-                    && this.froalaEditorDirective.getEditor().el.innerHTML
-                ) {
-                    // @ts-ignore
-                    innerHTML = this.froalaEditorDirective.getEditor().el.innerHTML
-                }
+    modelSave(value: string) {
+        // Avoid saving until the Model is truly available
+        if (!this.model.completed) {
+            return
+        }
 
-                // Save the qualified change!
-                this.model.set(
-                    this.property,
-                    this.normalizeOut(innerHTML || value)
-                )
-            }
+        // This avoids saving if it's the same
+        // if (value === this.model.get(this.property)) {
+        //     return
+        // }
+
+        // This keeps a change log of what's been typed.  I used this for testing purposes,
+        // but something this simple could be used for simple UX purposes down the road.
+        // this.dataChangeLog.push(value)
+
+        // If `useClasses: false`, this uses the innerHTML instead of the form output
+        // to avoid the fr-original-style attributes being persisted into the models.
+        let innerHTML = null
+        if (!this.froalaConfig.useClasses
+            && this.froalaEditorDirective
+            // @ts-ignore
+            && this.froalaEditorDirective.getEditor()
+            // @ts-ignore
+            && this.froalaEditorDirective.getEditor().el
+            // @ts-ignore
+            && this.froalaEditorDirective.getEditor().el.innerHTML
+        ) {
+            // @ts-ignore
+            innerHTML = this.froalaEditorDirective.getEditor().el.innerHTML
+        }
+
+        // Save the qualified change!
+        this.model.set(
+            this.property,
+            this.normalizeOut(innerHTML || value)
         )
-        if (this.dev) {
-            this.listDuplicates(this.froalaConfig)
+        if (this.forceSave) {
+            this.model.save()
         }
     }
 

package/src/editor/media-dialog.component.js

@@ -187,18 +187,24 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                 }
                 createEmbed(media) {
                     if (media._embedCode) {
-                        return media._embedCode;
+                        return {
+                            html: media._embedCode
+                        };
                     }
                     if (lodash_1.default.startsWith(media.mime, 'image')) {
                         if (!media._thumbnailUrl || (media.service === 'directLink' && !media.file)) {
                             console.warn(`media-dialog: unable to determine image source for media id: ${media.id}`);
                             return null;
                         }
-                        return `<img src="${media._thumbnailUrl || media.file}" alt="${media.name || media.filename}" ${media.mime !== 'image/gif' ? 'data-stratus-src' : ''}">`;
+                        return {
+                            html: `<img src="${media._thumbnailUrl || media.file}" alt="${media.name || media.filename}" ${media.mime !== 'image/gif' ? 'data-stratus-src' : ''}">`
+                        };
                     }
                     if (media.mime === 'video') {
                         if (media.embed) {
-                            return media.embed;
+                            return {
+                                html: media.embed
+                            };
                         }
                         const iframeAttributes = 'width="100%" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" webkitAllowFullScreen="" mozAllowFullScreen=""';
                         if (media.service === 'facebook') {
@@ -208,13 +214,17 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                                 return null;
                             }
                             if (this.embedly) {
-                                return `<div class="fr-embedly"
+                                return {
+                                    html: `<div class="fr-embedly"
                                  data-original-embed="<a href='${mediaUrl}' data-card-branding='0' class='embedly-card'></a>"
                                  style="height: 998px;">
                                  <a href="${mediaUrl}" data-card-branding="0" class="embedly-card"></a>
-                             </div>`;
+                             </div>`
+                                };
                             }
-                            return `<iframe src="https://www.facebook.com/plugins/video.php?href=${mediaUrl}" ${iframeAttributes}></iframe>`;
+                            return {
+                                html: `<iframe src="https://www.facebook.com/plugins/video.php?href=${mediaUrl}" ${iframeAttributes}></iframe>`
+                            };
                         }
                         if (!media.serviceMediaId) {
                             console.warn(`media-dialog: unable to find serviceMediaId for video with media id: ${media.id}`);
@@ -222,23 +232,31 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                         }
                         if (media.service === 'vimeo') {
                             if (this.embedly) {
-                                return `<div class="fr-embedly"
+                                return {
+                                    html: `<div class="fr-embedly"
                                 data-original-embed="<a href='https://vimeo.com/${media.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"
                                 style="height: 370px;">
                                 <a href="https://vimeo.com/${media.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>
-                            </div>`;
+                            </div>`
+                                };
                             }
-                            return `<iframe src="https://player.vimeo.com/video/${media.serviceMediaId}" ${iframeAttributes}></iframe>`;
+                            return {
+                                html: `<iframe src="https://player.vimeo.com/video/${media.serviceMediaId}" ${iframeAttributes}></iframe>`
+                            };
                         }
                         if (media.service === 'youtube') {
                             if (this.embedly) {
-                                return `<div class="fr-embedly"
+                                return {
+                                    html: `<div class="fr-embedly"
                                  data-original-embed="<a href='https://www.youtube.com/watch?v=${media.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"
                                  style="height: 370px;">
                                 <a href="https://www.youtube.com/watch?v=${media.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>
-                            </div>`;
+                            </div>`
+                                };
                             }
-                            return `<iframe src="https://www.youtube.com/embed/${media.serviceMediaId}" ${iframeAttributes}></iframe>`;
+                            return {
+                                html: `<iframe src="https://www.youtube.com/embed/${media.serviceMediaId}" ${iframeAttributes}></iframe>`
+                            };
                         }
                         console.warn(`media-dialog: unsupported service: ${media.service} for media id: ${media.id}`);
                         return null;
@@ -248,12 +266,14 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                             console.warn(`media-dialog: unable to determine audio source for media id: ${media.id}`);
                             return null;
                         }
-                        return `<audio controls>
+                        return {
+                            html: `<audio controls>
                         <source src="https://${media.url}" type="${media.mime}">
                         <p>
                             Your browser doesn't support HTML5 audio, but you can <a href="https://${media.url}">download the audio here</a>.
                         </p>
-                    </audio>`;
+                    </audio>`
+                        };
                     }
                     if (media.mime === 'application/pdf') {
                         if (!media.url) {
@@ -261,13 +281,17 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                             return null;
                         }
                         if (this.embedly) {
-                            return `<div class="fr-embedly"
+                            return {
+                                html: `<div class="fr-embedly"
                              data-original-embed="<a href='https://${media.url}' data-card-branding='0' class='embedly-card'></a>"
                              style="height: 71px;">
                              <a href="https://${media.url}" data-card-branding="0" class="embedly-card"></a>
-                         </div>`;
+                         </div>`
+                            };
                         }
-                        return `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`;
+                        return {
+                            html: `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`
+                        };
                     }
                     if (media.mime === 'application/msword') {
                         if (!media.url) {
@@ -275,13 +299,17 @@ System.register(["@angular/core", "@angular/forms", "@angular/material/dialog",
                             return null;
                         }
                         if (this.embedly) {
-                            return `<div class="fr-embedly"
+                            return {
+                                html: `<div class="fr-embedly"
                              data-original-embed="<a href='https://${media.url}' data-card-branding='0' class='embedly-card'></a>"
                              style="height: 71px;">
                              <a href="https://${media.url}" data-card-branding="0" class="embedly-card"></a>
-                         </div>`;
+                         </div>`
+                            };
                         }
-                        return `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`;
+                        return {
+                            html: `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`
+                        };
                     }
                     console.warn(`media-dialog: unsupported mime type: ${media.mime} for media id: ${media.id}`);
                     return null;

package/src/editor/media-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["media-dialog.component.ts"],"names":[],"mappings":"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","file":"media-dialog.component.js"}
+{"version":3,"sources":["media-dialog.component.ts"],"names":[],"mappings":"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","file":"media-dialog.component.js"}

package/src/editor/media-dialog.component.min.js

@@ -1 +1 @@
-System.register(["@angular/core","@angular/forms","@angular/material/dialog","@angular/material/snack-bar","rxjs/operators","lodash","@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/angular/backend.service","@stratusjs/angularjs/services/model","@stratusjs/angular/core/responsive.component"],function(e,t){"use strict";var i,a,s,r,d,n,o,l,c,u,m,h,f,g,p,b=this&&this.__decorate||function(e,t,i,a){var s,r=arguments.length,d=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(d=(r<3?s(d):r>3?s(t,i,d):s(t,i))||d);return r>3&&d&&Object.defineProperty(t,i,d),d},v=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},y=this&&this.__param||function(e,t){return function(i,a){t(i,a,e)}};t&&t.id;return{setters:[function(e){i=e},function(e){a=e},function(e){s=e},function(e){r=e},function(e){d=e},function(e){n=e},function(e){o=e},function(e){l=e},function(e){c=e},function(e){u=e},function(e){m=e}],execute:function(){"@stratusjs/angular",h="media-dialog","editor",f=l.cookie("env")?"":".min",g=`${o.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,p=class extends m.ResponsiveComponent{constructor(e,t,i,a,s,r){super(),this.dialogRef=e,this.data=t,this.fb=i,this.backend=a,this.snackBar=s,this.ref=r,this.title=h+"_component",this._=n.default,this.Stratus=o.Stratus,this.apiBase="/Api/Media",this.mediaEntities=[],this.isMediaLoading=!0,this.limit=20,this.eventInsert=!0,this.selected=[],this.embedly=!0}ngOnInit(){this.uid=n.default.uniqueId(`sa_${n.default.snakeCase(h)}_component_`),o.Stratus.Instances[this.uid]=this,o.Stratus.Internals.CssLoader(`${g}/editor/media-dialog.component${f}.css`),this.model=this.data.model,this.property=this.data.property,this.editor=this.data.editor,this.eventManager=this.data.eventManager,n.default.isBoolean(this.data.eventInsert)&&(this.eventInsert=this.data.eventInsert),this.dialogMediaForm=this.fb.group({mediaQueryInput:""}),this.dialogMediaForm.get("mediaQueryInput").valueChanges.pipe(d.debounceTime(300),d.tap(()=>{}),d.switchMap(e=>this.getQuery(e))).subscribe(e=>this.processMedia(e)),this.getQuery().subscribe(e=>this.processMedia(e)),this.refresh()}onCancelClick(){this.dialogRef.close(),this.refresh()}onPage(e){this.pageEvent=e,this.getQuery(this.lastMediaQuery).subscribe(e=>this.processMedia(e))}getQueryUrl(e){let t=this.limit,i=1;return this.pageEvent&&(t=this.pageEvent.pageSize,i=this.pageEvent.pageIndex+1),e=n.default.isString(e)&&!n.default.isEmpty(e)?`"${e}"`:"",`${this.apiBase}?limit=${t}&p=${i}&q=${e}`}getQuery(e){return this.lastMediaQuery=e,this.isMediaLoading=!0,this.backend.get(this.getQueryUrl(e)).pipe(d.finalize(()=>this.isMediaLoading=!1))}processMedia(e){if(!e.ok||200!==e.status||n.default.isEmpty(e.body))return this.meta={},this.mediaEntities=[],this.refresh(),this.mediaEntities;this.meta=n.default.get(e.body,"meta")||{};const t=n.default.get(e.body,"payload")||e.body;return n.default.isEmpty(t)||!Array.isArray(t)?(this.mediaEntities=[],this.isMediaLoading=!1,this.refresh(),this.mediaEntities):(this.mediaEntities=t,this.isMediaLoading=!1,this.refresh(),this.mediaEntities)}select(e){if(n.default.isUndefined(e))return;const t=this.createEmbed(e);return t?(this.selected.push(e.id),this.eventInsert?void(this.eventManager?this.eventManager.trigger("insert",t,this.editor):console.warn("media-dialog: event manager is not set.")):this.model instanceof u.Model&&n.default.isString(this.property)?(console.warn("media-dialog: disabling eventInsert is not recommended."),void this.model.set(this.property,this.model.get(this.property)+t)):void console.warn("media-dialog: event manager not available.")):(console.warn(`media-dialog: unable to build embed for Media ID: ${e.id}`),void this.snackBar.open(`Unable to build embed for Media ID: ${e.id}.`,"dismiss",{duration:5e3,horizontalPosition:"right",verticalPosition:"bottom"}))}isSelected(e){if(!n.default.isUndefined(e))return n.default.includes(this.selected,e.id)}createEmbed(e){if(e._embedCode)return e._embedCode;if(n.default.startsWith(e.mime,"image"))return!e._thumbnailUrl||"directLink"===e.service&&!e.file?(console.warn(`media-dialog: unable to determine image source for media id: ${e.id}`),null):`<img src="${e._thumbnailUrl||e.file}" alt="${e.name||e.filename}" ${"image/gif"!==e.mime?"data-stratus-src":""}">`;if("video"===e.mime){if(e.embed)return e.embed;const t='width="100%" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" webkitAllowFullScreen="" mozAllowFullScreen=""';if("facebook"===e.service){const i=e.url||e.file;return i?this.embedly?`<div class="fr-embedly"\n                                 data-original-embed="<a href='${i}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 998px;">\n                                 <a href="${i}" data-card-branding="0" class="embedly-card"></a>\n                             </div>`:`<iframe src="https://www.facebook.com/plugins/video.php?href=${i}" ${t}></iframe>`:(console.warn(`media-dialog: unable to find url for video with media id: ${e.id}`),null)}return e.serviceMediaId?"vimeo"===e.service?this.embedly?`<div class="fr-embedly"\n                                data-original-embed="<a href='https://vimeo.com/${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                style="height: 370px;">\n                                <a href="https://vimeo.com/${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`:`<iframe src="https://player.vimeo.com/video/${e.serviceMediaId}" ${t}></iframe>`:"youtube"===e.service?this.embedly?`<div class="fr-embedly"\n                                 data-original-embed="<a href='https://www.youtube.com/watch?v=${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 370px;">\n                                <a href="https://www.youtube.com/watch?v=${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`:`<iframe src="https://www.youtube.com/embed/${e.serviceMediaId}" ${t}></iframe>`:(console.warn(`media-dialog: unsupported service: ${e.service} for media id: ${e.id}`),null):(console.warn(`media-dialog: unable to find serviceMediaId for video with media id: ${e.id}`),null)}return n.default.startsWith(e.mime,"audio")?e.url?`<audio controls>\n                        <source src="https://${e.url}" type="${e.mime}">\n                        <p>\n                            Your browser doesn't support HTML5 audio, but you can <a href="https://${e.url}">download the audio here</a>.\n                        </p>\n                    </audio>`:(console.warn(`media-dialog: unable to determine audio source for media id: ${e.id}`),null):"application/pdf"===e.mime?e.url?this.embedly?`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`:(console.warn(`media-dialog: unable to determine PDF source for media id: ${e.id}`),null):"application/msword"===e.mime?e.url?this.embedly?`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`:(console.warn(`media-dialog: unable to determine Word Document source for media id: ${e.id}`),null):(console.warn(`media-dialog: unsupported mime type: ${e.mime} for media id: ${e.id}`),null)}},p=b([i.Component({selector:"sa-media-dialog",templateUrl:`${g}/editor/media-dialog.component${f}.html`}),y(1,i.Inject(s.MAT_DIALOG_DATA)),v("design:paramtypes",[s.MatDialogRef,Object,a.FormBuilder,c.BackendService,r.MatSnackBar,i.ChangeDetectorRef])],p),e("MediaDialogComponent",p)}}});
+System.register(["@angular/core","@angular/forms","@angular/material/dialog","@angular/material/snack-bar","rxjs/operators","lodash","@stratusjs/runtime/stratus","@stratusjs/core/environment","@stratusjs/angular/backend.service","@stratusjs/angularjs/services/model","@stratusjs/angular/core/responsive.component"],function(e,t){"use strict";var i,a,s,r,d,n,o,l,c,m,u,h,f,g,p,b=this&&this.__decorate||function(e,t,i,a){var s,r=arguments.length,d=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(d=(r<3?s(d):r>3?s(t,i,d):s(t,i))||d);return r>3&&d&&Object.defineProperty(t,i,d),d},v=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},y=this&&this.__param||function(e,t){return function(i,a){t(i,a,e)}};t&&t.id;return{setters:[function(e){i=e},function(e){a=e},function(e){s=e},function(e){r=e},function(e){d=e},function(e){n=e},function(e){o=e},function(e){l=e},function(e){c=e},function(e){m=e},function(e){u=e}],execute:function(){"@stratusjs/angular",h="media-dialog","editor",f=l.cookie("env")?"":".min",g=`${o.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,p=class extends u.ResponsiveComponent{constructor(e,t,i,a,s,r){super(),this.dialogRef=e,this.data=t,this.fb=i,this.backend=a,this.snackBar=s,this.ref=r,this.title=h+"_component",this._=n.default,this.Stratus=o.Stratus,this.apiBase="/Api/Media",this.mediaEntities=[],this.isMediaLoading=!0,this.limit=20,this.eventInsert=!0,this.selected=[],this.embedly=!0}ngOnInit(){this.uid=n.default.uniqueId(`sa_${n.default.snakeCase(h)}_component_`),o.Stratus.Instances[this.uid]=this,o.Stratus.Internals.CssLoader(`${g}/editor/media-dialog.component${f}.css`),this.model=this.data.model,this.property=this.data.property,this.editor=this.data.editor,this.eventManager=this.data.eventManager,n.default.isBoolean(this.data.eventInsert)&&(this.eventInsert=this.data.eventInsert),this.dialogMediaForm=this.fb.group({mediaQueryInput:""}),this.dialogMediaForm.get("mediaQueryInput").valueChanges.pipe(d.debounceTime(300),d.tap(()=>{}),d.switchMap(e=>this.getQuery(e))).subscribe(e=>this.processMedia(e)),this.getQuery().subscribe(e=>this.processMedia(e)),this.refresh()}onCancelClick(){this.dialogRef.close(),this.refresh()}onPage(e){this.pageEvent=e,this.getQuery(this.lastMediaQuery).subscribe(e=>this.processMedia(e))}getQueryUrl(e){let t=this.limit,i=1;return this.pageEvent&&(t=this.pageEvent.pageSize,i=this.pageEvent.pageIndex+1),e=n.default.isString(e)&&!n.default.isEmpty(e)?`"${e}"`:"",`${this.apiBase}?limit=${t}&p=${i}&q=${e}`}getQuery(e){return this.lastMediaQuery=e,this.isMediaLoading=!0,this.backend.get(this.getQueryUrl(e)).pipe(d.finalize(()=>this.isMediaLoading=!1))}processMedia(e){if(!e.ok||200!==e.status||n.default.isEmpty(e.body))return this.meta={},this.mediaEntities=[],this.refresh(),this.mediaEntities;this.meta=n.default.get(e.body,"meta")||{};const t=n.default.get(e.body,"payload")||e.body;return n.default.isEmpty(t)||!Array.isArray(t)?(this.mediaEntities=[],this.isMediaLoading=!1,this.refresh(),this.mediaEntities):(this.mediaEntities=t,this.isMediaLoading=!1,this.refresh(),this.mediaEntities)}select(e){if(n.default.isUndefined(e))return;const t=this.createEmbed(e);return t?(this.selected.push(e.id),this.eventInsert?void(this.eventManager?this.eventManager.trigger("insert",t,this.editor):console.warn("media-dialog: event manager is not set.")):this.model instanceof m.Model&&n.default.isString(this.property)?(console.warn("media-dialog: disabling eventInsert is not recommended."),void this.model.set(this.property,this.model.get(this.property)+t)):void console.warn("media-dialog: event manager not available.")):(console.warn(`media-dialog: unable to build embed for Media ID: ${e.id}`),void this.snackBar.open(`Unable to build embed for Media ID: ${e.id}.`,"dismiss",{duration:5e3,horizontalPosition:"right",verticalPosition:"bottom"}))}isSelected(e){if(!n.default.isUndefined(e))return n.default.includes(this.selected,e.id)}createEmbed(e){if(e._embedCode)return{html:e._embedCode};if(n.default.startsWith(e.mime,"image"))return!e._thumbnailUrl||"directLink"===e.service&&!e.file?(console.warn(`media-dialog: unable to determine image source for media id: ${e.id}`),null):{html:`<img src="${e._thumbnailUrl||e.file}" alt="${e.name||e.filename}" ${"image/gif"!==e.mime?"data-stratus-src":""}">`};if("video"===e.mime){if(e.embed)return{html:e.embed};const t='width="100%" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" webkitAllowFullScreen="" mozAllowFullScreen=""';if("facebook"===e.service){const i=e.url||e.file;return i?this.embedly?{html:`<div class="fr-embedly"\n                                 data-original-embed="<a href='${i}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 998px;">\n                                 <a href="${i}" data-card-branding="0" class="embedly-card"></a>\n                             </div>`}:{html:`<iframe src="https://www.facebook.com/plugins/video.php?href=${i}" ${t}></iframe>`}:(console.warn(`media-dialog: unable to find url for video with media id: ${e.id}`),null)}return e.serviceMediaId?"vimeo"===e.service?this.embedly?{html:`<div class="fr-embedly"\n                                data-original-embed="<a href='https://vimeo.com/${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                style="height: 370px;">\n                                <a href="https://vimeo.com/${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`}:{html:`<iframe src="https://player.vimeo.com/video/${e.serviceMediaId}" ${t}></iframe>`}:"youtube"===e.service?this.embedly?{html:`<div class="fr-embedly"\n                                 data-original-embed="<a href='https://www.youtube.com/watch?v=${e.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"\n                                 style="height: 370px;">\n                                <a href="https://www.youtube.com/watch?v=${e.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>\n                            </div>`}:{html:`<iframe src="https://www.youtube.com/embed/${e.serviceMediaId}" ${t}></iframe>`}:(console.warn(`media-dialog: unsupported service: ${e.service} for media id: ${e.id}`),null):(console.warn(`media-dialog: unable to find serviceMediaId for video with media id: ${e.id}`),null)}return n.default.startsWith(e.mime,"audio")?e.url?{html:`<audio controls>\n                        <source src="https://${e.url}" type="${e.mime}">\n                        <p>\n                            Your browser doesn't support HTML5 audio, but you can <a href="https://${e.url}">download the audio here</a>.\n                        </p>\n                    </audio>`}:(console.warn(`media-dialog: unable to determine audio source for media id: ${e.id}`),null):"application/pdf"===e.mime?e.url?this.embedly?{html:`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`}:{html:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`}:(console.warn(`media-dialog: unable to determine PDF source for media id: ${e.id}`),null):"application/msword"===e.mime?e.url?this.embedly?{html:`<div class="fr-embedly"\n                             data-original-embed="<a href='https://${e.url}' data-card-branding='0' class='embedly-card'></a>"\n                             style="height: 71px;">\n                             <a href="https://${e.url}" data-card-branding="0" class="embedly-card"></a>\n                         </div>`}:{html:`<iframe src="https://docs.google.com/viewer?url=${e.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`}:(console.warn(`media-dialog: unable to determine Word Document source for media id: ${e.id}`),null):(console.warn(`media-dialog: unsupported mime type: ${e.mime} for media id: ${e.id}`),null)}},p=b([i.Component({selector:"sa-media-dialog",templateUrl:`${g}/editor/media-dialog.component${f}.html`}),y(1,i.Inject(s.MAT_DIALOG_DATA)),v("design:paramtypes",[s.MatDialogRef,Object,a.FormBuilder,c.BackendService,r.MatSnackBar,i.ChangeDetectorRef])],p),e("MediaDialogComponent",p)}}});

package/src/editor/media-dialog.component.ts

@@ -276,21 +276,36 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
         return _.includes(this.selected, media.id)
     }
 
-    createEmbed (media: Media) {
+    createEmbed (media: Media): MediaEmbed {
         if (media._embedCode) {
-            return media._embedCode
+            return {
+                html: media._embedCode
+            }
         }
         if (_.startsWith(media.mime, 'image')) {
             if (!media._thumbnailUrl || (media.service === 'directLink' && !media.file)) {
                 console.warn(`media-dialog: unable to determine image source for media id: ${media.id}`)
                 return null
             }
-            return `<img src="${media._thumbnailUrl||media.file}" alt="${media.name || media.filename}" ${media.mime !== 'image/gif' ? 'data-stratus-src' : ''}">`
+            // const attrs: LooseObject = {
+            //     alt: media.name || media.filename
+            // }
+            // if (media.mime !== 'image/gif') {
+            //     attrs['data-stratus-src'] = ''
+            // }
+            return {
+                // type: 'image',
+                // url: media._thumbnailUrl || media.file,
+                // attrs,
+                html: `<img src="${media._thumbnailUrl || media.file}" alt="${media.name || media.filename}" ${media.mime !== 'image/gif' ? 'data-stratus-src' : ''}">`
+            }
         }
         if (media.mime === 'video') {
             // Use the embed code if we can't standardize.
             if (media.embed) {
-                return media.embed
+                return {
+                    html: media.embed
+                }
             }
             const iframeAttributes = 'width="100%" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" webkitAllowFullScreen="" mozAllowFullScreen=""'
             // Handle Facebook videos first, since they're quite odd
@@ -301,13 +316,17 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
                     return null
                 }
                 if (this.embedly) {
-                    return `<div class="fr-embedly"
+                    return {
+                        html: `<div class="fr-embedly"
                                  data-original-embed="<a href='${mediaUrl}' data-card-branding='0' class='embedly-card'></a>"
                                  style="height: 998px;">
                                  <a href="${mediaUrl}" data-card-branding="0" class="embedly-card"></a>
                              </div>`
+                    }
+                }
+                return {
+                    html: `<iframe src="https://www.facebook.com/plugins/video.php?href=${mediaUrl}" ${iframeAttributes}></iframe>`
                 }
-                return `<iframe src="https://www.facebook.com/plugins/video.php?href=${mediaUrl}" ${iframeAttributes}></iframe>`
             }
             if (!media.serviceMediaId) {
                 console.warn(`media-dialog: unable to find serviceMediaId for video with media id: ${media.id}`)
@@ -315,23 +334,31 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
             }
             if (media.service === 'vimeo') {
                 if (this.embedly) {
-                    return `<div class="fr-embedly"
+                    return {
+                        html: `<div class="fr-embedly"
                                 data-original-embed="<a href='https://vimeo.com/${media.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"
                                 style="height: 370px;">
                                 <a href="https://vimeo.com/${media.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>
                             </div>`
+                    }
+                }
+                return {
+                    html: `<iframe src="https://player.vimeo.com/video/${media.serviceMediaId}" ${iframeAttributes}></iframe>`
                 }
-                return `<iframe src="https://player.vimeo.com/video/${media.serviceMediaId}" ${iframeAttributes}></iframe>`
             }
             if (media.service === 'youtube') {
                 if (this.embedly) {
-                    return `<div class="fr-embedly"
+                    return {
+                        html: `<div class="fr-embedly"
                                  data-original-embed="<a href='https://www.youtube.com/watch?v=${media.serviceMediaId}' data-card-branding='0' class='embedly-card'></a>"
                                  style="height: 370px;">
                                 <a href="https://www.youtube.com/watch?v=${media.serviceMediaId}" data-card-branding="0" class="embedly-card"></a>
                             </div>`
+                    }
+                }
+                return {
+                    html: `<iframe src="https://www.youtube.com/embed/${media.serviceMediaId}" ${iframeAttributes}></iframe>`
                 }
-                return `<iframe src="https://www.youtube.com/embed/${media.serviceMediaId}" ${iframeAttributes}></iframe>`
             }
             console.warn(`media-dialog: unsupported service: ${media.service} for media id: ${media.id}`)
             return null
@@ -341,12 +368,14 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
                 console.warn(`media-dialog: unable to determine audio source for media id: ${media.id}`)
                 return null
             }
-            return `<audio controls>
+            return {
+                html: `<audio controls>
                         <source src="https://${media.url}" type="${media.mime}">
                         <p>
                             Your browser doesn't support HTML5 audio, but you can <a href="https://${media.url}">download the audio here</a>.
                         </p>
                     </audio>`
+            }
         }
         if (media.mime === 'application/pdf') {
             if (!media.url) {
@@ -354,14 +383,18 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
                 return null
             }
             if (this.embedly) {
-                return `<div class="fr-embedly"
+                return {
+                    html: `<div class="fr-embedly"
                              data-original-embed="<a href='https://${media.url}' data-card-branding='0' class='embedly-card'></a>"
                              style="height: 71px;">
                              <a href="https://${media.url}" data-card-branding="0" class="embedly-card"></a>
                          </div>`
+                }
             }
             // This works, but lags Froala...
-            return `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`
+            return {
+                html: `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`
+            }
         }
         if (media.mime === 'application/msword') {
             if (!media.url) {
@@ -369,14 +402,18 @@ export class MediaDialogComponent extends ResponsiveComponent implements OnInit
                 return null
             }
             if (this.embedly) {
-                return `<div class="fr-embedly"
+                return {
+                    html: `<div class="fr-embedly"
                              data-original-embed="<a href='https://${media.url}' data-card-branding='0' class='embedly-card'></a>"
                              style="height: 71px;">
                              <a href="https://${media.url}" data-card-branding="0" class="embedly-card"></a>
                          </div>`
+                }
             }
             // This works, but lags Froala...
-            return `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`
+            return {
+                html: `<iframe src="https://docs.google.com/viewer?url=${media.url}&embedded=true" style="min-height: 500px;" width="100%"></iframe>`
+            }
         }
         console.warn(`media-dialog: unsupported mime type: ${media.mime} for media id: ${media.id}`)
         return null
@@ -442,3 +479,9 @@ export interface Media extends LooseObject {
     syndicated: number
     isPseudoPriority: boolean
 }
+export interface MediaEmbed {
+    type?: string
+    url?: string
+    attrs?: LooseObject
+    html?: string
+}

package/src/froala/plugins/linkManager.js

@@ -63,15 +63,21 @@ System.register(["@stratusjs/angular/froala/plugins/inputButton", "froala-editor
                 focus: false,
                 modal: true,
                 callback() {
-                    const debug = false;
-                    if (debug) {
-                        console.log('clicked:', this.linkManager);
-                    }
                     this.linkManager.onClick(undefined, froala_editor_1.default.PLUGINS.link(this).get());
                 },
                 plugin: 'linkManager',
             }),
                 froala_editor_1.default.DefineIcon('linkManager', { NAME: 'folder', SVG_KEY: 'insertLink' }),
+                froala_editor_1.default.RegisterCommand('linkManagerEdit', {
+                    title: 'Edit Link',
+                    undo: false,
+                    focus: false,
+                    modal: true,
+                    callback() {
+                        this.linkManager.onClick(undefined, froala_editor_1.default.PLUGINS.link(this).get());
+                    },
+                    plugin: 'linkManager',
+                }),
                 froala_editor_1.default.DefineIcon('linkManagerEdit', { NAME: 'edit', SVG_KEY: 'edit' }),
                 froala_editor_1.default.DefineIcon('linkManagerInsert', { NAME: 'plus', SVG_KEY: 'add' }),
                 froala_editor_1.default.DefineIcon('linkManagerDelete', { NAME: 'trash', SVG_KEY: 'remove' });

package/src/froala/plugins/linkManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["linkManager.ts"],"names":[],"mappings":"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","file":"linkManager.js"}
+{"version":3,"sources":["linkManager.ts"],"names":[],"mappings":"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","file":"linkManager.js"}