@osovitny/anatoly 2.0.18 → 2.0.20

package/fesm2015/osovitny-anatoly.js

@@ -1,12 +1,12 @@
 import Swal from 'sweetalert2';
 import { v4 } from 'uuid';
-import { Injectable, ɵɵdefineInjectable, Injector, NgModule, Optional, SkipSelf, Component, Input } from '@angular/core';
+import { Injectable, ɵɵdefineInjectable, Injector, NgModule, Optional, SkipSelf, Component, Input, Directive, ElementRef } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpClient, HttpResponse } from '@angular/common/http';
 import { map, tap } from 'rxjs/operators';
 import { BehaviorSubject } from 'rxjs';
 import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { NgControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
 
 /*
@@ -1351,23 +1351,11 @@ ContentHeaderComponent.propDecorators = {
 */
 class BaseComponent {
     getQSId() {
-        let id = Utils.getValueByNameInQS("id");
-        if (typeof id === "undefined" || id === "")
+        var id = Utils.getValueByNameInQS("id");
+        if (typeof id === 'undefined' || id == '')
             return null;
         return id;
     }
-    showLoading() {
-        let panelLoading = $("#pnlLoading");
-        panelLoading.show();
-    }
-    hideLoading() {
-        let panelLoading = $("#pnlLoading");
-        panelLoading.hide();
-    }
-    handleError(e) {
-        this.hideLoading();
-        Alerts.ErrorOccurred();
-    }
 }
 
 /*
@@ -1394,38 +1382,47 @@ class BaseEditComponent extends BaseComponent {
         this.formSubmitted = false;
     }
     isActionAdding() {
-        let id = Utils.getValueByNameInQS("id");
-        if (typeof id === "undefined" || id === "")
+        var id = Utils.getValueByNameInQS("id");
+        if (typeof id === 'undefined' || id == '')
             return true;
         return false;
     }
     getEntityId() {
         return this.getQSId();
     }
-    isItemInvalid(name) {
-        if (typeof name === "undefined" || name === "") {
+    isControlValid(name, formGroup = null) {
+        return !this.isControlInvalid(name, formGroup);
+    }
+    isControlInvalid(name, formGroup = null) {
+        if (typeof name === 'undefined' || name == '') {
             return false;
         }
-        if (!this.formGroup) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        if (!fg) {
             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));
+        if (fg.get(name)) {
+            return (this.formSubmitted && fg.get(name).invalid) ||
+                (fg.get(name).touched && fg.get(name).invalid);
         }
         return false;
     }
-    getFormValue(name) {
-        return this.formGroup.controls[name].value;
+    //FormGroup functions
+    getFormValue(name, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        return fg.controls[name].value;
     }
-    setFormValue(name, value) {
-        this.formGroup.controls[name].setValue(value);
+    setFormValue(name, value, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        fg.controls[name].setValue(value);
     }
-    getFormGroupValue(groupName, name) {
-        return this.formGroup.controls[groupName].get(name).value;
+    getFormGroupValue(groupName, name, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        return fg.controls[groupName].get(name).value;
     }
-    setFormGroupValue(groupName, name, value) {
-        this.formGroup.controls[groupName].get(name).setValue(value);
+    setFormGroupValue(groupName, name, value, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        fg.controls[groupName].get(name).setValue(value);
     }
 }
 BaseEditComponent.propDecorators = {
@@ -1729,16 +1726,16 @@ class ValidationSummaryComponent extends BaseEditComponent {
     }
     getFormValidationMessages() {
         let messages = [];
-        Object.keys(this.formGroup.controls).forEach((k) => {
+        Object.keys(this.formGroup.controls).forEach(k => {
             var control = this.formGroup.controls[k];
             if (control.controls != null) {
-                Object.keys(control.controls).forEach((k) => {
+                Object.keys(control.controls).forEach(k => {
                     var child = control.controls[k];
-                    this.getValidationMessages(child, k).forEach((m) => messages.push(m));
+                    this.getValidationMessages(child, this.getControlName(child, k)).forEach(m => messages.push(m));
                 });
             }
             else {
-                this.getValidationMessages(control, k).forEach((m) => messages.push(m));
+                this.getValidationMessages(control, this.getControlName(control, k)).forEach(m => messages.push(m));
             }
         });
         return messages;
@@ -1750,21 +1747,74 @@ class ValidationSummaryComponent extends BaseEditComponent {
             for (let errorName in state.errors) {
                 if (state.errors.hasOwnProperty(errorName)) {
                     switch (errorName) {
-                        case "required":
+                        case 'required':
                             messages.push(`${thing} is required`);
                             break;
-                        case "minlength":
+                        case 'minlength':
                             messages.push(`${thing} must be at least ${state.errors["minlength"].requiredLength} characters`);
                             break;
-                        case "pattern":
+                        case 'pattern':
                             messages.push(`${thing} contains illegal characters`);
                             break;
+                        case 'format':
+                            messages.push(`${thing} format mismatch`);
+                            break;
+                        case 'maxlength':
+                            messages.push(`${thing} must have maximum ${state.errors["maxlength"].requiredLength} characters`);
+                            break;
+                        case 'specialcharacters':
+                            messages.push(`${thing} contains special characters`);
+                            break;
                     }
                 }
             }
         }
         return messages;
     }
+    /**
+    * Get Control Name
+    * @param control
+    * @param thingName
+    */
+    getControlName(control, thingName) {
+        let value = this.getControlTitle(control);
+        return value ? value : thingName;
+    }
+    /**
+     * Retrieve tilte of control
+     * @param control
+     */
+    getControlTitle(control) {
+        if (control === null || control === void 0 ? void 0 : control.nativeElement) {
+            let controlTitle = this.getTitleAttribute(control.nativeElement);
+            if (controlTitle) {
+                return controlTitle;
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Return title attribute of form control
+     */
+    getTitleAttribute(nativeElement) {
+        var _a, _b, _c, _d, _e, _f;
+        let title;
+        switch (nativeElement.tagName) {
+            // For Kendo time and date picker element title is assigned to the 4th child control.
+            case "KENDO-TIMEPICKER":
+            case "KENDO-DATEPICKER":
+                title = (_d = (_c = (_b = (_a = nativeElement.children[0]) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children[0]) === null || _c === void 0 ? void 0 : _c.children[0]) === null || _d === void 0 ? void 0 : _d.getAttribute('title');
+                break;
+            // For Kendo numaric element title is assigned to the 2nd child control.
+            case "KENDO-NUMERICTEXTBOX":
+                title = (_f = (_e = nativeElement.children[0]) === null || _e === void 0 ? void 0 : _e.children[0]) === null || _f === void 0 ? void 0 : _f.getAttribute('title');
+                break;
+            default:
+                title = nativeElement.getAttribute('title');
+                break;
+        }
+        return title;
+    }
 }
 
 /*
@@ -1788,22 +1838,44 @@ class ValidationSummaryComponent extends BaseEditComponent {
 class FormValidationSummaryComponent extends ValidationSummaryComponent {
     constructor() {
         super();
-        this.isVisible = false;
+        this.visible = false;
+        this.customerrors = [];
+        /*
+          0 - only FormValidation messages
+          1 - only Custom messages
+          2 - all
+        */
+        this.viewtype = 0;
     }
     getErrors() {
-        const messages = this.getFormValidationMessages();
+        if (this.viewtype == 1) {
+            return this.customerrors;
+        }
+        let formValidationMessages = this.getFormValidationMessages();
+        if (this.viewtype == 0) {
+            return formValidationMessages;
+        }
+        var messages = [];
+        if (formValidationMessages.length > 0) {
+            messages.push(...formValidationMessages);
+        }
+        if (this.customerrors.length > 0) {
+            messages.push(...this.customerrors);
+        }
         return messages;
     }
 }
 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"
+                template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n"
             },] }
 ];
 FormValidationSummaryComponent.ctorParameters = () => [];
 FormValidationSummaryComponent.propDecorators = {
-    isVisible: [{ type: Input }]
+    visible: [{ type: Input }],
+    customerrors: [{ type: Input }],
+    viewtype: [{ type: Input }]
 };
 
 /*
@@ -1832,7 +1904,7 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 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"
+                template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(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\r\n"
             },] }
 ];
 ItemValidationSummaryComponent.ctorParameters = () => [];
@@ -1841,6 +1913,44 @@ ItemValidationSummaryComponent.propDecorators = {
     controlTitle: [{ type: Input }]
 };
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    28 Jun 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class NativeElementDirective {
+    constructor(el, control) {
+        this.el = el;
+        this.control = control;
+    }
+    ngOnInit() {
+        // sets the localization key to the control
+        this.control.control.nativeElement = this.el.nativeElement;
+    }
+}
+NativeElementDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[formControl], [formControlName]'
+            },] }
+];
+NativeElementDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgControl }
+];
+
 /*
 <file>
   Project:
@@ -1872,7 +1982,7 @@ AnatolyUIModule.decorators = [
                     FroalaEditorModuleWithProviders,
                     FroalaViewModuleWithProviders,
                 ],
-                declarations: [
+                exports: [
                     SubscribePlanButtonComponent,
                     UpgradePlanButtonComponent,
                     BuyAccessButtonComponent,
@@ -1883,9 +1993,11 @@ AnatolyUIModule.decorators = [
                     ItemValidationSummaryComponent,
                     HtmlEditorComponent,
                     FormsHtmlEditorComponent,
-                    ContentHeaderComponent
+                    ContentHeaderComponent,
+                    //Directives
+                    NativeElementDirective
                 ],
-                exports: [
+                declarations: [
                     SubscribePlanButtonComponent,
                     UpgradePlanButtonComponent,
                     BuyAccessButtonComponent,
@@ -1896,8 +2008,10 @@ AnatolyUIModule.decorators = [
                     ItemValidationSummaryComponent,
                     HtmlEditorComponent,
                     FormsHtmlEditorComponent,
-                    ContentHeaderComponent
-                ],
+                    ContentHeaderComponent,
+                    //Directives
+                    NativeElementDirective
+                ]
             },] }
 ];