@osovitny/anatoly 2.0.18 → 2.0.20

package/bundles/osovitny-anatoly.umd.js

@@ -1640,22 +1640,10 @@
       }
       BaseComponent.prototype.getQSId = function () {
           var id = Utils.getValueByNameInQS("id");
-          if (typeof id === "undefined" || id === "")
+          if (typeof id === 'undefined' || id == '')
               return null;
           return id;
       };
-      BaseComponent.prototype.showLoading = function () {
-          var panelLoading = $("#pnlLoading");
-          panelLoading.show();
-      };
-      BaseComponent.prototype.hideLoading = function () {
-          var panelLoading = $("#pnlLoading");
-          panelLoading.hide();
-      };
-      BaseComponent.prototype.handleError = function (e) {
-          this.hideLoading();
-          Alerts.ErrorOccurred();
-      };
       return BaseComponent;
   }());
 
@@ -1668,37 +1656,52 @@
       }
       BaseEditComponent.prototype.isActionAdding = function () {
           var id = Utils.getValueByNameInQS("id");
-          if (typeof id === "undefined" || id === "")
+          if (typeof id === 'undefined' || id == '')
               return true;
           return false;
       };
       BaseEditComponent.prototype.getEntityId = function () {
           return this.getQSId();
       };
-      BaseEditComponent.prototype.isItemInvalid = function (name) {
-          if (typeof name === "undefined" || name === "") {
+      BaseEditComponent.prototype.isControlValid = function (name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          return !this.isControlInvalid(name, formGroup);
+      };
+      BaseEditComponent.prototype.isControlInvalid = function (name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          if (typeof name === 'undefined' || name == '') {
               return false;
           }
-          if (!this.formGroup) {
+          var 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;
       };
-      BaseEditComponent.prototype.getFormValue = function (name) {
-          return this.formGroup.controls[name].value;
+      //FormGroup functions
+      BaseEditComponent.prototype.getFormValue = function (name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          return fg.controls[name].value;
       };
-      BaseEditComponent.prototype.setFormValue = function (name, value) {
-          this.formGroup.controls[name].setValue(value);
+      BaseEditComponent.prototype.setFormValue = function (name, value, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          fg.controls[name].setValue(value);
       };
-      BaseEditComponent.prototype.getFormGroupValue = function (groupName, name) {
-          return this.formGroup.controls[groupName].get(name).value;
+      BaseEditComponent.prototype.getFormGroupValue = function (groupName, name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          return fg.controls[groupName].get(name).value;
       };
-      BaseEditComponent.prototype.setFormGroupValue = function (groupName, name, value) {
-          this.formGroup.controls[groupName].get(name).setValue(value);
+      BaseEditComponent.prototype.setFormGroupValue = function (groupName, name, value, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          fg.controls[groupName].get(name).setValue(value);
       };
       return BaseEditComponent;
   }(BaseComponent));
@@ -1946,11 +1949,11 @@
               if (control.controls != null) {
                   Object.keys(control.controls).forEach(function (k) {
                       var child = control.controls[k];
-                      _this.getValidationMessages(child, k).forEach(function (m) { return messages.push(m); });
+                      _this.getValidationMessages(child, _this.getControlName(child, k)).forEach(function (m) { return messages.push(m); });
                   });
               }
               else {
-                  _this.getValidationMessages(control, k).forEach(function (m) { return messages.push(m); });
+                  _this.getValidationMessages(control, _this.getControlName(control, k)).forEach(function (m) { return messages.push(m); });
               }
           });
           return messages;
@@ -1962,21 +1965,74 @@
               for (var 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
+      */
+      ValidationSummaryComponent.prototype.getControlName = function (control, thingName) {
+          var value = this.getControlTitle(control);
+          return value ? value : thingName;
+      };
+      /**
+       * Retrieve tilte of control
+       * @param control
+       */
+      ValidationSummaryComponent.prototype.getControlTitle = function (control) {
+          if (control === null || control === void 0 ? void 0 : control.nativeElement) {
+              var controlTitle = this.getTitleAttribute(control.nativeElement);
+              if (controlTitle) {
+                  return controlTitle;
+              }
+          }
+          return undefined;
+      };
+      /**
+       * Return title attribute of form control
+       */
+      ValidationSummaryComponent.prototype.getTitleAttribute = function (nativeElement) {
+          var _a, _b, _c, _d, _e, _f;
+          var 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;
+      };
       return ValidationSummaryComponent;
   }(BaseEditComponent));
 
@@ -1984,11 +2040,31 @@
       __extends(FormValidationSummaryComponent, _super);
       function FormValidationSummaryComponent() {
           var _this = _super.call(this) || this;
-          _this.isVisible = false;
+          _this.visible = false;
+          _this.customerrors = [];
+          /*
+            0 - only FormValidation messages
+            1 - only Custom messages
+            2 - all
+          */
+          _this.viewtype = 0;
           return _this;
       }
       FormValidationSummaryComponent.prototype.getErrors = function () {
-          var messages = this.getFormValidationMessages();
+          if (this.viewtype == 1) {
+              return this.customerrors;
+          }
+          var formValidationMessages = this.getFormValidationMessages();
+          if (this.viewtype == 0) {
+              return formValidationMessages;
+          }
+          var messages = [];
+          if (formValidationMessages.length > 0) {
+              messages.push.apply(messages, __spread(formValidationMessages));
+          }
+          if (this.customerrors.length > 0) {
+              messages.push.apply(messages, __spread(this.customerrors));
+          }
           return messages;
       };
       return FormValidationSummaryComponent;
@@ -1996,12 +2072,14 @@
   FormValidationSummaryComponent.decorators = [
       { type: i0.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 = function () { return []; };
   FormValidationSummaryComponent.propDecorators = {
-      isVisible: [{ type: i0.Input }]
+      visible: [{ type: i0.Input }],
+      customerrors: [{ type: i0.Input }],
+      viewtype: [{ type: i0.Input }]
   };
 
   var ItemValidationSummaryComponent = /** @class */ (function (_super) {
@@ -2014,7 +2092,7 @@
   ItemValidationSummaryComponent.decorators = [
       { type: i0.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 = function () { return []; };
@@ -2023,6 +2101,45 @@
       controlTitle: [{ type: i0.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>
+  */
+  var NativeElementDirective = /** @class */ (function () {
+      function NativeElementDirective(el, control) {
+          this.el = el;
+          this.control = control;
+      }
+      NativeElementDirective.prototype.ngOnInit = function () {
+          // sets the localization key to the control
+          this.control.control.nativeElement = this.el.nativeElement;
+      };
+      return NativeElementDirective;
+  }());
+  NativeElementDirective.decorators = [
+      { type: i0.Directive, args: [{
+                  selector: '[formControl], [formControlName]'
+              },] }
+  ];
+  NativeElementDirective.ctorParameters = function () { return [
+      { type: i0.ElementRef },
+      { type: forms.NgControl }
+  ]; };
+
   /*
   <file>
     Project:
@@ -2057,7 +2174,7 @@
                       FroalaEditorModuleWithProviders,
                       FroalaViewModuleWithProviders,
                   ],
-                  declarations: [
+                  exports: [
                       SubscribePlanButtonComponent,
                       UpgradePlanButtonComponent,
                       BuyAccessButtonComponent,
@@ -2068,9 +2185,11 @@
                       ItemValidationSummaryComponent,
                       HtmlEditorComponent,
                       FormsHtmlEditorComponent,
-                      ContentHeaderComponent
+                      ContentHeaderComponent,
+                      //Directives
+                      NativeElementDirective
                   ],
-                  exports: [
+                  declarations: [
                       SubscribePlanButtonComponent,
                       UpgradePlanButtonComponent,
                       BuyAccessButtonComponent,
@@ -2081,8 +2200,10 @@
                       ItemValidationSummaryComponent,
                       HtmlEditorComponent,
                       FormsHtmlEditorComponent,
-                      ContentHeaderComponent
-                  ],
+                      ContentHeaderComponent,
+                      //Directives
+                      NativeElementDirective
+                  ]
               },] }
   ];