@osovitny/anatoly 1.2.7 → 1.2.9

package/bundles/osovitny-anatoly.umd.js

@@ -222,7 +222,7 @@
         }
         Alerts.Info = function (text) {
             Swal.fire({
-                title: "Info!",
+                title: "Information",
                 text: text,
                 icon: "info",
                 confirmButtonText: "OK"
@@ -230,7 +230,7 @@
         };
         Alerts.Warning = function (text) {
             Swal.fire({
-                title: "warning!",
+                title: "Warning",
                 text: text,
                 icon: "warning",
                 confirmButtonText: "OK"
@@ -238,7 +238,7 @@
         };
         Alerts.Error = function (text) {
             Swal.fire({
-                title: "error!",
+                title: "Error",
                 text: text,
                 icon: "error",
                 confirmButtonText: "OK"
@@ -280,7 +280,10 @@
         ;
         Alerts.Success = function (text, title, successAction) {
             if (typeof title == "undefined" || title == null)
-                title = "Success!";
+                title = "Success";
+            if (!text) {
+                text = "Operation was successful";
+            }
             Swal.fire({
                 title: title,
                 text: text,
@@ -293,11 +296,53 @@
                 }
             });
         };
-        ;
         Alerts.Cancel = function (text) {
-            Swal.fire('Cancelled', text, 'error');
+            if (!text) {
+                text = "Operation has been cancled";
+            }
+            Swal.fire({
+                title: 'Cancelled',
+                text: text,
+                icon: "info"
+            });
+        };
+        //Notifications
+        Alerts.NotificationCancel = function (text) {
+            if (!text) {
+                text = "Operation has been cancled";
+            }
+            var toast = Swal.mixin({
+                toast: true,
+                position: 'top-end',
+                showConfirmButton: false,
+                timer: 3000,
+                timerProgressBar: true
+            });
+            toast.fire({
+                title: 'Cancelled',
+                text: text,
+                icon: "info"
+            });
+        };
+        Alerts.NotificationSuccess = function (text, title) {
+            if (typeof title == "undefined" || title == null)
+                title = "Success";
+            if (!text) {
+                text = "Operation was successful";
+            }
+            var toast = Swal.mixin({
+                toast: true,
+                position: 'top-end',
+                showConfirmButton: false,
+                timer: 3000,
+                timerProgressBar: true
+            });
+            toast.fire({
+                title: title,
+                text: text,
+                icon: "success",
+            });
         };
-        ;
         return Alerts;
     }());
 
@@ -775,14 +820,14 @@
         }
         __decorate([
             core.Input()
-        ], ItemValidationSummaryComponent.prototype, "key", void 0);
+        ], ItemValidationSummaryComponent.prototype, "controlName", void 0);
         __decorate([
             core.Input()
-        ], ItemValidationSummaryComponent.prototype, "title", void 0);
+        ], ItemValidationSummaryComponent.prototype, "controlTitle", void 0);
         ItemValidationSummaryComponent = __decorate([
             core.Component({
                 selector: 'anatoly-item-validation-summary',
-                template: "<ul class=\"list-unstyled\" *ngIf=\"isItemInvalid(key)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(key), title)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>"
+                template: "<ul class=\"list-unstyled\" *ngIf=\"isItemInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n"
             })
         ], ItemValidationSummaryComponent);
         return ItemValidationSummaryComponent;
@@ -817,7 +862,7 @@
         */
         imageUploadURL: '/api/HtmlEditor/UploadImage',
         imageAllowedTypes: ['jpeg', 'jpg', 'png'],
-        imageUploadParams: { uploadType: '', uploadParentId: '' },
+        imageUploadParams: { uploadType: '', uploadParentId: '' }
     };
 
     /*
@@ -839,7 +884,8 @@
         __extends(BaseHtmlEditorComponent, _super);
         function BaseHtmlEditorComponent() {
             var _this = _super.call(this) || this;
-            _this.editorInitialized = false;
+            _this.froalaEditorInitialized = false;
+            _this.afterInitializedActions = [];
             //General params
             _this.editorId = '';
             _this.editorLabelText = 'Html';
@@ -856,34 +902,63 @@
             if (key) {
                 newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
             }
-            /*
             if (newOptions.events && newOptions.events.initialized) {
                 newOptions.events.initialized.overridden = false;
             }
+            newOptions.editorId = this.editorId;
+            /*
+            newOptions.froalaEditorInitialized = false;
+            newOptions.afterInitializedActions = this.afterInitializedActions;
             */
             this.options = newOptions;
         };
-        BaseHtmlEditorComponent.prototype.doAfterEditorInitialized = function (action) {
+        BaseHtmlEditorComponent.prototype.ngAfterViewInit = function () {
+            /*
+            let that = this;
+            let elementId = ".htmleditor-" + this.editorId;
+            
+            this.editor2 = new FroalaEditor(elementId, that.options, () => {
+              alert(that.options.editorId);
+            });
+            */
             var that = this;
-            var timeOut = 500;
-            if (this.editorInitialized) {
-                timeOut = 100;
+            setTimeout(function () {
+                that.froalaEditorInitialized = true;
+                that.onInitialized();
+            }, 300);
+        };
+        BaseHtmlEditorComponent.prototype.onInitialized = function () {
+            var actions = this.afterInitializedActions;
+            //Clear actions
+            this.afterInitializedActions = [];
+            if (actions) {
+                for (var i = 0; i < actions.length; i++) {
+                    actions[i]();
+                }
             }
-            setTimeout(function () { action(that); }, timeOut);
+            //console.log("onInitialized: " + this.options.editorId);
         };
         BaseHtmlEditorComponent.prototype.getEditor = function () {
-            if (this._control)
-                return this._control.getEditor();
+            if (this.froalaEditor)
+                return this.froalaEditor.getEditor();
             return null;
         };
         //Public Funcs
+        BaseHtmlEditorComponent.prototype.doAfterInitialized = function (action) {
+            var that = this;
+            if (!this.froalaEditorInitialized) {
+                this.afterInitializedActions.push(function () { action(that); });
+            }
+            else {
+                action(that);
+            }
+        };
         BaseHtmlEditorComponent.prototype.initializeControl = function (control) {
-            this._control = control;
-            this._control.initialize();
-            this.editorInitialized = true;
+            this.froalaEditor = control;
+            this.froalaEditor.initialize();
         };
         BaseHtmlEditorComponent.prototype.setUploadParams = function (uploadType, uploadParentId) {
-            this.doAfterEditorInitialized(function (that) {
+            this.doAfterInitialized(function (that) {
                 var editor = that.getEditor();
                 if (typeof (editor) == "undefined" || editor == null) {
                     return;
@@ -925,7 +1000,7 @@
             return _super.call(this) || this;
         }
         HtmlEditorComponent.prototype.setHtml = function (content) {
-            this.doAfterEditorInitialized(function (that) {
+            this.doAfterInitialized(function (that) {
                 var editor = that.getEditor();
                 if (typeof (editor) == "undefined" || editor == null) {
                     return;
@@ -977,7 +1052,7 @@
         FormsHtmlEditorComponent = __decorate([
             core.Component({
                 selector: 'anatoly-forms-html-editor',
-                template: "<div [formGroup]=\"formGroup\">\r\n  <div class=\"form-group\" [ngClass]=\"{'has-error': isItemInvalid(editorFormKey) }\">\r\n    <label class=\"control-label\">{{ editorLabelText }}</label>\r\n    <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\"\r\n              [formControlName]=\"editorFormKey\"\r\n              [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n    </textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                      [formSubmitted]=\"formSubmitted\"\r\n                                      [key]=\"editorFormKey\"\r\n                                      [title]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n  </div>\r\n</div>\r\n"
+                template: "<div [formGroup]=\"formGroup\">\r\n  <div class=\"form-group\" [ngClass]=\"{'has-error': isItemInvalid(editorFormKey) }\">\r\n    <label class=\"control-label\">{{ editorLabelText }}</label>\r\n    <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\"\r\n              [formControlName]=\"editorFormKey\"\r\n              [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n    </textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                     [formSubmitted]=\"formSubmitted\"\r\n                                     [controlName]=\"editorFormKey\"\r\n                                     [controlTitle]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n  </div>\r\n</div>\r\n"
             })
         ], FormsHtmlEditorComponent);
         return FormsHtmlEditorComponent;