@osovitny/anatoly 1.2.4 → 1.2.6

package/fesm2015/osovitny-anatoly.js

@@ -1,9 +1,9 @@
+import Swal from 'sweetalert2';
 import { __decorate } from 'tslib';
-import { Injectable, NgModule, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Injectable, Input, Component, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
 import { HttpClient, HttpClientModule, HttpClientXsrfModule, HttpClientJsonpModule } from '@angular/common/http';
 import { map } from 'rxjs/operators';
-import { BehaviorSubject } from 'rxjs';
-import { ActivatedRoute, Router } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
@@ -11,17 +11,7 @@ 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';
-
-var anatoly$1;
-(function (anatoly) {
-    var consts;
-    (function (consts) {
-        consts.jsonUrl = "/dist/json/";
-        consts.appUrl = "/";
-        consts.apiUrl = "/api/";
-    })(consts = anatoly.consts || (anatoly.consts = {}));
-})(anatoly$1 || (anatoly$1 = {}));
-window.anatoly = anatoly$1;
+import { BehaviorSubject } from 'rxjs';
 
 /*
 <file>
@@ -29,64 +19,94 @@ window.anatoly = anatoly$1;
     Vadim Osovitny
 
   Created:
-    13 Nov 2017
+    4 Mar 2020
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseApiService = class BaseApiService {
-    constructor(http) {
-        this.http = http;
-        this.baseUrl = anatoly.consts.apiUrl;
-    }
-    serializeParams(data) {
-        return data ? ('?' + $.param(data)) : '';
-    }
-    //webApi
-    get(action, data) {
-        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
-        return this.http.get(url).pipe(map(res => res));
-    }
-    post(action, data) {
-        var url = this.baseUrl + `${action}`;
-        return this.http.post(url, data, { responseType: 'text' });
-    }
-    postQS(action, data) {
-        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
-        return this.http.post(url, null, { responseType: 'text' });
+class Alerts {
+    static Info(text) {
+        Swal.fire({
+            title: "Info!",
+            text: text,
+            icon: "info",
+            confirmButtonText: "OK"
+        });
     }
-    //gets
-    getAll(data) {
-        return this.get('getall', data).pipe(map(res => res));
+    static Warning(text) {
+        Swal.fire({
+            title: "warning!",
+            text: text,
+            icon: "warning",
+            confirmButtonText: "OK"
+        });
     }
-    getJsonFile(fileName, jsonVersion) {
-        if (!jsonVersion) {
-            jsonVersion = "1.0";
-        }
-        var url = anatoly.consts.jsonUrl + fileName + '?' + jsonVersion;
-        return this.http.get(url).pipe(map(res => res));
+    static Error(text) {
+        Swal.fire({
+            title: "error!",
+            text: text,
+            icon: "error",
+            confirmButtonText: "OK"
+        });
     }
-    getNewGuid() {
-        var url = this.baseUrl + 'getNewGuid';
-        return this.http.get(url, { responseType: 'text' });
+    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',
+            confirmButtonText: confirmButtonText,
+            cancelButtonText: cancelButtonText,
+            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) {
+                if (cancelAction) {
+                    cancelAction();
+                }
+            }
+        });
     }
-    //CRUD function
-    getById(id) {
-        return this.get('getById', { id: id });
+    ;
+    static Success(text, title, successAction) {
+        if (typeof title == "undefined" || title == null)
+            title = "Success!";
+        Swal.fire({
+            title: title,
+            text: text,
+            icon: "success",
+            confirmButtonText: "OK"
+        })
+            .then(function () {
+            if (successAction) {
+                successAction();
+            }
+        });
     }
-    remove(id) {
-        return this.postQS('remove', { id: id });
+    ;
+    static Cancel(text) {
+        Swal.fire('Cancelled', text, 'error');
     }
-};
-BaseApiService.ctorParameters = () => [
-    { type: HttpClient }
-];
-BaseApiService = __decorate([
-    Injectable()
-], BaseApiService);
+    ;
+}
 
 /*
 <file>
@@ -94,90 +114,24 @@ BaseApiService = __decorate([
     Vadim Osovitny
 
   Created:
-    29 Apr 2018
+    4 Mar 2020
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseGridEditService = class BaseGridEditService extends BehaviorSubject {
-    constructor(http) {
-        super([]);
-        this.http = http;
-        this.data = [];
-        this.baseUrl = anatoly.consts.apiUrl;
-        this.baseReadUrl = this.baseUrl + "getAll";
-    }
-    serializeParams(data) {
-        return data ? ('?' + $.param(data)) : '';
-    }
-    reset() {
-        this.data = [];
-    }
-    resetItem(dataItem) {
-        if (!dataItem) {
-            return;
-        }
-        //find orignal data item
-        const originalDataItem = this.data.find(item => item.Id === dataItem.Id);
-        //revert changes
-        Object.assign(originalDataItem, dataItem);
-        super.next(this.data);
-    }
-    read(params) {
-        if (this.data.length) {
-            return super.next(this.data);
-        }
-        var url = this.baseReadUrl;
-        if (typeof params === 'undefined') {
-            params = this.savedReadParams;
-        }
-        if (typeof params !== 'undefined') {
-            url = this.baseReadUrl + `${this.serializeParams(params)}`;
-            this.savedReadParams = params;
-        }
-        //  this.http.get(url)
-        //           .map(res => <any[]>res)
-        //           .do(data => { this.data = data; }).subscribe(data => { super.next(data); });
-        //}
-        this.http.get(url).pipe(map(res => res)).subscribe(data => { super.next(data); });
-    }
-    save(data, isNew, sucess) {
-        const action = isNew ? 'add' : 'update';
-        this.reset();
-        this.post(action, data).subscribe(() => {
-        }, () => {
-            this.read();
-        }, () => {
-            this.read();
-            if (sucess)
-                sucess();
-        });
+class Utils {
+    static GetValueByNameInQS(name) {
+        return Utils.GetValueByName(location.search, name);
     }
-    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));
+    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, " "));
     }
-};
-BaseGridEditService.ctorParameters = () => [
-    { type: HttpClient }
-];
-BaseGridEditService = __decorate([
-    Injectable()
-], BaseGridEditService);
+}
 
 /*
 <file>
@@ -190,7 +144,7 @@ BaseGridEditService = __decorate([
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
 let BaseGoService = class BaseGoService {
@@ -211,6 +165,92 @@ BaseGoService = __decorate([
     Injectable()
 ], BaseGoService);
 
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    4 Mar 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class Consts {
+}
+Consts.JsonUrl = "/dist/jsons/";
+Consts.JsonVersion = "v=1.0.0";
+Consts.AppUrl = "/";
+Consts.ApiUrl = "/api/";
+
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    13 Nov 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+let BaseApiService = class BaseApiService {
+    constructor(http) {
+        this.http = http;
+        this.baseUrl = Consts.ApiUrl;
+    }
+    serializeParams(data) {
+        return data ? ('?' + $.param(data)) : '';
+    }
+    //webApi
+    get(action, data) {
+        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
+        return this.http.get(url).pipe(map(res => res));
+    }
+    post(action, data) {
+        var url = this.baseUrl + `${action}`;
+        return this.http.post(url, data, { responseType: 'text' });
+    }
+    postQS(action, data) {
+        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
+        return this.http.post(url, null, { responseType: 'text' });
+    }
+    //gets
+    getAll(data) {
+        return this.get('getall', data).pipe(map(res => res));
+    }
+    getJsonFile(fileName, jsonVersion) {
+        if (!jsonVersion) {
+            jsonVersion = "1.0";
+        }
+        var url = Consts.JsonUrl + fileName + '?' + jsonVersion;
+        return this.http.get(url).pipe(map(res => res));
+    }
+    getNewGuid() {
+        var url = this.baseUrl + 'getNewGuid';
+        return this.http.get(url, { responseType: 'text' });
+    }
+    //CRUD function
+    getById(id) {
+        return this.get('getById', { id: id });
+    }
+    remove(id) {
+        return this.postQS('remove', { id: id });
+    }
+};
+BaseApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
+BaseApiService = __decorate([
+    Injectable()
+], BaseApiService);
+
 /*
 <file>
   Authors:
@@ -222,7 +262,7 @@ BaseGoService = __decorate([
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
 let AppContextService = class AppContextService extends BaseApiService {
@@ -232,7 +272,7 @@ let AppContextService = class AppContextService extends BaseApiService {
         this.current = null;
         this.successes = [];
         this.subscription = null;
-        this.baseUrl = anatoly.consts.apiUrl + 'appcontext/';
+        this.baseUrl = Consts.ApiUrl + 'appcontext/';
     }
     getCurrent(success) {
         if (typeof success == "undefined") {
@@ -281,38 +321,36 @@ AppContextService = __decorate([
     Vadim Osovitny
 
   Created:
-    10 Nov 2017
+    28 Aug 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let AnatolyCoreModule = class AnatolyCoreModule {
-};
-AnatolyCoreModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule
-        ],
-        exports: [
-            CommonModule,
-            HttpClientModule,
-            HttpClientXsrfModule,
-            HttpClientJsonpModule
-        ],
-        declarations: [],
-        providers: [
-            AppContextService
-        ]
-    })
-], AnatolyCoreModule);
-
-// Base
+class BaseComponent {
+    constructor() {
+    }
+    getQSId() {
+        var id = Utils.GetValueByNameInQS("id");
+        if (typeof id === 'undefined' || id == '')
+            return null;
+        return id;
+    }
+    showLoading() {
+        var panelLoading = $('#pnlLoading');
+        panelLoading.show();
+    }
+    hideLoading() {
+        var panelLoading = $('#pnlLoading');
+        panelLoading.hide();
+    }
+    handleError(e) {
+        this.hideLoading();
+        Alerts.ErrorOccurred();
+    }
+}
 
 /*
 <file>
@@ -320,111 +358,91 @@ AnatolyCoreModule = __decorate([
     Vadim Osovitny
 
   Created:
-    12 Nov 2017
+    20 Nov 2017
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let BaseBillingApiService = class BaseBillingApiService extends BaseApiService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.baseUrl += 'billing/';
+class BaseEditComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.formSubmitted = false;
     }
-    requestNewSubscription(requestedPlan, success, error) {
-        this.postQS('requestNewSubscription', { requestedPlan: requestedPlan })
-            .subscribe(data => { }, e => { if (error)
-            error(); }, () => { if (success)
-            success(); });
+    isActionAdding() {
+        var id = Utils.GetValueByNameInQS("id");
+        if (typeof id === 'undefined' || id == '')
+            return true;
+        return false;
     }
-    cancelRequestedSubscription(success, error) {
-        this.postQS('cancelRequestedSubscription', null)
-            .subscribe(data => { }, e => { if (error)
-            error(); }, () => { if (success)
-            success(); });
+    getEntityId() {
+        return this.getQSId();
     }
-    buyAccess(requestedPlan, success, error) {
-        this.postQS('buyAccess', { requestedPlan: requestedPlan })
-            .subscribe(data => { }, e => { if (error)
-            error(); }, () => { if (success)
-            success(); });
+    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;
     }
-};
-BaseBillingApiService.ctorParameters = () => [
-    { type: HttpClient }
-];
-BaseBillingApiService = __decorate([
-    Injectable()
-], BaseBillingApiService);
+    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);
+    }
+}
+__decorate([
+    Input()
+], BaseEditComponent.prototype, "formGroup", void 0);
+__decorate([
+    Input()
+], BaseEditComponent.prototype, "formSubmitted", void 0);
 
 /*
 <file>
   Authors:
-    Vadim Osovitny
+    Anatoly Osovitny
 
   Created:
-    14 Aug 2018
+    23 Apr 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  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 = "";
-    }
+let ContentHeaderComponent = class ContentHeaderComponent {
     ngOnInit() {
-        if (!this.appcontext.isUserSignedIn()) {
-            this.contextUpdated = true;
-            return;
+        if (this.title == null) {
+            this.title = '';
         }
-        this.appcontext.getCurrent((current) => {
-            this.isUserSignedIn = current.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = current.account.billingPlan;
-                this.currentPlanTitle = current.account.billingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
-    }
-    onBuyPlan() {
-        const text = `Requested plan: ${this.plantitle} `;
-        var that = this;
-        osovitny.ui.areYouSure(text, 'Buying access', 'Confirm change', 'Cancel', () => {
-            that.api.buyAccess(that.plan, () => {
-                osovitny.ui.alertSuccess('Access Granted', null, () => {
-                    window.location.reload();
-                });
-            });
-        });
     }
 };
-BuyAccessButtonComponent.ctorParameters = () => [
-    { type: AppContextService },
-    { type: BaseBillingApiService }
-];
-__decorate([
-    Input()
-], BuyAccessButtonComponent.prototype, "plan", void 0);
 __decorate([
     Input()
-], BuyAccessButtonComponent.prototype, "plantitle", void 0);
-BuyAccessButtonComponent = __decorate([
+], ContentHeaderComponent.prototype, "title", void 0);
+ContentHeaderComponent = __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"
+        selector: 'anatoly-content-header',
+        template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
     })
-], BuyAccessButtonComponent);
+], ContentHeaderComponent);
 
 /*
 <file>
@@ -432,56 +450,57 @@ BuyAccessButtonComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    1 Jun 2018
+    8 Dec 2017
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  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>
@@ -489,48 +508,33 @@ SubscribePlanButtonComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    12 Nov 2017
+    7 Dec 2017
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let UpgradePlanButtonComponent = class UpgradePlanButtonComponent {
-    constructor(api) {
-        this.api = api;
+let FormValidationSummaryComponent = class FormValidationSummaryComponent extends ValidationSummaryComponent {
+    constructor() {
+        super();
+        this.visible = false;
     }
-    onUpgradePlan() {
-        const text = `Current plan: ${this.currentplantitle} New plan: ${this.requestedplantitle}`;
-        var that = this;
-        osovitny.ui.areYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', () => {
-            that.api.requestNewSubscription(that.requestedplan, () => {
-                osovitny.ui.alertSuccess('Your request for changing plan has been sent.', null, () => {
-                    window.location.reload();
-                });
-            });
-        });
+    getErrors() {
+        var messages = this.getFormValidationMessages();
+        return messages;
     }
 };
-UpgradePlanButtonComponent.ctorParameters = () => [
-    { type: BaseBillingApiService }
-];
-__decorate([
-    Input()
-], UpgradePlanButtonComponent.prototype, "currentplantitle", void 0);
-__decorate([
-    Input()
-], UpgradePlanButtonComponent.prototype, "requestedplan", void 0);
 __decorate([
     Input()
-], UpgradePlanButtonComponent.prototype, "requestedplantitle", void 0);
-UpgradePlanButtonComponent = __decorate([
+], FormValidationSummaryComponent.prototype, "visible", void 0);
+FormValidationSummaryComponent = __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"
+        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"
     })
-], UpgradePlanButtonComponent);
+], FormValidationSummaryComponent);
 
 /*
 <file>
@@ -538,116 +542,221 @@ 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() { }
+let ItemValidationSummaryComponent = class ItemValidationSummaryComponent extends ValidationSummaryComponent {
+    constructor() {
+        super();
+    }
 };
 __decorate([
     Input()
-], SignInButtonComponent.prototype, "classbtn", void 0);
-SignInButtonComponent = __decorate([
+], ItemValidationSummaryComponent.prototype, "key", void 0);
+__decorate([
+    Input()
+], ItemValidationSummaryComponent.prototype, "title", void 0);
+ItemValidationSummaryComponent = __decorate([
     Component({
-        selector: 'anatoly-signin-button',
-        template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
+        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>"
     })
-], SignInButtonComponent);
+], ItemValidationSummaryComponent);
+
+const ɵ0 = function (images) {
+};
+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: '' },
+    events: {
+        'image.beforeUpload': ɵ0
+    }
+};
 
 /*
 <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 SignOutButtonComponent = class SignOutButtonComponent {
-    constructor() { }
-};
+class BaseHtmlEditorComponent extends BaseEditComponent {
+    constructor() {
+        super();
+        this.editorInitialized = false;
+        //General params
+        this.editorId = '';
+        this.editorLabelText = 'Html';
+        this.editorOptions = {};
+    }
+    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;
+    }
+    doAfterEditorInitialized(action) {
+        var that = this;
+        var timeOut = 500;
+        if (this.editorInitialized) {
+            timeOut = 100;
+        }
+        setTimeout(function () { action(that); }, timeOut);
+    }
+    getEditor() {
+        if (this._control)
+            return this._control.getEditor();
+        return null;
+    }
+    //Public Funcs
+    initializeControl(control) {
+        this._control = control;
+        this._control.initialize();
+        this.editorInitialized = true;
+    }
+    setUploadParams(uploadType, uploadParentId) {
+        this.doAfterEditorInitialized(function (that) {
+            var editor = that.getEditor();
+            if (typeof (editor) == "undefined" || editor == null) {
+                return;
+            }
+            editor.opts.imageUploadParams.uploadType = uploadType;
+            editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+        });
+    }
+}
 __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);
+], BaseHtmlEditorComponent.prototype, "editorId", void 0);
+__decorate([
+    Input()
+], BaseHtmlEditorComponent.prototype, "editorLabelText", void 0);
+__decorate([
+    Input()
+], BaseHtmlEditorComponent.prototype, "editorOptions", void 0);
 
 /*
 <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 {
+let HtmlEditorComponent = class HtmlEditorComponent extends BaseHtmlEditorComponent {
     constructor() {
+        super();
+    }
+    setHtml(content) {
+        this.doAfterEditorInitialized(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);
     }
 };
-__decorate([
-    Input()
-], SignUpButtonComponent.prototype, "classbtn", void 0);
-SignUpButtonComponent = __decorate([
+HtmlEditorComponent = __decorate([
     Component({
-        selector: 'anatoly-signup-button',
-        template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+        selector: 'anatoly-html-editor',
+        template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\" \r\n            [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
     })
-], SignUpButtonComponent);
+], HtmlEditorComponent);
 
 /*
 <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 AnatolyIdentityModule = class AnatolyIdentityModule {
+let FormsHtmlEditorComponent = class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
+    constructor() {
+        super();
+        this.editorFormKey = 'html';
+    }
 };
-AnatolyIdentityModule = __decorate([
-    NgModule({
-        imports: [],
-        exports: [
-            SignInButtonComponent,
-            SignUpButtonComponent,
-            SignOutButtonComponent
-        ],
-        declarations: [
-            SignInButtonComponent,
-            SignUpButtonComponent,
-            SignOutButtonComponent
-        ],
-        providers: []
+__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 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"
     })
-], AnatolyIdentityModule);
-
-// Components
+], FormsHtmlEditorComponent);
 
 /*
 <file>
@@ -660,41 +769,54 @@ AnatolyIdentityModule = __decorate([
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let AnatolyBillingModule = class AnatolyBillingModule {
+let AnatolyCoreModule = class AnatolyCoreModule {
 };
-AnatolyBillingModule = __decorate([
+AnatolyCoreModule = __decorate([
     NgModule({
         imports: [
             CommonModule,
+            ReactiveFormsModule,
+            FormsModule,
             HttpClientModule,
             HttpClientXsrfModule,
             HttpClientJsonpModule,
-            AnatolyIdentityModule
+            FroalaEditorModule.forRoot(),
+            FroalaViewModule.forRoot(),
+            GridModule,
+            PopupModule,
+            ButtonsModule,
+            DropDownsModule
         ],
         exports: [
             CommonModule,
             HttpClientModule,
             HttpClientXsrfModule,
             HttpClientJsonpModule,
-            SubscribePlanButtonComponent,
-            UpgradePlanButtonComponent,
-            BuyAccessButtonComponent
+            ItemValidationSummaryComponent,
+            FormValidationSummaryComponent,
+            ContentHeaderComponent,
+            HtmlEditorComponent,
+            FormsHtmlEditorComponent
         ],
         declarations: [
-            SubscribePlanButtonComponent,
-            UpgradePlanButtonComponent,
-            BuyAccessButtonComponent
+            ItemValidationSummaryComponent,
+            FormValidationSummaryComponent,
+            ContentHeaderComponent,
+            HtmlEditorComponent,
+            FormsHtmlEditorComponent
         ],
         providers: [
-            BaseBillingApiService
+            AppContextService
+        ],
+        schemas: [
+            CUSTOM_ELEMENTS_SCHEMA,
+            NO_ERRORS_SCHEMA
         ]
     })
-], AnatolyBillingModule);
-
-// Components
+], AnatolyCoreModule);
 
 /*
 <file>
@@ -702,36 +824,45 @@ AnatolyBillingModule = __decorate([
     Vadim Osovitny
 
   Created:
-    28 Aug 2018
+    12 Nov 2017
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseComponent {
-    constructor() {
-    }
-    getQSId() {
-        var id = osovitny.utils.getValueByNameInQS("id");
-        if (typeof id === 'undefined' || id == '')
-            return null;
-        return id;
+let BaseBillingApiService = class BaseBillingApiService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl += 'billing/';
     }
-    showLoading() {
-        var panelLoading = $('#pnlLoading');
-        panelLoading.show();
+    requestNewSubscription(requestedPlan, success, error) {
+        this.postQS('requestNewSubscription', { requestedPlan: requestedPlan })
+            .subscribe(data => { }, e => { if (error)
+            error(); }, () => { if (success)
+            success(); });
     }
-    hideLoading() {
-        var panelLoading = $('#pnlLoading');
-        panelLoading.hide();
+    cancelRequestedSubscription(success, error) {
+        this.postQS('cancelRequestedSubscription', null)
+            .subscribe(data => { }, e => { if (error)
+            error(); }, () => { if (success)
+            success(); });
     }
-    handleError(e) {
-        this.hideLoading();
-        osovitny.ui.errorOccurred();
+    buyAccess(requestedPlan, success, error) {
+        this.postQS('buyAccess', { requestedPlan: requestedPlan })
+            .subscribe(data => { }, e => { if (error)
+            error(); }, () => { if (success)
+            success(); });
     }
-}
+};
+BaseBillingApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
+BaseBillingApiService = __decorate([
+    Injectable()
+], BaseBillingApiService);
 
 /*
 <file>
@@ -739,91 +870,122 @@ class BaseComponent {
     Vadim Osovitny
 
   Created:
-    20 Nov 2017
+    14 Aug 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseEditComponent extends BaseComponent {
-    constructor() {
-        super();
-        this.formSubmitted = false;
-    }
-    isActionAdding() {
-        var id = osovitny.utils.getValueByNameInQS("id");
-        if (typeof id === 'undefined' || id == '')
-            return true;
-        return false;
-    }
-    getEntityId() {
-        return this.getQSId();
+let BuyAccessButtonComponent = class BuyAccessButtonComponent {
+    constructor(appcontext, api) {
+        this.appcontext = appcontext;
+        this.api = api;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = 0;
+        this.currentPlanTitle = "";
     }
-    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);
+    ngOnInit() {
+        if (!this.appcontext.isUserSignedIn()) {
+            this.contextUpdated = true;
+            return;
         }
-        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;
+        this.appcontext.getCurrent((current) => {
+            this.isUserSignedIn = current.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = current.account.billingPlan;
+                this.currentPlanTitle = current.account.billingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
     }
-    setFormGroupValue(groupName, name, value) {
-        this.formGroup.controls[groupName].get(name).setValue(value);
+    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();
+                });
+            });
+        });
     }
-}
+};
+BuyAccessButtonComponent.ctorParameters = () => [
+    { type: AppContextService },
+    { type: BaseBillingApiService }
+];
 __decorate([
     Input()
-], BaseEditComponent.prototype, "formGroup", void 0);
+], BuyAccessButtonComponent.prototype, "plan", void 0);
 __decorate([
     Input()
-], BaseEditComponent.prototype, "formSubmitted", void 0);
+], 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);
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
+    Vadim Osovitny
 
   Created:
-    23 Apr 2018
+    1 Jun 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let ContentHeaderComponent = class ContentHeaderComponent {
+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 = "";
+    }
     ngOnInit() {
-        if (this.title == null) {
-            this.title = '';
+        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;
+        });
     }
 };
+SubscribePlanButtonComponent.ctorParameters = () => [
+    { type: AppContextService }
+];
 __decorate([
     Input()
-], ContentHeaderComponent.prototype, "title", void 0);
-ContentHeaderComponent = __decorate([
+], SubscribePlanButtonComponent.prototype, "plan", void 0);
+__decorate([
+    Input()
+], SubscribePlanButtonComponent.prototype, "plantitle", void 0);
+SubscribePlanButtonComponent = __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"
+        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"
     })
-], ContentHeaderComponent);
+], SubscribePlanButtonComponent);
 
 /*
 <file>
@@ -831,57 +993,48 @@ ContentHeaderComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    8 Dec 2017
+    12 Nov 2017
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class ValidationSummaryComponent extends BaseEditComponent {
-    constructor() {
-        super();
+let UpgradePlanButtonComponent = class UpgradePlanButtonComponent {
+    constructor(api) {
+        this.api = api;
     }
-    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));
+    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();
                 });
-            }
-            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;
     }
-}
+};
+UpgradePlanButtonComponent.ctorParameters = () => [
+    { type: BaseBillingApiService }
+];
+__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);
 
 /*
 <file>
@@ -889,33 +1042,26 @@ class ValidationSummaryComponent extends BaseEditComponent {
     Vadim Osovitny
 
   Created:
-    7 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
 </file>
 */
-let FormValidationSummaryComponent = class FormValidationSummaryComponent extends ValidationSummaryComponent {
-    constructor() {
-        super();
-        this.visible = false;
-    }
-    getErrors() {
-        var messages = this.getFormValidationMessages();
-        return messages;
-    }
+let SignInButtonComponent = class SignInButtonComponent {
+    constructor() { }
 };
 __decorate([
     Input()
-], FormValidationSummaryComponent.prototype, "visible", void 0);
-FormValidationSummaryComponent = __decorate([
+], SignInButtonComponent.prototype, "classbtn", void 0);
+SignInButtonComponent = __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"
+        selector: 'anatoly-signin-button',
+        template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
     })
-], FormValidationSummaryComponent);
+], SignInButtonComponent);
 
 /*
 <file>
@@ -923,221 +1069,227 @@ FormValidationSummaryComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    6 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
 </file>
 */
-let ItemValidationSummaryComponent = class ItemValidationSummaryComponent extends ValidationSummaryComponent {
-    constructor() {
-        super();
-    }
+let SignOutButtonComponent = class SignOutButtonComponent {
+    constructor() { }
 };
 __decorate([
     Input()
-], ItemValidationSummaryComponent.prototype, "key", void 0);
-__decorate([
-    Input()
-], ItemValidationSummaryComponent.prototype, "title", void 0);
-ItemValidationSummaryComponent = __decorate([
+], SignOutButtonComponent.prototype, "classbtn", void 0);
+SignOutButtonComponent = __decorate([
     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>"
+        selector: 'anatoly-signout-button',
+        template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
     })
-], ItemValidationSummaryComponent);
-
-const ɵ0 = function (images) {
-};
-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: '' },
-    events: {
-        'image.beforeUpload': ɵ0
-    }
-};
+], SignOutButtonComponent);
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    12 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2018 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseHtmlEditorComponent extends BaseEditComponent {
+let SignUpButtonComponent = class SignUpButtonComponent {
     constructor() {
-        super();
-        this.editorInitialized = false;
-        //General params
-        this.editorId = '';
-        this.editorLabelText = 'Html';
-        this.editorOptions = {};
-    }
-    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;
     }
-    doAfterEditorInitialized(action) {
-        var that = this;
-        var timeOut = 500;
-        if (this.editorInitialized) {
-            timeOut = 100;
-        }
-        setTimeout(function () { action(that); }, timeOut);
-    }
-    getEditor() {
-        if (this._control)
-            return this._control.getEditor();
-        return null;
-    }
-    //Public Funcs
-    initializeControl(control) {
-        this._control = control;
-        this._control.initialize();
-        this.editorInitialized = true;
-    }
-    setUploadParams(uploadType, uploadParentId) {
-        this.doAfterEditorInitialized(function (that) {
-            var editor = that.getEditor();
-            if (typeof (editor) == "undefined" || editor == null) {
-                return;
-            }
-            editor.opts.imageUploadParams.uploadType = uploadType;
-            editor.opts.imageUploadParams.uploadParentId = uploadParentId;
-        });
-    }
-}
-__decorate([
-    Input()
-], BaseHtmlEditorComponent.prototype, "editorId", void 0);
-__decorate([
-    Input()
-], BaseHtmlEditorComponent.prototype, "editorLabelText", void 0);
+};
 __decorate([
     Input()
-], BaseHtmlEditorComponent.prototype, "editorOptions", void 0);
+], 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:
-    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    12 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 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.doAfterEditorInitialized(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);
-    }
+let AnatolyIdentityModule = class AnatolyIdentityModule {
 };
-HtmlEditorComponent = __decorate([
-    Component({
-        selector: 'anatoly-html-editor',
-        template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\" \r\n            [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
+AnatolyIdentityModule = __decorate([
+    NgModule({
+        imports: [],
+        exports: [
+            SignInButtonComponent,
+            SignUpButtonComponent,
+            SignOutButtonComponent
+        ],
+        declarations: [
+            SignInButtonComponent,
+            SignUpButtonComponent,
+            SignOutButtonComponent
+        ],
+        providers: []
     })
-], HtmlEditorComponent);
+], AnatolyIdentityModule);
+
+// Components
 
 /*
 <file>
   Authors:
-    Anatoly Osovitny
     Vadim Osovitny
 
   Created:
-    12 Dec 2017
+    10 Nov 2017
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let FormsHtmlEditorComponent = class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
-    constructor() {
-        super();
-        this.editorFormKey = 'html';
-    }
+let AnatolyBillingModule = class AnatolyBillingModule {
 };
-__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 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"
+AnatolyBillingModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            HttpClientModule,
+            HttpClientXsrfModule,
+            HttpClientJsonpModule,
+            AnatolyIdentityModule
+        ],
+        exports: [
+            CommonModule,
+            HttpClientModule,
+            HttpClientXsrfModule,
+            HttpClientJsonpModule,
+            SubscribePlanButtonComponent,
+            UpgradePlanButtonComponent,
+            BuyAccessButtonComponent
+        ],
+        declarations: [
+            SubscribePlanButtonComponent,
+            UpgradePlanButtonComponent,
+            BuyAccessButtonComponent
+        ],
+        providers: [
+            BaseBillingApiService
+        ]
     })
-], FormsHtmlEditorComponent);
+], AnatolyBillingModule);
+
+// Components
+
+/*
+<file>
+  Authors:
+    Vadim Osovitny
+
+  Created:
+    29 Apr 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+let BaseGridEditService = class BaseGridEditService extends BehaviorSubject {
+    constructor(http) {
+        super([]);
+        this.http = http;
+        this.data = [];
+        this.baseUrl = Consts.ApiUrl;
+        this.baseReadUrl = this.baseUrl + "getAll";
+    }
+    serializeParams(data) {
+        return data ? ('?' + $.param(data)) : '';
+    }
+    reset() {
+        this.data = [];
+    }
+    resetItem(dataItem) {
+        if (!dataItem) {
+            return;
+        }
+        //find orignal data item
+        const originalDataItem = this.data.find(item => item.Id === dataItem.Id);
+        //revert changes
+        Object.assign(originalDataItem, dataItem);
+        super.next(this.data);
+    }
+    read(params) {
+        if (this.data.length) {
+            return super.next(this.data);
+        }
+        var url = this.baseReadUrl;
+        if (typeof params === 'undefined') {
+            params = this.savedReadParams;
+        }
+        if (typeof params !== 'undefined') {
+            url = this.baseReadUrl + `${this.serializeParams(params)}`;
+            this.savedReadParams = params;
+        }
+        //  this.http.get(url)
+        //           .map(res => <any[]>res)
+        //           .do(data => { this.data = data; }).subscribe(data => { super.next(data); });
+        //}
+        this.http.get(url).pipe(map(res => res)).subscribe(data => { super.next(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 }
+];
+BaseGridEditService = __decorate([
+    Injectable()
+], BaseGridEditService);
 
 /*
 <file>
@@ -1145,63 +1297,40 @@ FormsHtmlEditorComponent = __decorate([
     Vadim Osovitny
 
   Created:
-    3 Jun 2018
+    4 Mar 2020
 
   Version:
     1.0
 
-  Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-let AnatolyUIModule = class AnatolyUIModule {
+let AnatolyDataModule = class AnatolyDataModule {
 };
-AnatolyUIModule = __decorate([
+AnatolyDataModule = __decorate([
     NgModule({
         imports: [
             CommonModule,
-            ReactiveFormsModule,
-            FormsModule,
             HttpClientModule,
             HttpClientXsrfModule,
-            HttpClientJsonpModule,
-            FroalaEditorModule.forRoot(),
-            FroalaViewModule.forRoot(),
-            GridModule,
-            PopupModule,
-            ButtonsModule,
-            DropDownsModule
+            HttpClientJsonpModule
         ],
         exports: [
             CommonModule,
             HttpClientModule,
             HttpClientXsrfModule,
-            HttpClientJsonpModule,
-            ItemValidationSummaryComponent,
-            FormValidationSummaryComponent,
-            ContentHeaderComponent,
-            HtmlEditorComponent,
-            FormsHtmlEditorComponent
-        ],
-        declarations: [
-            ItemValidationSummaryComponent,
-            FormValidationSummaryComponent,
-            ContentHeaderComponent,
-            HtmlEditorComponent,
-            FormsHtmlEditorComponent
+            HttpClientJsonpModule
         ],
-        providers: [],
-        schemas: [
-            CUSTOM_ELEMENTS_SCHEMA,
-            NO_ERRORS_SCHEMA
-        ]
+        declarations: [],
+        providers: []
     })
-], AnatolyUIModule);
+], AnatolyDataModule);
 
-// Base Components
+// Consts
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnatolyBillingModule, AnatolyCoreModule, AnatolyIdentityModule, AnatolyUIModule, AppContextService, BaseApiService, BaseBillingApiService, BaseComponent, BaseEditComponent, BaseGoService, BaseGridEditService, BuyAccessButtonComponent, ContentHeaderComponent, FormValidationSummaryComponent, FormsHtmlEditorComponent, HtmlEditorComponent, ItemValidationSummaryComponent, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SubscribePlanButtonComponent, UpgradePlanButtonComponent, ValidationSummaryComponent };
+export { Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyIdentityModule, AppContextService, BaseApiService, BaseBillingApiService, BaseComponent, BaseEditComponent, BaseGoService, BaseGridEditService, BuyAccessButtonComponent, Consts, ContentHeaderComponent, FormValidationSummaryComponent, FormsHtmlEditorComponent, HtmlEditorComponent, ItemValidationSummaryComponent, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SubscribePlanButtonComponent, UpgradePlanButtonComponent, Utils, ValidationSummaryComponent };
 //# sourceMappingURL=osovitny-anatoly.js.map