@osovitny/anatoly 2.0.5 → 2.0.8

package/fesm2015/osovitny-anatoly.js

@@ -1,17 +1,12 @@
 import Swal from 'sweetalert2';
-import { __decorate } from 'tslib';
-import { Injectable, Input, Component, NgModule } from '@angular/core';
+import { Injectable, NgModule, Component, Input } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpClient, HttpClientModule, HttpClientXsrfModule, HttpClientJsonpModule } from '@angular/common/http';
 import { map } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
+import { BehaviorSubject } from 'rxjs';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
-import { GridModule } from '@progress/kendo-angular-grid';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { BehaviorSubject } from 'rxjs';
 
 /*
 <file>
@@ -33,7 +28,7 @@ class Alerts {
             title: "Information",
             text: text,
             icon: "info",
-            confirmButtonText: "OK"
+            confirmButtonText: "OK",
         });
     }
     static Warning(text) {
@@ -41,7 +36,7 @@ class Alerts {
             title: "Warning",
             text: text,
             icon: "warning",
-            confirmButtonText: "OK"
+            confirmButtonText: "OK",
         });
     }
     static Error(text) {
@@ -49,43 +44,40 @@ class Alerts {
             title: "Error",
             text: text,
             icon: "error",
-            confirmButtonText: "OK"
+            confirmButtonText: "OK",
         });
     }
     static NotImplemented() {
         this.Warning("Not Implemented Yet");
     }
-    ;
     static ErrorOccurred() {
         this.Error("Sorry, an unexpected error occurred");
     }
-    ;
     static AreYouSure(text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
         if (typeof title == "undefined" || title == null)
             title = "Are you sure?";
         Swal.fire({
             title: title,
             text: text,
-            icon: 'warning',
+            icon: "warning",
             confirmButtonText: confirmButtonText,
             cancelButtonText: cancelButtonText,
-            showCancelButton: true
-        })
-            .then((result) => {
+            showCancelButton: true,
+        }).then((result) => {
             if (result.value) {
                 if (successAction) {
                     successAction();
                 }
             }
             // result.dismiss can be 'cancel', 'overlay', 'close', and 'timer'
-            else if (result.dismiss == Swal.DismissReason.cancel || result.dismiss == Swal.DismissReason.close) {
+            else if (result.dismiss == Swal.DismissReason.cancel ||
+                result.dismiss == Swal.DismissReason.close) {
                 if (cancelAction) {
                     cancelAction();
                 }
             }
         });
     }
-    ;
     static Success(text, title, successAction) {
         if (typeof title == "undefined" || title == null)
             title = "Success";
@@ -96,9 +88,8 @@ class Alerts {
             title: title,
             text: text,
             icon: "success",
-            confirmButtonText: "OK"
-        })
-            .then(function () {
+            confirmButtonText: "OK",
+        }).then(function () {
             if (successAction) {
                 successAction();
             }
@@ -109,9 +100,9 @@ class Alerts {
             text = "Operation has been cancled";
         }
         Swal.fire({
-            title: 'Cancelled',
+            title: "Cancelled",
             text: text,
-            icon: "info"
+            icon: "info",
         });
     }
     //Notifications
@@ -124,15 +115,15 @@ class Alerts {
         }
         const toast = Swal.mixin({
             toast: true,
-            position: 'top-end',
+            position: "top-end",
             showConfirmButton: false,
             timer: 3000,
-            timerProgressBar: true
+            timerProgressBar: true,
         });
         toast.fire({
             title: title,
             text: text,
-            icon: "info"
+            icon: "info",
         });
     }
     static NotificationSuccess(text, title) {
@@ -144,10 +135,10 @@ class Alerts {
         }
         const toast = Swal.mixin({
             toast: true,
-            position: 'top-end',
+            position: "top-end",
             showConfirmButton: false,
             timer: 3000,
-            timerProgressBar: true
+            timerProgressBar: true,
         });
         toast.fire({
             title: title,
@@ -178,7 +169,9 @@ class Utils {
     static GetValueByName(url, name) {
         name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
         var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(url);
-        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
+        return results === null
+            ? ""
+            : decodeURIComponent(results[1].replace(/\+/g, " "));
     }
 }
 
@@ -196,7 +189,7 @@ class Utils {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseGoService = class BaseGoService {
+class BaseGoService {
     constructor(route, router) {
         this.route = route;
         this.router = router;
@@ -205,14 +198,14 @@ let BaseGoService = class BaseGoService {
         //this.router.navigate([this.route.url]);
         window.location.reload();
     }
-};
+}
+BaseGoService.decorators = [
+    { type: Injectable }
+];
 BaseGoService.ctorParameters = () => [
     { type: ActivatedRoute },
     { type: Router }
-];
-BaseGoService = __decorate([
-    Injectable()
-], BaseGoService);
+];
 
 /*
 <file>
@@ -228,7 +221,7 @@ BaseGoService = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseApiService = class BaseApiService {
+class BaseApiService {
     constructor(http) {
         this.http = http;
         this.baseUrl = "";
@@ -286,13 +279,13 @@ let BaseApiService = class BaseApiService {
         var url = `${this.baseUrl}/getNewGuid`;
         return this.http.get(url, { responseType: 'text' });
     }
-};
+}
+BaseApiService.decorators = [
+    { type: Injectable }
+];
 BaseApiService.ctorParameters = () => [
     { type: HttpClient }
-];
-BaseApiService = __decorate([
-    Injectable()
-], BaseApiService);
+];
 
 /*
 <file>
@@ -308,14 +301,14 @@ BaseApiService = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let AppContextService = class AppContextService extends BaseApiService {
+class AppContextService extends BaseApiService {
     constructor(http) {
         super(http);
         this.http = http;
         this.current = null;
         this.successes = [];
         this.subscription = null;
-        this.baseUrl = '/api/appContext';
+        this.baseUrl = "/api/appContext";
     }
     getCurrent(success) {
         if (typeof success == "undefined") {
@@ -329,9 +322,9 @@ let AppContextService = class AppContextService extends BaseApiService {
         if (this.subscription != null) {
             return;
         }
-        this.subscription = this.get('GetCurrentContext', null).subscribe(data => {
+        this.subscription = this.get("GetCurrentContext", null).subscribe((data) => {
             this.dataReceived(data);
-        }, e => { });
+        }, (e) => { });
     }
     dataReceived(data) {
         this.current = data;
@@ -350,13 +343,23 @@ let AppContextService = class AppContextService extends BaseApiService {
     isUserAdmin() {
         return window.__context_isUserAdmin;
     }
-};
+}
+AppContextService.decorators = [
+    { type: Injectable }
+];
 AppContextService.ctorParameters = () => [
     { type: HttpClient }
-];
-AppContextService = __decorate([
-    Injectable()
-], AppContextService);
+];
+
+class AnatolyCoreModule {
+}
+AnatolyCoreModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                imports: [CommonModule],
+                providers: [AppContextService],
+            },] }
+];
 
 /*
 <file>
@@ -364,7 +367,7 @@ AppContextService = __decorate([
     Vadim Osovitny
 
   Created:
-    28 Aug 2018
+    29 Apr 2018
 
   Version:
     1.0
@@ -372,28 +375,44 @@ AppContextService = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseComponent {
-    constructor() {
-    }
-    getQSId() {
-        var id = Utils.GetValueByNameInQS("id");
-        if (typeof id === 'undefined' || id == '')
-            return null;
-        return id;
-    }
-    showLoading() {
-        var panelLoading = $('#pnlLoading');
-        panelLoading.show();
+class BaseGridReadService extends BehaviorSubject {
+    constructor(http) {
+        super([]);
+        this.http = http;
+        this.baseReadUrl = "";
+        this.data = [];
     }
-    hideLoading() {
-        var panelLoading = $('#pnlLoading');
-        panelLoading.hide();
+    serializeParams(data) {
+        return data ? ('?' + $.param(data)) : '';
     }
-    handleError(e) {
-        this.hideLoading();
-        Alerts.ErrorOccurred();
+    read(params, success, error) {
+        if (this.data.length) {
+            return super.next(this.data);
+        }
+        var url = this.baseReadUrl;
+        if (typeof params === 'undefined') {
+            params = this.savedReadParams;
+        }
+        if (params) {
+            url = this.baseReadUrl + `${this.serializeParams(params)}`;
+            this.savedReadParams = params;
+        }
+        this.http.get(url).pipe(map(res => res)).subscribe(data => {
+            super.next(data);
+            if (success)
+                success();
+        }, e => {
+            if (error)
+                error(e);
+        });
     }
-}
+}
+BaseGridReadService.decorators = [
+    { type: Injectable }
+];
+BaseGridReadService.ctorParameters = () => [
+    { type: HttpClient }
+];
 
 /*
 <file>
@@ -401,7 +420,7 @@ class BaseComponent {
     Vadim Osovitny
 
   Created:
-    20 Nov 2017
+    29 Apr 2018
 
   Version:
     1.0
@@ -409,60 +428,67 @@ class BaseComponent {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseEditComponent extends BaseComponent {
-    constructor() {
-        super();
-        this.formSubmitted = false;
-    }
-    isActionAdding() {
-        var id = Utils.GetValueByNameInQS("id");
-        if (typeof id === 'undefined' || id == '')
-            return true;
-        return false;
+class BaseGridEditService extends BaseGridReadService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl = "";
     }
-    getEntityId() {
-        return this.getQSId();
+    reset() {
+        this.data = [];
     }
-    isItemInvalid(name) {
-        if (typeof name === 'undefined' || name == '') {
-            return false;
-        }
-        if (!this.formGroup) {
-            return false;
-        }
-        if (this.formGroup.get(name)) {
-            return (this.formSubmitted && this.formGroup.get(name).invalid) ||
-                (this.formGroup.get(name).touched && this.formGroup.get(name).invalid);
+    resetItem(dataItem) {
+        if (!dataItem) {
+            return;
         }
-        return false;
-    }
-    getFormValue(name) {
-        return this.formGroup.controls[name].value;
+        //find orignal data item
+        const originalDataItem = this.data.find(item => item.Id === dataItem.Id);
+        //revert changes
+        Object.assign(originalDataItem, dataItem);
+        super.next(this.data);
     }
-    setFormValue(name, value) {
-        this.formGroup.controls[name].setValue(value);
+    save(data, isNew, sucess) {
+        const action = isNew ? 'add' : 'update';
+        this.reset();
+        this.post(action, data).subscribe(() => {
+        }, () => {
+            this.read();
+        }, () => {
+            this.read();
+            if (sucess)
+                sucess();
+        });
     }
-    getFormGroupValue(groupName, name) {
-        return this.formGroup.controls[groupName].get(name).value;
+    remove(data, sucess) {
+        this.reset();
+        this.post('remove', data).subscribe(() => {
+        }, () => {
+            this.read();
+        }, () => {
+            this.read();
+            if (sucess)
+                sucess();
+        });
     }
-    setFormGroupValue(groupName, name, value) {
-        this.formGroup.controls[groupName].get(name).setValue(value);
+    post(action, data) {
+        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
+        return this.http.post(url, data).pipe(map(res => res));
     }
 }
-__decorate([
-    Input()
-], BaseEditComponent.prototype, "formGroup", void 0);
-__decorate([
-    Input()
-], BaseEditComponent.prototype, "formSubmitted", void 0);
+BaseGridEditService.decorators = [
+    { type: Injectable }
+];
+BaseGridEditService.ctorParameters = () => [
+    { type: HttpClient }
+];
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
+    Vadim Osovitny
 
   Created:
-    23 Apr 2018
+    12 Nov 2017
 
   Version:
     1.0
@@ -470,22 +496,37 @@ __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let ContentHeaderComponent = class ContentHeaderComponent {
-    ngOnInit() {
-        if (this.title == null) {
-            this.title = '';
-        }
+class BillingApiService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl += 'billing/';
+    }
+    requestNewSubscription(requestedPlan, success, error) {
+        this.postQS('requestNewSubscription', { requestedPlan: requestedPlan })
+            .subscribe(data => { }, e => { if (error)
+            error(); }, () => { if (success)
+            success(); });
+    }
+    cancelRequestedSubscription(success, error) {
+        this.postQS('cancelRequestedSubscription', null)
+            .subscribe(data => { }, e => { if (error)
+            error(); }, () => { if (success)
+            success(); });
+    }
+    buyAccess(requestedPlan, success, error) {
+        this.postQS('buyAccess', { requestedPlan: requestedPlan })
+            .subscribe(data => { }, e => { if (error)
+            error(); }, () => { if (success)
+            success(); });
     }
-};
-__decorate([
-    Input()
-], ContentHeaderComponent.prototype, "title", void 0);
-ContentHeaderComponent = __decorate([
-    Component({
-        selector: 'anatoly-content-header',
-        template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
-    })
-], ContentHeaderComponent);
+}
+BillingApiService.decorators = [
+    { type: Injectable }
+];
+BillingApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
 
 /*
 <file>
@@ -493,7 +534,7 @@ ContentHeaderComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    8 Dec 2017
+    4 Mar 2020
 
   Version:
     1.0
@@ -501,49 +542,28 @@ ContentHeaderComponent = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class ValidationSummaryComponent extends BaseEditComponent {
-    constructor() {
-        super();
-    }
-    getFormValidationMessages() {
-        let messages = [];
-        Object.keys(this.formGroup.controls).forEach(k => {
-            var control = this.formGroup.controls[k];
-            if (control.controls != null) {
-                Object.keys(control.controls).forEach(k => {
-                    var child = control.controls[k];
-                    this.getValidationMessages(child, k).forEach(m => messages.push(m));
-                });
-            }
-            else {
-                this.getValidationMessages(control, k).forEach(m => messages.push(m));
-            }
-        });
-        return messages;
-    }
-    getValidationMessages(state, thingName) {
-        let thing = state.path || thingName;
-        let messages = [];
-        if (state.errors) {
-            for (let errorName in state.errors) {
-                if (state.errors.hasOwnProperty(errorName)) {
-                    switch (errorName) {
-                        case 'required':
-                            messages.push(`${thing} is required`);
-                            break;
-                        case 'minlength':
-                            messages.push(`${thing} must be at least ${state.errors['minlength'].requiredLength} characters`);
-                            break;
-                        case 'pattern':
-                            messages.push(`${thing} contains illegal characters`);
-                            break;
-                    }
-                }
-            }
-        }
-        return messages;
-    }
-}
+class AnatolyDataModule {
+}
+AnatolyDataModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    HttpClientModule,
+                    HttpClientXsrfModule,
+                    HttpClientJsonpModule
+                ],
+                exports: [
+                    CommonModule,
+                    HttpClientModule,
+                    HttpClientXsrfModule,
+                    HttpClientJsonpModule
+                ],
+                declarations: [],
+                providers: []
+            },] }
+];
+
+// Services
 
 /*
 <file>
@@ -551,7 +571,7 @@ class ValidationSummaryComponent extends BaseEditComponent {
     Vadim Osovitny
 
   Created:
-    7 Dec 2017
+    1 Jun 2018
 
   Version:
     1.0
@@ -559,25 +579,46 @@ class ValidationSummaryComponent extends BaseEditComponent {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let FormValidationSummaryComponent = class FormValidationSummaryComponent extends ValidationSummaryComponent {
-    constructor() {
-        super();
-        this.visible = false;
+class SubscribePlanButtonComponent {
+    constructor(appcontext) {
+        this.appcontext = appcontext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = 0;
+        this.currentPlanTitle = '';
+        this.requestedPlan = 0;
+        this.requestedPlanTitle = '';
     }
-    getErrors() {
-        var messages = this.getFormValidationMessages();
-        return messages;
+    ngOnInit() {
+        if (!this.appcontext.isUserSignedIn()) {
+            this.contextUpdated = true;
+            return;
+        }
+        this.appcontext.getCurrent((current) => {
+            this.isUserSignedIn = current.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = current.account.billingPlan;
+                this.currentPlanTitle = current.account.billingPlanAsString;
+                this.requestedPlan = current.account.requestedBillingPlan;
+                this.requestedPlanTitle = current.account.requestedBillingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
     }
-};
-__decorate([
-    Input()
-], FormValidationSummaryComponent.prototype, "visible", void 0);
-FormValidationSummaryComponent = __decorate([
-    Component({
-        selector: 'anatoly-form-validation-summary',
-        template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h4 class=\"box-title\">There are problems with the form</h4>\r\n  <p *ngFor=\"let error of getErrors()\"><span class=\"help-block \" style=\"color:white\">{{error}}</span></p>\r\n</div>\r\n"
-    })
-], FormValidationSummaryComponent);
+}
+SubscribePlanButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-subscribe-plan-button',
+                template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"requestedPlan != null && requestedPlan != 0 && plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <anatoly-upgrade-plan-button *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n                                 [currentplantitle]=\"currentPlanTitle\"\r\n                                 [requestedplan]=plan\r\n                                 [requestedplantitle]=\"plantitle\">\r\n    </anatoly-upgrade-plan-button>\r\n  </div>\r\n</div>\r\n"
+            },] }
+];
+SubscribePlanButtonComponent.ctorParameters = () => [
+    { type: AppContextService }
+];
+SubscribePlanButtonComponent.propDecorators = {
+    plan: [{ type: Input }],
+    plantitle: [{ type: Input }]
+};
 
 /*
 <file>
@@ -585,7 +626,7 @@ FormValidationSummaryComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    6 Dec 2017
+    12 Nov 2017
 
   Version:
     1.0
@@ -593,64 +634,46 @@ FormValidationSummaryComponent = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let ItemValidationSummaryComponent = class ItemValidationSummaryComponent extends ValidationSummaryComponent {
-    constructor() {
-        super();
+// Services
+class UpgradePlanButtonComponent {
+    constructor(api) {
+        this.api = api;
     }
-};
-__decorate([
-    Input()
-], ItemValidationSummaryComponent.prototype, "controlName", void 0);
-__decorate([
-    Input()
-], ItemValidationSummaryComponent.prototype, "controlTitle", void 0);
-ItemValidationSummaryComponent = __decorate([
-    Component({
-        selector: 'anatoly-item-validation-summary',
-        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);
-
-const DefaultEditorOptions = {
-    placeholderText: 'Edit Your Content Here',
-    charCounterCount: true,
-    heightMin: 100,
-    toolbarInline: false,
-    toolbarButtons: {
-        'moreText': {
-            'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript',
-                'fontFamily', 'fontSize', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle']
-        },
-        'moreParagraph': {
-            'buttons': ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify',
-                'formatOL', 'formatUL', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote']
-        },
-        'moreRich': {
-            'buttons': ['insertLink', 'insertImage', 'insertTable', 'emoticons', 'fontAwesome',
-                'specialCharacters', 'embedly']
-        },
-        'moreMisc': {
-            'buttons': ['selectAll', 'clearFormatting', 'html', 'undo', 'redo', 'fullscreen'],
-            'align': 'right',
-        }
-    },
-    /*
-        Upload:
-        https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
-    */
-    imageUploadURL: '/api/HtmlEditor/UploadImage',
-    imageAllowedTypes: ['jpeg', 'jpg', 'png'],
-    imageUploadParams: { uploadType: '', uploadParentId: '' }
+    onUpgradePlan() {
+        const text = `Current plan: ${this.currentplantitle} New plan: ${this.requestedplantitle}`;
+        const that = this;
+        Alerts.AreYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', () => {
+            that.api.requestNewSubscription(that.requestedplan, () => {
+                Alerts.Success('Your request for changing plan has been sent.', null, () => {
+                    window.location.reload();
+                });
+            });
+        });
+    }
+}
+UpgradePlanButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-upgrade-plan-button',
+                template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n"
+            },] }
+];
+UpgradePlanButtonComponent.ctorParameters = () => [
+    { type: BillingApiService }
+];
+UpgradePlanButtonComponent.propDecorators = {
+    currentplantitle: [{ type: Input }],
+    requestedplan: [{ type: Input }],
+    requestedplantitle: [{ type: Input }]
 };
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
     Vadim Osovitny
+    Anatoly Osovitny
 
   Created:
-    12 Dec 2017
+    14 Aug 2018
 
   Version:
     1.0
@@ -658,162 +681,109 @@ const DefaultEditorOptions = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseHtmlEditorComponent extends BaseEditComponent {
-    constructor() {
-        super();
-        this.froalaEditorInitialized = false;
-        this.afterInitializedActions = [];
-        //Inputs
-        this.editorLabelText = 'Html';
-        this.editorOptions = {};
+class BuyAccessButtonComponent {
+    constructor(appcontext, api) {
+        this.appcontext = appcontext;
+        this.api = api;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = 0;
+        this.currentPlanTitle = '';
     }
     ngOnInit() {
-        let opt = this.editorOptions;
-        if (typeof this.editorOptions == "string") {
-            opt = JSON.parse(this.editorOptions);
-        }
-        let newOptions = $.extend({}, DefaultEditorOptions, opt);
-        let key = window.__froalaEditor_Key;
-        if (key) {
-            newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
-        }
-        if (newOptions.events && newOptions.events.initialized) {
-            newOptions.events.initialized.overridden = false;
+        if (!this.appcontext.isUserSignedIn()) {
+            this.contextUpdated = true;
+            return;
         }
-        this.options = newOptions;
-    }
-    ngAfterViewInit() {
-        let that = this;
-        setTimeout(function () {
-            that.froalaEditorInitialized = true;
-            that.onInitialized();
-        }, 300);
-    }
-    onInitialized() {
-        let actions = this.afterInitializedActions;
-        //Clear actions
-        this.afterInitializedActions = [];
-        if (actions) {
-            for (var i = 0; i < actions.length; i++) {
-                actions[i]();
+        this.appcontext.getCurrent((current) => {
+            this.isUserSignedIn = current.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = current.account.billingPlan;
+                this.currentPlanTitle = current.account.billingPlanAsString;
             }
-        }
-    }
-    getEditor() {
-        if (this.froalaEditor)
-            return this.froalaEditor.getEditor();
-        return null;
-    }
-    //Public Funcs
-    doAfterInitialized(action) {
-        let that = this;
-        if (!this.froalaEditorInitialized) {
-            this.afterInitializedActions.push(() => { action(that); });
-        }
-        else {
-            action(that);
-        }
-    }
-    initializeControl(control) {
-        this.froalaEditor = control;
-        this.froalaEditor.initialize();
+            this.contextUpdated = true;
+        });
     }
-    setUploadParams(uploadType, uploadParentId) {
-        this.doAfterInitialized(function (that) {
-            var editor = that.getEditor();
-            if (typeof (editor) == "undefined" || editor == null) {
-                return;
-            }
-            editor.opts.imageUploadParams.uploadType = uploadType;
-            editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+    onBuyPlan() {
+        const text = `Requested plan: ${this.plantitle} `;
+        const that = this;
+        Alerts.AreYouSure(text, 'Buying access', 'Confirm change', 'Cancel', () => {
+            that.api.buyAccess(that.plan, () => {
+                Alerts.Success('Access Granted', null, () => {
+                    window.location.reload();
+                });
+            });
         });
     }
 }
-__decorate([
-    Input()
-], BaseHtmlEditorComponent.prototype, "editorLabelText", void 0);
-__decorate([
-    Input()
-], BaseHtmlEditorComponent.prototype, "editorOptions", void 0);
+BuyAccessButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-buyaccess-button',
+                template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan && currentPlan == 1\" (click)=\"onBuyPlan()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n"
+            },] }
+];
+BuyAccessButtonComponent.ctorParameters = () => [
+    { type: AppContextService },
+    { type: BillingApiService }
+];
+BuyAccessButtonComponent.propDecorators = {
+    plan: [{ type: Input }],
+    plantitle: [{ type: Input }]
+};
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    12 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
 </file>
 */
-let HtmlEditorComponent = class HtmlEditorComponent extends BaseHtmlEditorComponent {
-    constructor() {
-        super();
-    }
-    setHtml(content) {
-        this.doAfterInitialized(function (that) {
-            var editor = that.getEditor();
-            if (typeof (editor) == "undefined" || editor == null) {
-                return;
-            }
-            editor.html.set(content);
-        });
-    }
-    getHtml() {
-        var editor = this.getEditor();
-        if (typeof (editor) == "undefined" || editor == null) {
-            return;
-        }
-        return editor.html.get(false);
-    }
-};
-HtmlEditorComponent = __decorate([
-    Component({
-        selector: 'anatoly-html-editor',
-        template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
-    })
-], HtmlEditorComponent);
+class SignInButtonComponent {
+    constructor() { }
+}
+SignInButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-signin-button',
+                template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
+            },] }
+];
+SignInButtonComponent.ctorParameters = () => [];
+SignInButtonComponent.propDecorators = {
+    classbtn: [{ type: Input }]
+};
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    12 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
 </file>
 */
-let FormsHtmlEditorComponent = class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
-    constructor() {
-        super();
-        this.editorFormKey = 'html';
-    }
-    setFormValueAfterInitialized(name, value) {
-        this.doAfterInitialized(function (that) {
-            that.setFormValue(name, value);
-        });
-    }
-};
-__decorate([
-    Input()
-], FormsHtmlEditorComponent.prototype, "editorFormKey", void 0);
-FormsHtmlEditorComponent = __decorate([
-    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 [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);
+class SignUpButtonComponent {
+}
+SignUpButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-signup-button",
+                template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+            },] }
+];
+SignUpButtonComponent.propDecorators = {
+    classbtn: [{ type: Input }]
+};
 
 /*
 <file>
@@ -821,57 +791,27 @@ FormsHtmlEditorComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    10 Nov 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
 </file>
 */
-//Froala
-const FroalaEditorModuleWithProviders = FroalaEditorModule.forRoot();
-const FroalaViewModuleWithProviders = FroalaViewModule.forRoot();
-let AnatolyCoreModule = class AnatolyCoreModule {
-};
-AnatolyCoreModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            ReactiveFormsModule,
-            FormsModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule,
-            //FroalaEditorModule.forRoot(),
-            //FroalaViewModule.forRoot(),
-            FroalaEditorModuleWithProviders,
-            FroalaViewModuleWithProviders,
-            GridModule,
-            PopupModule,
-            ButtonsModule,
-            DropDownsModule
-        ],
-        exports: [
-            ItemValidationSummaryComponent,
-            FormValidationSummaryComponent,
-            ContentHeaderComponent,
-            HtmlEditorComponent,
-            FormsHtmlEditorComponent
-        ],
-        declarations: [
-            ItemValidationSummaryComponent,
-            FormValidationSummaryComponent,
-            ContentHeaderComponent,
-            HtmlEditorComponent,
-            FormsHtmlEditorComponent
-        ],
-        providers: [
-            AppContextService
-        ],
-        schemas: []
-    })
-], AnatolyCoreModule);
+class SignOutButtonComponent {
+    constructor() { }
+}
+SignOutButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-signout-button',
+                template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
+            },] }
+];
+SignOutButtonComponent.ctorParameters = () => [];
+SignOutButtonComponent.propDecorators = {
+    classbtn: [{ type: Input }]
+};
 
 /*
 <file>
@@ -879,7 +819,7 @@ AnatolyCoreModule = __decorate([
     Vadim Osovitny
 
   Created:
-    12 Nov 2017
+    28 Aug 2018
 
   Version:
     1.0
@@ -887,46 +827,34 @@ AnatolyCoreModule = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BillingApiService = class BillingApiService extends BaseApiService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.baseUrl += 'billing/';
+class BaseComponent {
+    getQSId() {
+        const id = Utils.GetValueByNameInQS('id');
+        if (typeof id === 'undefined' || id === '')
+            return null;
+        return id;
     }
-    requestNewSubscription(requestedPlan, success, error) {
-        this.postQS('requestNewSubscription', { requestedPlan: requestedPlan })
-            .subscribe(data => { }, e => { if (error)
-            error(); }, () => { if (success)
-            success(); });
+    showLoading() {
+        const panelLoading = $('#pnlLoading');
+        panelLoading.show();
     }
-    cancelRequestedSubscription(success, error) {
-        this.postQS('cancelRequestedSubscription', null)
-            .subscribe(data => { }, e => { if (error)
-            error(); }, () => { if (success)
-            success(); });
+    hideLoading() {
+        const panelLoading = $('#pnlLoading');
+        panelLoading.hide();
     }
-    buyAccess(requestedPlan, success, error) {
-        this.postQS('buyAccess', { requestedPlan: requestedPlan })
-            .subscribe(data => { }, e => { if (error)
-            error(); }, () => { if (success)
-            success(); });
+    handleError(e) {
+        this.hideLoading();
+        Alerts.ErrorOccurred();
     }
-};
-BillingApiService.ctorParameters = () => [
-    { type: HttpClient }
-];
-BillingApiService = __decorate([
-    Injectable()
-], BillingApiService);
+}
 
 /*
 <file>
   Authors:
     Vadim Osovitny
-    Anatoly Osovitny
 
   Created:
-    14 Aug 2018
+    20 Nov 2017
 
   Version:
     1.0
@@ -934,57 +862,50 @@ BillingApiService = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BuyAccessButtonComponent = class BuyAccessButtonComponent {
-    constructor(appcontext, api) {
-        this.appcontext = appcontext;
-        this.api = api;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = 0;
-        this.currentPlanTitle = "";
+class BaseEditComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.formSubmitted = false;
     }
-    ngOnInit() {
-        if (!this.appcontext.isUserSignedIn()) {
-            this.contextUpdated = true;
-            return;
-        }
-        this.appcontext.getCurrent((current) => {
-            this.isUserSignedIn = current.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = current.account.billingPlan;
-                this.currentPlanTitle = current.account.billingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
+    isActionAdding() {
+        const id = Utils.GetValueByNameInQS('id');
+        if (typeof id === 'undefined' || id === '')
+            return true;
+        return false;
     }
-    onBuyPlan() {
-        const text = `Requested plan: ${this.plantitle} `;
-        let that = this;
-        Alerts.AreYouSure(text, "Buying access", "Confirm change", "Cancel", () => {
-            that.api.buyAccess(that.plan, () => {
-                Alerts.Success("Access Granted", null, () => {
-                    window.location.reload();
-                });
-            });
-        });
+    getEntityId() {
+        return this.getQSId();
     }
-};
-BuyAccessButtonComponent.ctorParameters = () => [
-    { type: AppContextService },
-    { type: BillingApiService }
-];
-__decorate([
-    Input()
-], BuyAccessButtonComponent.prototype, "plan", void 0);
-__decorate([
-    Input()
-], BuyAccessButtonComponent.prototype, "plantitle", void 0);
-BuyAccessButtonComponent = __decorate([
-    Component({
-        selector: "anatoly-buyaccess-button",
-        template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan && currentPlan == 1\" (click)=\"onBuyPlan()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n"
-    })
-], BuyAccessButtonComponent);
+    isItemInvalid(name) {
+        if (typeof name === 'undefined' || name === '') {
+            return false;
+        }
+        if (!this.formGroup) {
+            return false;
+        }
+        if (this.formGroup.get(name)) {
+            return ((this.formSubmitted && this.formGroup.get(name).invalid) ||
+                (this.formGroup.get(name).touched && this.formGroup.get(name).invalid));
+        }
+        return false;
+    }
+    getFormValue(name) {
+        return this.formGroup.controls[name].value;
+    }
+    setFormValue(name, value) {
+        this.formGroup.controls[name].setValue(value);
+    }
+    getFormGroupValue(groupName, name) {
+        return this.formGroup.controls[groupName].get(name).value;
+    }
+    setFormGroupValue(groupName, name, value) {
+        this.formGroup.controls[groupName].get(name).setValue(value);
+    }
+}
+BaseEditComponent.propDecorators = {
+    formGroup: [{ type: Input }],
+    formSubmitted: [{ type: Input }]
+};
 
 /*
 <file>
@@ -992,7 +913,7 @@ BuyAccessButtonComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    1 Jun 2018
+    8 Dec 2017
 
   Version:
     1.0
@@ -1000,48 +921,49 @@ BuyAccessButtonComponent = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let SubscribePlanButtonComponent = class SubscribePlanButtonComponent {
-    constructor(appcontext) {
-        this.appcontext = appcontext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = 0;
-        this.currentPlanTitle = "";
-        this.requestedPlan = 0;
-        this.requestedPlanTitle = "";
+class ValidationSummaryComponent extends BaseEditComponent {
+    constructor() {
+        super();
     }
-    ngOnInit() {
-        if (!this.appcontext.isUserSignedIn()) {
-            this.contextUpdated = true;
-            return;
-        }
-        this.appcontext.getCurrent((current) => {
-            this.isUserSignedIn = current.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = current.account.billingPlan;
-                this.currentPlanTitle = current.account.billingPlanAsString;
-                this.requestedPlan = current.account.requestedBillingPlan;
-                this.requestedPlanTitle = current.account.requestedBillingPlanAsString;
+    getFormValidationMessages() {
+        let messages = [];
+        Object.keys(this.formGroup.controls).forEach((k) => {
+            var control = this.formGroup.controls[k];
+            if (control.controls != null) {
+                Object.keys(control.controls).forEach((k) => {
+                    var child = control.controls[k];
+                    this.getValidationMessages(child, k).forEach((m) => messages.push(m));
+                });
+            }
+            else {
+                this.getValidationMessages(control, k).forEach((m) => messages.push(m));
             }
-            this.contextUpdated = true;
         });
+        return messages;
     }
-};
-SubscribePlanButtonComponent.ctorParameters = () => [
-    { type: AppContextService }
-];
-__decorate([
-    Input()
-], SubscribePlanButtonComponent.prototype, "plan", void 0);
-__decorate([
-    Input()
-], SubscribePlanButtonComponent.prototype, "plantitle", void 0);
-SubscribePlanButtonComponent = __decorate([
-    Component({
-        selector: 'anatoly-subscribe-plan-button',
-        template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"requestedPlan != null && requestedPlan != 0 && plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <anatoly-upgrade-plan-button *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n                                 [currentplantitle]=\"currentPlanTitle\"\r\n                                 [requestedplan]=plan\r\n                                 [requestedplantitle]=\"plantitle\">\r\n    </anatoly-upgrade-plan-button>\r\n  </div>\r\n</div>\r\n"
-    })
-], SubscribePlanButtonComponent);
+    getValidationMessages(state, thingName) {
+        let thing = state.path || thingName;
+        let messages = [];
+        if (state.errors) {
+            for (let errorName in state.errors) {
+                if (state.errors.hasOwnProperty(errorName)) {
+                    switch (errorName) {
+                        case "required":
+                            messages.push(`${thing} is required`);
+                            break;
+                        case "minlength":
+                            messages.push(`${thing} must be at least ${state.errors["minlength"].requiredLength} characters`);
+                            break;
+                        case "pattern":
+                            messages.push(`${thing} contains illegal characters`);
+                            break;
+                    }
+                }
+            }
+        }
+        return messages;
+    }
+}
 
 /*
 <file>
@@ -1049,7 +971,7 @@ SubscribePlanButtonComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    12 Nov 2017
+    7 Dec 2017
 
   Version:
     1.0
@@ -1057,40 +979,26 @@ SubscribePlanButtonComponent = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let UpgradePlanButtonComponent = class UpgradePlanButtonComponent {
-    constructor(api) {
-        this.api = api;
+class FormValidationSummaryComponent extends ValidationSummaryComponent {
+    constructor() {
+        super();
+        this.isVisible = false;
     }
-    onUpgradePlan() {
-        let text = `Current plan: ${this.currentplantitle} New plan: ${this.requestedplantitle}`;
-        let that = this;
-        Alerts.AreYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', () => {
-            that.api.requestNewSubscription(that.requestedplan, () => {
-                Alerts.Success('Your request for changing plan has been sent.', null, () => {
-                    window.location.reload();
-                });
-            });
-        });
+    getErrors() {
+        const messages = this.getFormValidationMessages();
+        return messages;
     }
-};
-UpgradePlanButtonComponent.ctorParameters = () => [
-    { type: BillingApiService }
+}
+FormValidationSummaryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-form-validation-summary",
+                template: "<div class=\"callout callout-danger\" *ngIf=\"isVisible\">\r\n  <h4 class=\"box-title\">There are problems with the form</h4>\r\n  <p *ngFor=\"let error of getErrors()\">\r\n    <span class=\"help-block\" style=\"color: white;\">{{ error }}</span>\r\n  </p>\r\n</div>\r\n"
+            },] }
 ];
-__decorate([
-    Input()
-], UpgradePlanButtonComponent.prototype, "currentplantitle", void 0);
-__decorate([
-    Input()
-], UpgradePlanButtonComponent.prototype, "requestedplan", void 0);
-__decorate([
-    Input()
-], UpgradePlanButtonComponent.prototype, "requestedplantitle", void 0);
-UpgradePlanButtonComponent = __decorate([
-    Component({
-        selector: 'anatoly-upgrade-plan-button',
-        template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n"
-    })
-], UpgradePlanButtonComponent);
+FormValidationSummaryComponent.ctorParameters = () => [];
+FormValidationSummaryComponent.propDecorators = {
+    isVisible: [{ type: Input }]
+};
 
 /*
 <file>
@@ -1098,124 +1006,162 @@ UpgradePlanButtonComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    4 Jul 2018
+    6 Dec 2017
 
   Version:
     1.0
 
-  Copyright (c) 2018 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let SignInButtonComponent = class SignInButtonComponent {
-    constructor() { }
-};
-__decorate([
-    Input()
-], SignInButtonComponent.prototype, "classbtn", void 0);
-SignInButtonComponent = __decorate([
-    Component({
-        selector: 'anatoly-signin-button',
-        template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
-    })
-], SignInButtonComponent);
+class ItemValidationSummaryComponent extends ValidationSummaryComponent {
+    constructor() {
+        super();
+    }
+}
+ItemValidationSummaryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-item-validation-summary",
+                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.ctorParameters = () => [];
+ItemValidationSummaryComponent.propDecorators = {
+    controlName: [{ type: Input }],
+    controlTitle: [{ type: Input }]
+};
 
-/*
-<file>
-  Authors:
-    Vadim Osovitny
-
-  Created:
-    4 Jul 2018
-
-  Version:
-    1.0
-
-  Copyright (c) 2018 Osovitny Inc. All rights reserved.
-</file>
-*/
-let SignOutButtonComponent = class SignOutButtonComponent {
-    constructor() { }
-};
-__decorate([
-    Input()
-], SignOutButtonComponent.prototype, "classbtn", void 0);
-SignOutButtonComponent = __decorate([
-    Component({
-        selector: 'anatoly-signout-button',
-        template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
-    })
-], SignOutButtonComponent);
+const DefaultEditorOptions = {
+    placeholderText: 'Edit Your Content Here',
+    charCounterCount: true,
+    heightMin: 100,
+    toolbarInline: false,
+    toolbarButtons: {
+        'moreText': {
+            'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript',
+                'fontFamily', 'fontSize', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle']
+        },
+        'moreParagraph': {
+            'buttons': ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify',
+                'formatOL', 'formatUL', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote']
+        },
+        'moreRich': {
+            'buttons': ['insertLink', 'insertImage', 'insertTable', 'emoticons', 'fontAwesome',
+                'specialCharacters', 'embedly']
+        },
+        'moreMisc': {
+            'buttons': ['selectAll', 'clearFormatting', 'html', 'undo', 'redo', 'fullscreen'],
+            'align': 'right',
+        }
+    },
+    /*
+        Upload:
+        https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
+    */
+    imageUploadURL: '/api/HtmlEditor/UploadImage',
+    imageAllowedTypes: ['jpeg', 'jpg', 'png'],
+    imageUploadParams: { uploadType: '', uploadParentId: '' }
+};
 
 /*
 <file>
   Authors:
+    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    4 Jul 2018
+    12 Dec 2017
 
   Version:
     1.0
 
-  Copyright (c) 2018 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let SignUpButtonComponent = class SignUpButtonComponent {
+class BaseHtmlEditorComponent extends BaseEditComponent {
     constructor() {
+        super();
+        this.froalaEditorInitialized = false;
+        this.afterInitializedActions = [];
+        //Inputs
+        this.editorLabelText = 'Html';
+        this.editorOptions = {};
     }
-};
-__decorate([
-    Input()
-], SignUpButtonComponent.prototype, "classbtn", void 0);
-SignUpButtonComponent = __decorate([
-    Component({
-        selector: 'anatoly-signup-button',
-        template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
-    })
-], SignUpButtonComponent);
-
-/*
-<file>
-  Authors:
-    Vadim Osovitny
-
-  Created:
-    4 Jul 2018
-
-  Version:
-    1.0
-
-  Copyright (c) 2018 Osovitny Inc. All rights reserved.
-</file>
-*/
-let AnatolyIdentityModule = class AnatolyIdentityModule {
-};
-AnatolyIdentityModule = __decorate([
-    NgModule({
-        imports: [],
-        exports: [
-            SignInButtonComponent,
-            SignUpButtonComponent,
-            SignOutButtonComponent
-        ],
-        declarations: [
-            SignInButtonComponent,
-            SignUpButtonComponent,
-            SignOutButtonComponent
-        ],
-        providers: []
-    })
-], AnatolyIdentityModule);
-
-// Components
+    ngOnInit() {
+        let opt = this.editorOptions;
+        if (typeof this.editorOptions == "string") {
+            opt = JSON.parse(this.editorOptions);
+        }
+        let newOptions = $.extend({}, DefaultEditorOptions, opt);
+        let key = window.__froalaEditor_Key;
+        if (key) {
+            newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
+        }
+        if (newOptions.events && newOptions.events.initialized) {
+            newOptions.events.initialized.overridden = false;
+        }
+        this.options = newOptions;
+    }
+    ngAfterViewInit() {
+        let that = this;
+        setTimeout(function () {
+            that.froalaEditorInitialized = true;
+            that.onInitialized();
+        }, 300);
+    }
+    onInitialized() {
+        let actions = this.afterInitializedActions;
+        //Clear actions
+        this.afterInitializedActions = [];
+        if (actions) {
+            for (var i = 0; i < actions.length; i++) {
+                actions[i]();
+            }
+        }
+    }
+    getEditor() {
+        if (this.froalaEditor)
+            return this.froalaEditor.getEditor();
+        return null;
+    }
+    //Public Funcs
+    doAfterInitialized(action) {
+        let that = this;
+        if (!this.froalaEditorInitialized) {
+            this.afterInitializedActions.push(() => { action(that); });
+        }
+        else {
+            action(that);
+        }
+    }
+    initializeControl(control) {
+        this.froalaEditor = control;
+        this.froalaEditor.initialize();
+    }
+    setUploadParams(uploadType, uploadParentId) {
+        this.doAfterInitialized(function (that) {
+            var editor = that.getEditor();
+            if (typeof (editor) == "undefined" || editor == null) {
+                return;
+            }
+            editor.opts.imageUploadParams.uploadType = uploadType;
+            editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+        });
+    }
+}
+BaseHtmlEditorComponent.propDecorators = {
+    editorLabelText: [{ type: Input }],
+    editorOptions: [{ type: Input }]
+};
 
 /*
 <file>
   Authors:
+    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    10 Nov 2017
+    12 Dec 2017
 
   Version:
     1.0
@@ -1223,46 +1169,43 @@ AnatolyIdentityModule = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let AnatolyBillingModule = class AnatolyBillingModule {
-};
-AnatolyBillingModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule,
-            AnatolyIdentityModule
-        ],
-        exports: [
-            CommonModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule,
-            SubscribePlanButtonComponent,
-            UpgradePlanButtonComponent,
-            BuyAccessButtonComponent
-        ],
-        declarations: [
-            SubscribePlanButtonComponent,
-            UpgradePlanButtonComponent,
-            BuyAccessButtonComponent
-        ],
-        providers: [
-            BillingApiService
-        ]
-    })
-], AnatolyBillingModule);
-
-// Components
+class HtmlEditorComponent extends BaseHtmlEditorComponent {
+    constructor() {
+        super();
+    }
+    setHtml(content) {
+        this.doAfterInitialized(function (that) {
+            var editor = that.getEditor();
+            if (typeof (editor) == "undefined" || editor == null) {
+                return;
+            }
+            editor.html.set(content);
+        });
+    }
+    getHtml() {
+        var editor = this.getEditor();
+        if (typeof (editor) == "undefined" || editor == null) {
+            return;
+        }
+        return editor.html.get(false);
+    }
+}
+HtmlEditorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-html-editor',
+                template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
+            },] }
+];
+HtmlEditorComponent.ctorParameters = () => [];
 
 /*
 <file>
   Authors:
+    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    29 Apr 2018
+    12 Dec 2017
 
   Version:
     1.0
@@ -1270,52 +1213,35 @@ AnatolyBillingModule = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseGridReadService = class BaseGridReadService extends BehaviorSubject {
-    constructor(http) {
-        super([]);
-        this.http = http;
-        this.baseReadUrl = "";
-        this.data = [];
-    }
-    serializeParams(data) {
-        return data ? ('?' + $.param(data)) : '';
+class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
+    constructor() {
+        super();
+        this.editorFormKey = 'html';
     }
-    read(params, success, error) {
-        if (this.data.length) {
-            return super.next(this.data);
-        }
-        var url = this.baseReadUrl;
-        if (typeof params === 'undefined') {
-            params = this.savedReadParams;
-        }
-        if (params) {
-            url = this.baseReadUrl + `${this.serializeParams(params)}`;
-            this.savedReadParams = params;
-        }
-        this.http.get(url).pipe(map(res => res)).subscribe(data => {
-            super.next(data);
-            if (success)
-                success();
-        }, e => {
-            if (error)
-                error(e);
+    setFormValueAfterInitialized(name, value) {
+        this.doAfterInitialized(function (that) {
+            that.setFormValue(name, value);
         });
     }
-};
-BaseGridReadService.ctorParameters = () => [
-    { type: HttpClient }
+}
+FormsHtmlEditorComponent.decorators = [
+    { type: Component, args: [{
+                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 [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"
+            },] }
 ];
-BaseGridReadService = __decorate([
-    Injectable()
-], BaseGridReadService);
+FormsHtmlEditorComponent.ctorParameters = () => [];
+FormsHtmlEditorComponent.propDecorators = {
+    editorFormKey: [{ type: Input }]
+};
 
 /*
 <file>
   Authors:
-    Vadim Osovitny
+    Anatoly Osovitny
 
   Created:
-    29 Apr 2018
+    23 Apr 2018
 
   Version:
     1.0
@@ -1323,59 +1249,22 @@ BaseGridReadService = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseGridEditService = class BaseGridEditService extends BaseGridReadService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.baseUrl = "";
-    }
-    reset() {
-        this.data = [];
-    }
-    resetItem(dataItem) {
-        if (!dataItem) {
-            return;
+class ContentHeaderComponent {
+    ngOnInit() {
+        if (this.title == null) {
+            this.title = '';
         }
-        //find orignal data item
-        const originalDataItem = this.data.find(item => item.Id === dataItem.Id);
-        //revert changes
-        Object.assign(originalDataItem, dataItem);
-        super.next(this.data);
-    }
-    save(data, isNew, sucess) {
-        const action = isNew ? 'add' : 'update';
-        this.reset();
-        this.post(action, data).subscribe(() => {
-        }, () => {
-            this.read();
-        }, () => {
-            this.read();
-            if (sucess)
-                sucess();
-        });
-    }
-    remove(data, sucess) {
-        this.reset();
-        this.post('remove', data).subscribe(() => {
-        }, () => {
-            this.read();
-        }, () => {
-            this.read();
-            if (sucess)
-                sucess();
-        });
-    }
-    post(action, data) {
-        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
-        return this.http.post(url, data).pipe(map(res => res));
     }
-};
-BaseGridEditService.ctorParameters = () => [
-    { type: HttpClient }
+}
+ContentHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-content-header',
+                template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
+            },] }
 ];
-BaseGridEditService = __decorate([
-    Injectable()
-], BaseGridEditService);
+ContentHeaderComponent.propDecorators = {
+    title: [{ type: Input }]
+};
 
 /*
 <file>
@@ -1383,7 +1272,7 @@ BaseGridEditService = __decorate([
     Vadim Osovitny
 
   Created:
-    4 Mar 2020
+    10 Nov 2017
 
   Version:
     1.0
@@ -1391,32 +1280,57 @@ BaseGridEditService = __decorate([
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let AnatolyDataModule = class AnatolyDataModule {
-};
-AnatolyDataModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule
-        ],
-        exports: [
-            CommonModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule
-        ],
-        declarations: [],
-        providers: []
-    })
-], AnatolyDataModule);
+const FroalaEditorModuleWithProviders = FroalaEditorModule.forRoot();
+const FroalaViewModuleWithProviders = FroalaViewModule.forRoot();
+class AnatolyUIModule {
+}
+AnatolyUIModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    FroalaEditorModuleWithProviders,
+                    FroalaViewModuleWithProviders,
+                ],
+                declarations: [
+                    SubscribePlanButtonComponent,
+                    UpgradePlanButtonComponent,
+                    BuyAccessButtonComponent,
+                    SignInButtonComponent,
+                    SignUpButtonComponent,
+                    SignOutButtonComponent,
+                    FormValidationSummaryComponent,
+                    ItemValidationSummaryComponent,
+                    HtmlEditorComponent,
+                    FormsHtmlEditorComponent,
+                    ContentHeaderComponent,
+                ],
+                exports: [
+                    SubscribePlanButtonComponent,
+                    UpgradePlanButtonComponent,
+                    BuyAccessButtonComponent,
+                    SignInButtonComponent,
+                    SignUpButtonComponent,
+                    SignOutButtonComponent,
+                    FormValidationSummaryComponent,
+                    ItemValidationSummaryComponent,
+                    HtmlEditorComponent,
+                    FormsHtmlEditorComponent,
+                    ContentHeaderComponent,
+                ]
+            },] }
+];
 
-// Services
+// Module
+
+/*
+ * Public API Surface of anatoly
+ */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyIdentityModule, AppContextService, BaseApiService, BaseComponent, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BillingApiService, BuyAccessButtonComponent, ContentHeaderComponent, FormValidationSummaryComponent, FormsHtmlEditorComponent, HtmlEditorComponent, ItemValidationSummaryComponent, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SubscribePlanButtonComponent, UpgradePlanButtonComponent, Utils, ValidationSummaryComponent };
+export { Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyUIModule, AppContextService, BaseApiService, BaseComponent, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BillingApiService, BuyAccessButtonComponent, ContentHeaderComponent, FormValidationSummaryComponent, FormsHtmlEditorComponent, HtmlEditorComponent, ItemValidationSummaryComponent, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SubscribePlanButtonComponent, UpgradePlanButtonComponent, Utils, ValidationSummaryComponent };
 //# sourceMappingURL=osovitny-anatoly.js.map