@bnsights/bbsf-controls 1.0.64 → 1.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -8
- package/bnsights-bbsf-controls-1.0.66.tgz +0 -0
- package/bnsights-bbsf-controls.metadata.json +1 -1
- package/bundles/bnsights-bbsf-controls.umd.js +195 -41
- package/bundles/bnsights-bbsf-controls.umd.js.map +1 -1
- package/esm2015/lib/Shared/Models/CaptchaStyle.js +3 -0
- package/esm2015/lib/Shared/Models/ImageUploadOptions.js +2 -2
- package/esm2015/lib/Shared/Models/Recaptcha.js +6 -0
- package/esm2015/lib/Shared/Models/RecaptchaOptions.js +22 -0
- package/esm2015/lib/Shared/Models/TagsInputOptions.js +2 -2
- package/esm2015/lib/controls/CheckBox/CheckBox.component.js +2 -3
- package/esm2015/lib/controls/DropdownList/DropdownList.component.js +2 -3
- package/esm2015/lib/controls/ImageUpload/ImageUpload.component.js +9 -13
- package/esm2015/lib/controls/MultiLingualTextArea/MultiLingualTextArea.component.js +2 -3
- package/esm2015/lib/controls/MultiLingualTextBox/MultiLingualTextBox.component.js +2 -3
- package/esm2015/lib/controls/Paging/Paging.component.js +2 -3
- package/esm2015/lib/controls/Recaptcha/Recaptcha.component.js +131 -0
- package/esm2015/lib/controls/Repeater/repeater/repeater.component.js +2 -3
- package/esm2015/lib/controls/Repeater/repeater-item-field/repeater-item-field.component.js +2 -3
- package/esm2015/lib/controls/Repeater/repeater-table/repeater-table.component.js +2 -2
- package/esm2015/lib/controls/TagsInput/TagsInput.component.js +2 -3
- package/esm2015/lib/controls/TextArea/TextArea.component.js +2 -3
- package/esm2015/lib/controls/TextBox/TextBox.component.js +2 -3
- package/esm2015/lib/controls/bbsf-controls.module.js +6 -3
- package/esm2015/public-api.js +4 -1
- package/fesm2015/bnsights-bbsf-controls.js +179 -39
- package/fesm2015/bnsights-bbsf-controls.js.map +1 -1
- package/lib/Shared/Models/CaptchaStyle.d.ts +7 -0
- package/lib/Shared/Models/Recaptcha.d.ts +6 -0
- package/lib/Shared/Models/RecaptchaOptions.d.ts +18 -0
- package/lib/controls/ImageUpload/ImageUpload.component.d.ts +3 -1
- package/lib/controls/Recaptcha/Recaptcha.component.d.ts +37 -0
- package/package.json +1 -1
- package/public-api.d.ts +3 -0
- package/src/lib/assets/.gitkeep +0 -0
- package/src/lib/assets/Style-rtl.scss +144 -0
- package/src/lib/assets/{Style.css → Style.scss} +114 -84
- package/src/lib/assets/fontawesome/fontawesome.scss +7003 -0
- package/src/lib/assets/fontawesome/fonts/FontAwesome.otf +0 -0
- package/src/lib/assets/fontawesome/fonts/fontawesome-webfont.eot +0 -0
- package/src/lib/assets/fontawesome/fonts/fontawesome-webfont.svg +2671 -0
- package/src/lib/assets/fontawesome/fonts/fontawesome-webfont.ttf +0 -0
- package/src/lib/assets/fontawesome/fonts/fontawesome-webfont.woff +0 -0
- package/src/lib/assets/fontawesome/fonts/fontawesome-webfont.woff2 +0 -0
- package/src/lib/assets/fontawesome/scss/_animated.scss +153 -0
- package/src/lib/assets/fontawesome/scss/_bordered-pulled.scss +20 -0
- package/src/lib/assets/fontawesome/scss/_core.scss +33 -0
- package/src/lib/assets/fontawesome/scss/_fixed-width.scss +7 -0
- package/src/lib/assets/fontawesome/scss/_functions.scss +51 -0
- package/src/lib/assets/fontawesome/scss/_icons.scss +9 -0
- package/src/lib/assets/fontawesome/scss/_list.scss +18 -0
- package/src/lib/assets/fontawesome/scss/_mixins.scss +73 -0
- package/src/lib/assets/fontawesome/scss/_rotated-flipped.scss +31 -0
- package/src/lib/assets/fontawesome/scss/_screen-reader.scss +14 -0
- package/src/lib/assets/fontawesome/scss/_shims.scss +2027 -0
- package/src/lib/assets/fontawesome/scss/_sizing.scss +16 -0
- package/src/lib/assets/fontawesome/scss/_stacked.scss +32 -0
- package/src/lib/assets/fontawesome/scss/_variables.scss +4338 -0
- package/src/lib/assets/fontawesome/scss/brands.scss +30 -0
- package/src/lib/assets/fontawesome/scss/fontawesome.scss +21 -0
- package/src/lib/assets/fontawesome/scss/regular.scss +26 -0
- package/src/lib/assets/fontawesome/scss/solid.scss +26 -0
- package/src/lib/assets/fontawesome/scss/v4-shims.scss +11 -0
- package/src/lib/assets/fontawesome/webfonts/fa-brands-400.ttf +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-brands-400.woff2 +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-regular-400.ttf +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-regular-400.woff2 +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-solid-900.ttf +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-solid-900.woff2 +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-v4compatibility.ttf +0 -0
- package/src/lib/assets/fontawesome/webfonts/fa-v4compatibility.woff2 +0 -0
- package/src/lib/assets/sass/base.scss +164 -0
- package/src/lib/assets/sass/checkbox.scss +40 -0
- package/src/lib/assets/sass/dropdown.scss +148 -0
- package/src/lib/assets/sass/image-upload.scss +107 -0
- package/src/lib/assets/sass/paging.scss +81 -0
- package/src/lib/assets/sass/repeater.scss +74 -0
- package/src/lib/assets/sass/tags-input.scss +92 -0
- package/src/lib/assets/sass/textarea.scss +6 -0
- package/src/lib/assets/sass/variables.scss +9 -0
- package/bnsights-bbsf-controls-1.0.64.tgz +0 -0
|
@@ -27,10 +27,10 @@ import { AngularMultiSelectModule } from 'angular2-multiselect-dropdown';
|
|
|
27
27
|
import { NgxSummernoteModule } from 'ngx-summernote';
|
|
28
28
|
import { NgxMaskModule } from 'ngx-mask';
|
|
29
29
|
import { TooltipModule } from '@syncfusion/ej2-angular-popups';
|
|
30
|
+
import { NgbModal, NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
|
30
31
|
import { NgxDropzoneModule } from 'ngx-dropzone';
|
|
31
32
|
import { AngularCropperjsModule } from 'angular-cropperjs';
|
|
32
33
|
import { ImageCropperModule } from 'ngx-image-cropper';
|
|
33
|
-
import { NgbModal, NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
|
34
34
|
import { TranslateService } from '@ngx-translate/core';
|
|
35
35
|
import { HttpHeaders, HttpParams, HttpClient, HttpClientModule } from '@angular/common/http';
|
|
36
36
|
import { NgxTypeaheadModule } from 'ngx-typeahead';
|
|
@@ -1416,8 +1416,7 @@ MultiLingualTextBoxComponent.controlContainerstatic = null;
|
|
|
1416
1416
|
MultiLingualTextBoxComponent.decorators = [
|
|
1417
1417
|
{ type: Component, args: [{
|
|
1418
1418
|
selector: 'BBSF-MultiLingualTextBox',
|
|
1419
|
-
template: "<div
|
|
1420
|
-
styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]
|
|
1419
|
+
template: "\r\n<div [formGroup]=\"group\">\r\n <div class=\"form-group bbsf-control bbsf-multilang-textbox\" [formGroup]=\"MultiLanguagegroup\">\r\n <div class=\"row\">\r\n <!--English textbox-->\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\" *ngIf=\"ShowEnglishTextBox\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label class=\"bbsf-label {{options.LabelExtraClasses}}\" [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"((options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)&&IsShowAsteriskInEnglish)\" class=\"text-danger\">*</span>\r\n </label>\r\n <div class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--Icon-->\r\n <div class=\"svg svg-icon-grey bbsf-icon\" [ngClass]=\"(options.IconPositionEN==1)?'left-icon':'right-icon'\" *ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <!--input-->\r\n <input class=\"form-control\"\r\n (focus)=\"onEnglishFocus(true)\" (focusout)=\"onEnglishFocus(false)\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"English\"\r\n [hidden]=\"options.IsHideEnglishFields\" maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"EnglishFormControl.invalid && EnglishFormControl.touched\"\r\n placeholder=\"{{options.EnglishPlaceholder}}\" (change)=\"trimControlValue('En')\"\r\n (keyup)=\"onTextChange()\"\r\n (keydown)=\"EnglishWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n autocomplete=\"{{options.AutoComplete}}\"\r\n id=\"{{options.Name}}.English\" [(ngModel)]=\"options.Value.English\"\r\n #userinputEnglish>\r\n <!--CopyToClipboard-->\r\n <div class=\"copy-clipboard\" [hidden]=\"options.IsHideEnglishFields\" *ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinputEnglish)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!--wordCount-->\r\n <div class=\"bbsf-word-count\" *ngIf=\"options.MaxWordCount>0&&IsShowEnglishWordCount\">{{EnglishWordCount}}/{{options.MaxWordCount}} Words</div>\r\n <!-- CharsLimitMsg-->\r\n <div class=\"bbsf-character-count\" *ngIf=\"showEnglishCharsLimitMsg\" [ngClass]=\"{'badge-light-warning': englishCharsLimitMsgClass === 'warning', 'badge-light-danger' : englishCharsLimitMsgClass === 'danger' }\">\r\n {{englishMaxLimitWarningMsg}}\r\n </div>\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='') ||(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!='')\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(EnglishFormControl.invalid && EnglishFormControl.touched)\">\r\n {{getErrorValidation(EnglishFormControl.errors|keyvalue)}}\r\n </div>\r\n <div *ngIf=\"group.valid\">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n\r\n <!--Arabic textbox-->\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\" *ngIf=\"ShowArabicTextBox\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label class=\"bbsf-label {{options.LabelExtraClasses}}\" [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"((options.ShowAsterisk&&options.IsRequired)||(options.IsRequired))&&IsShowAsteriskInArabic\" class=\"text-danger\">*</span>\r\n </label>\r\n <div class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--Icon-->\r\n <div *ngIf=\"options.Icon!=null\" class=\"svg svg-icon-grey bbsf-icon\" [ngClass]=\"(options.IconPositionEN==1)?'right-icon':'left-icon'\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <!--input-->\r\n <input class=\"form-control\" dir=\"rtl\"\r\n (focus)=\"onArabicFocus(true)\" (focusout)=\"onArabicFocus(false)\"\r\n [hidden]=\"options.IsHideArabicFields\" aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"Arabic\" maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"ArabicFormControl.invalid && ArabicFormControl.touched\"\r\n placeholder=\"{{options.ArabicPlaceholder}}\" (keyup)=\"onTextChange()\"\r\n (keydown)=\"ArabicWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n autocomplete=\"{{options.AutoComplete}}\"\r\n id=\"{{options.Name}}.Arabic\"\r\n (change)=\"trimControlValue('Ar')\" #userinputArabic>\r\n <!--CopyToClipboard-->\r\n <div class=\"copy-clipboard\" [hidden]=\"options.IsHideArabicFields\" *ngIf=\"options.EnableCopyToClipboard\"(click)=\"copyInputMessage(userinputArabic)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!--wordCount-->\r\n <div class=\"bbsf-word-count\" *ngIf=\"options.MaxWordCount>0&&IsShowArabicWordCount\">{{ArabicWordCount}}/{{options.MaxWordCount}} Words</div>\r\n <!-- CharsLimitMsg-->\r\n <div class=\"bbsf-character-count\" *ngIf=\"showArabicCharsLimitMsg\" [ngClass]=\"{'badge-light-warning': arabicCharsLimitMsgClass === 'warning', 'badge-light-danger' : arabicCharsLimitMsgClass === 'danger' }\">\r\n {{arabicMaxLimitWarningMsg}}\r\n </div>\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='')||(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!='')\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(ArabicFormControl.invalid && ArabicFormControl.touched)\">\r\n {{getErrorValidation(ArabicFormControl.errors|keyvalue)}}\r\n </div>\r\n <div *ngIf=\"group.valid\">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n"
|
|
1421
1420
|
},] }
|
|
1422
1421
|
];
|
|
1423
1422
|
MultiLingualTextBoxComponent.ctorParameters = () => [
|
|
@@ -1604,8 +1603,7 @@ TextAreaComponent.controlContainerstatic = null;
|
|
|
1604
1603
|
TextAreaComponent.decorators = [
|
|
1605
1604
|
{ type: Component, args: [{
|
|
1606
1605
|
selector: 'BBSF-TextArea',
|
|
1607
|
-
template: "<div class=\"
|
|
1608
|
-
styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]
|
|
1606
|
+
template: "<div class=\"form-group bbsf-control bbsf-textarea\" [formGroup]=\"group\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n {{options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\">*</span>\r\n </label>\r\n <div class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--input-->\r\n <textarea class=\"form-control {{options.ExtraClasses}}\"\r\n (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n [class.is-invalid]=\"TextAreaFormControl.invalid && TextAreaFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" rows=\"{{options.Rows}}\" (keyup)=\"onTextChange()\" cols=\"{{options.Cols}}\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\" [(ngModel)]=\"options.Value\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #TextAreainput></textarea>\r\n <!--CopyToClipboard-->\r\n <div class=\"copy-clipboard\" *ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(TextAreainput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!--wordCount-->\r\n <div class=\"bbsf-word-count\" *ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} Words</div>\r\n <!-- CharsLimitMsg-->\r\n <div class=\"bbsf-character-count\" *ngIf=\"showCharsLimitMsg\" [ngClass]=\"{'badge-light-warning': charsLimitMsgClass === 'warning', 'badge-light-danger' : charsLimitMsgClass === 'danger' }\">\r\n {{maxLimitWarningMsg}}\r\n </div>\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n *ngIf=\"(TextAreaFormControl.invalid && TextAreaFormControl.touched)\">\r\n {{getErrorValidation(TextAreaFormControl.errors|keyvalue)}}\r\n </div>\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n</div>\r\n"
|
|
1609
1607
|
},] }
|
|
1610
1608
|
];
|
|
1611
1609
|
TextAreaComponent.ctorParameters = () => [
|
|
@@ -2025,8 +2023,7 @@ MultiLingualTextAreaComponent.controlContainerstatic = null;
|
|
|
2025
2023
|
MultiLingualTextAreaComponent.decorators = [
|
|
2026
2024
|
{ type: Component, args: [{
|
|
2027
2025
|
selector: 'BBSF-MultiLingualTextArea',
|
|
2028
|
-
template: "<div
|
|
2029
|
-
styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}\n"]
|
|
2026
|
+
template: "<div [formGroup]=\"group\">\r\n <div class=\"form-group bbsf-control bbsf-multilang-textarea\" [formGroup]=\"MultiLanguageTextAreagroup\">\r\n <div class=\"row\">\r\n <!--English textarea-->\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\" *ngIf=\"ShowEngishTextArea\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label class=\"bbsf-label {{options.LabelExtraClasses}}\" [hidden]=\"options.IsHideEnglishLabel\">\r\n {{(options.EnglishLabelValue!=null&&options.EnglishLabelValue!=\"\")?options.EnglishLabelValue:options.LabelValue+\"in English\"}} <!--Asterisk-->\r\n <span *ngIf=\"((options.ShowAsterisk&&options.IsRequired)||(options.IsRequired))&&IsShowAsteriskInEnglish\" class=\"text-danger\">*</span>\r\n </label>\r\n <div class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--input-->\r\n <textarea class=\"form-control\" rows=\"{{options.Rows}}\" cols=\"{{options.Cols}}\"\r\n (focus)=\"onEnglishFocus(true)\" (focusout)=\"onEnglishFocus(false)\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"English\" [hidden]=\"options.IsHideEnglishFields\"\r\n [class.is-invalid]=\"EnglishTextAreaFormControl.invalid && EnglishTextAreaFormControl.touched\"\r\n placeholder=\"{{options.EnglishPlaceholder}}\" (change)=\"trimControlValue('En')\"\r\n (keyup)=\"onTextChange()\" [(ngModel)]=\"options.Value.English\"\r\n (keydown)=\"EnglishWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinputTextAreaEnglish>\r\n </textarea>\r\n <!--CopyToClipboard-->\r\n <div class=\"copy-clipboard\" [hidden]=\"options.IsHideEnglishFields\" *ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinputTextAreaEnglish)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!--wordCount-->\r\n <div class=\"bbsf-word-count\" *ngIf=\"options.MaxWordCount>0&&IsShowEnglishWordCount\">{{EnglishWordCount}}/{{options.MaxWordCount}} Words</div>\r\n <!-- CharsLimitMsg-->\r\n <div class=\"bbsf-character-count\" *ngIf=\"showEnglishCharsLimitMsg\" [ngClass]=\"{'badge-light-warning': englishCharsLimitMsgClass === 'warning', 'badge-light-danger' : englishCharsLimitMsgClass === 'danger' }\">\r\n {{englishMaxLimitWarningMsg}}\r\n </div>\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='') ||(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!='')\">\r\n {{(options.EnglishLabelDescription!=null&&options.EnglishLabelDescription!=\"\")?options.EnglishLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(EnglishTextAreaFormControl.invalid && EnglishTextAreaFormControl.touched)\">\r\n {{getErrorValidation(EnglishTextAreaFormControl.errors|keyvalue)}}\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n <!--Arabic textbox-->\r\n <div [ngClass]=\"(options.MultiControlPlacementType==1)?'col-md-12':'col-md-6'\" *ngIf=\"ShowArabicTextArea\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label class=\"bbsf-label {{options.LabelExtraClasses}}\" [hidden]=\"options.IsHideArabicLabel\">\r\n {{(options.ArabicLabelValue!=null&&options.ArabicLabelValue!=\"\")?options.ArabicLabelValue:options.LabelValue+\"in Arabic\"}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"((options.ShowAsterisk&&options.IsRequired)||(options.IsRequired))&&IsShowAsteriskInArabic\" class=\"text-danger\">*</span>\r\n </label>\r\n <div class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--input-->\r\n <textarea class=\"form-control bnsights-control\" dir=\"rtl\" rows=\"{{options.Rows}}\" cols=\"{{options.Cols}}\"\r\n (focus)=\"onArabicFocus(true)\" (focusout)=\"onArabicFocus(false)\"\r\n [hidden]=\"options.IsHideArabicFields\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n formControlName=\"Arabic\" rows=\"{{options.Rows}}\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n [class.is-invalid]=\"ArabicTextAreaFormControl.invalid && ArabicTextAreaFormControl.touched\"\r\n placeholder=\"{{options.ArabicPlaceholder}}\" (change)=\"trimControlValue('Ar')\"\r\n (keyup)=\"onTextChange()\" [(ngModel)]=\"options.Value.Arabic\"\r\n (keydown)=\"ArabicWordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinputTextAreaArabic>\r\n </textarea>\r\n <!--CopyToClipboard-->\r\n <div class=\"copy-clipboard\" [hidden]=\"options.IsHideArabicFields\" *ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinputTextAreaArabic)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!--wordCount-->\r\n <div class=\"bbsf-word-count\" *ngIf=\"options.MaxWordCount>0&&IsShowArabicWordCount\">{{ArabicWordCount}}/{{options.MaxWordCount}} Words</div>\r\n <!-- CharsLimitMsg-->\r\n <div class=\"bbsf-character-count\" *ngIf=\"showArabicCharsLimitMsg\" [ngClass]=\"{'badge-light-warning': arabicCharsLimitMsgClass === 'warning', 'badge-light-danger' : arabicCharsLimitMsgClass === 'danger' }\">\r\n {{arabicMaxLimitWarningMsg}}\r\n </div>\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"(options.LabelDescription!=null&&options.LabelDescription!='')||(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!='')\">\r\n {{(options.ArabicLabelDescription!=null&&options.ArabicLabelDescription!=\"\")?options.ArabicLabelDescription:options.LabelDescription}}\r\n </div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(ArabicTextAreaFormControl.invalid && ArabicTextAreaFormControl.touched)\">\r\n {{getErrorValidation(ArabicTextAreaFormControl.errors|keyvalue)}}\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n"
|
|
2030
2027
|
},] }
|
|
2031
2028
|
];
|
|
2032
2029
|
MultiLingualTextAreaComponent.ctorParameters = () => [
|
|
@@ -2136,8 +2133,7 @@ CheckBoxComponent.decorators = [
|
|
|
2136
2133
|
{ type: Component, args: [{
|
|
2137
2134
|
// tslint:disable-next-line: component-selector
|
|
2138
2135
|
selector: 'BBSF-CheckBox',
|
|
2139
|
-
template: "<div class=\"
|
|
2140
|
-
styles: [".form-check-input{width:1.75rem;height:1.75rem;margin-top:-.125rem;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);background-size:60% 60%;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;position:initial;margin-right:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){.form-check-input{transition:none}}.form-check-input[type=checkbox]{border-radius:.45em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#b5b5c3;outline:0;box-shadow:none}.form-check-input:checked{background-color:#009ef7;border-color:#009ef7}.form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e\")}.form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e\")}.form-check-input[type=checkbox]:indeterminate{background-color:#009ef7;border-color:#009ef7;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}\n"]
|
|
2136
|
+
template: "<div class=\"form-group bbsf-control bbsf-checkbox\" [formGroup]=\"group\">\r\n <div class=\"bbsf-input-container\">\r\n <!--input-->\r\n <input class=\"bbsf-checkbox-input {{options.ExtraClasses}}\" dir=\"{{options.ForceDirection==2?'rtl':''}}\" [checked]=\"options.Value==true?true:null\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n (change)=\"onValueChanged()\"\r\n [class.is-invalid]=\"CheckBoxFormControl.invalid && CheckBoxFormControl.touched\"\r\n id=\"{{options.Name}}\" type=\"checkbox\" value=\"options.Value==true?true:null\">\r\n\r\n <div class=\"label-subtext-container\">\r\n <!--label-->\r\n <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n {{options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\">*</span>\r\n </label>\r\n <div class=\"subtext-container\">\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(CheckBoxFormControl.invalid && CheckBoxFormControl.touched)\">\r\n {{getErrorValidation(CheckBoxFormControl.errors|keyvalue)}}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n</div>\r\n"
|
|
2141
2137
|
},] }
|
|
2142
2138
|
];
|
|
2143
2139
|
CheckBoxComponent.ctorParameters = () => [
|
|
@@ -2307,8 +2303,7 @@ DropdownListComponent.decorators = [
|
|
|
2307
2303
|
{ type: Component, args: [{
|
|
2308
2304
|
// tslint:disable-next-line: component-selector
|
|
2309
2305
|
selector: 'BBSF-DropdownList',
|
|
2310
|
-
template: "<div class=\"
|
|
2311
|
-
styles: [".cuppa-dropdown{background-color:#fff}.arrow-up,.arrow-down{border-left:none!important;border-right:none!important}.dropdown-list{padding-top:0!important}.c-token{background-color:#6495ed}.pure-checkbox .selected-item{background-color:#6495ed;color:#fff}\n"]
|
|
2306
|
+
template: "<div class=\"form-group bbsf-control bbsf-dropdown\" [formGroup]=\"group\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n {{options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\"\r\n aria-required=\"true\">*</span>\r\n </label>\r\n <div class=\"bbsf-input-container\">\r\n <!--input enabled bootstrap select-->\r\n <ng-select class=\"form-control\" *ngIf=\"options.DisableBootstrapSelect==false\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n [bindValue]=\"options.ItemTempletkey\" [bindLabel]=\"options.ItemTempletvalue\" [items]=\"options.DataSource\"\r\n [notFoundText]=\"options.NotFoundText\" [maxSelectedItems]=\"options.LimitSelection\"\r\n [searchable]=\"options.AllowSearchFilter\" [multiple]=\"!options.SingleSelection\" [readonly]=\"options.IsDisabled\"\r\n [clearable]=\"true\" placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n [selectableGroup]=\"true\" [selectableGroupAsModel]=\"false\" formControlName=\"{{options.Name}}\"\r\n [(ngModel)]=\"options.SelectedItems\" (change)=\"onItemSelect()\" (clear)=\"Clear()\"\r\n [class.is-invalid]=\"DropdownListFormControl.invalid && DropdownListFormControl.touched\"\r\n [closeOnSelect]=\"options.SingleSelection ? true : false\">\r\n <!--No checkbox-->\r\n <ng-template *ngIf=\"!options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <label class=\"bbsf-label\" title=\"{{item.disabled ? options.DisabledItemsTooltipValue : ''}}\" id={{item.key}}>{{item.value}}</label>\r\n </ng-template>\r\n <!--checkbox-->\r\n <ng-template *ngIf=\"options.ShowCheckbox\" ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\">\r\n <div class=\" bbsf-checkbox\">\r\n <div class=\"bbsf-input-container align-items-center\">\r\n <input class=\"bbsf-checkbox-input\" id=\"item-{{index}}\" type=\"checkbox\" [ngModelOptions]=\"{standalone: true}\" [ngModel]=\"item$.selected\" />\r\n <div class=\"label-subtext-container\">\r\n <label class=\"bbsf-label\" id={{item.key}}>{{item.value}}</label>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </ng-select>\r\n <!--input disabled bootstrap select-->\r\n <select *ngIf=\"options.DisableBootstrapSelect\" class=\"form-control\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" (change)=\"onItemSelect()\" [(ngModel)]=\"options.SelectedItems\" [disabled]=\"options.IsDisabled\" formControlName=\"{{options.Name}}\">\r\n <option value=\"\" disabled>--{{UtilityService.getResourceValue(\"select\")}}--</option>\r\n <option *ngFor=\"let item of options.DataSource\" value=\"{{item.key}}\" [ngValue]=\"item.key\">\r\n {{item.value}}\r\n </option>\r\n </select>\r\n <div class=\"subtext-container\">\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(DropdownListFormControl.invalid && DropdownListFormControl.touched)\">\r\n {{getErrorValidation(DropdownListFormControl.errors|keyvalue)}}\r\n </div>\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n"
|
|
2312
2307
|
},] }
|
|
2313
2308
|
];
|
|
2314
2309
|
DropdownListComponent.ctorParameters = () => [
|
|
@@ -3153,7 +3148,7 @@ MultiLingualHtmlEditorComponent.propDecorators = {
|
|
|
3153
3148
|
};
|
|
3154
3149
|
|
|
3155
3150
|
class ImageUploaderComponent {
|
|
3156
|
-
constructor(zone, controlUtility, controlContainer, ImageUplaoderControlHost, UtilityService, controlValidationService, globalSettings) {
|
|
3151
|
+
constructor(zone, controlUtility, controlContainer, ImageUplaoderControlHost, UtilityService, controlValidationService, globalSettings, modalService) {
|
|
3157
3152
|
this.zone = zone;
|
|
3158
3153
|
this.controlUtility = controlUtility;
|
|
3159
3154
|
this.controlContainer = controlContainer;
|
|
@@ -3161,6 +3156,7 @@ class ImageUploaderComponent {
|
|
|
3161
3156
|
this.UtilityService = UtilityService;
|
|
3162
3157
|
this.controlValidationService = controlValidationService;
|
|
3163
3158
|
this.globalSettings = globalSettings;
|
|
3159
|
+
this.modalService = modalService;
|
|
3164
3160
|
this.files = [];
|
|
3165
3161
|
this.OnChange = new EventEmitter();
|
|
3166
3162
|
this.ValidationMessage = "";
|
|
@@ -3269,8 +3265,8 @@ class ImageUploaderComponent {
|
|
|
3269
3265
|
}
|
|
3270
3266
|
this.group.addControl(this.options.Name, new FormControl(''));
|
|
3271
3267
|
this.ImageUploadFormControl = this.group.controls[this.options.Name]; // new FormControl('',validationRules);
|
|
3272
|
-
|
|
3273
|
-
|
|
3268
|
+
if (this.options.Value != null)
|
|
3269
|
+
this.group.get(this.options.Name).setValue(this.options.Value);
|
|
3274
3270
|
if (this.options.LabelKey != null && this.options.LabelKey != "")
|
|
3275
3271
|
this.options.LabelValue = this.UtilityService.getResourceValue(this.options.LabelKey);
|
|
3276
3272
|
if (this.options.CustomValidation.length > 0) {
|
|
@@ -3370,14 +3366,11 @@ class ImageUploaderComponent {
|
|
|
3370
3366
|
this.group.get(this.options.Name).setValue(FileObject);
|
|
3371
3367
|
this.files = [];
|
|
3372
3368
|
this.files.push(...event.addedFiles);
|
|
3373
|
-
this.options.Value = FileObject;
|
|
3374
3369
|
}
|
|
3375
3370
|
let originalValue = this.ImageUploadFormControl.value;
|
|
3376
3371
|
if (this.options.PatchFunction && this.options.PatchPath && this.ImageUploadFormControl.valid) {
|
|
3377
3372
|
this.controlUtility.patchControlValue(originalValue, this.options.PatchFunction, this.options.PatchPath);
|
|
3378
3373
|
}
|
|
3379
|
-
//Use this line to enable two way binding.
|
|
3380
|
-
this.options.Value = originalValue;
|
|
3381
3374
|
this.OnChange.emit(originalValue);
|
|
3382
3375
|
};
|
|
3383
3376
|
}
|
|
@@ -3396,8 +3389,6 @@ class ImageUploaderComponent {
|
|
|
3396
3389
|
}
|
|
3397
3390
|
this.group.get(this.options.Name).setValue(ItemList);
|
|
3398
3391
|
this.OnChange.emit(this.group.get(this.options.Name).value);
|
|
3399
|
-
//Use this line to enable two way binding.
|
|
3400
|
-
this.options.Value = this.group.get(this.options.Name).value;
|
|
3401
3392
|
}
|
|
3402
3393
|
cropImage() {
|
|
3403
3394
|
let ImageCropperObject = this.angularCropper.cropper.getCroppedCanvas({
|
|
@@ -3429,7 +3420,6 @@ class ImageUploaderComponent {
|
|
|
3429
3420
|
BlobFile.name = this.EventFile.name;
|
|
3430
3421
|
FilesArray.push(FileObject);
|
|
3431
3422
|
this.group.get(this.options.Name).setValue(FileObject);
|
|
3432
|
-
this.options.Value = FileObject;
|
|
3433
3423
|
this.files = [];
|
|
3434
3424
|
this.files.push(BlobFile);
|
|
3435
3425
|
this.openModal(false);
|
|
@@ -3452,8 +3442,7 @@ ImageUploaderComponent.controlContainerstatic = null;
|
|
|
3452
3442
|
ImageUploaderComponent.decorators = [
|
|
3453
3443
|
{ type: Component, args: [{
|
|
3454
3444
|
selector: 'BBSF-ImageUpload',
|
|
3455
|
-
template: "<div class=\"
|
|
3456
|
-
styles: [".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:bold}.ImageUploadClassSelector img{cursor:pointer}.d-inline-flex.h-auto.m-0.overflow-hidden.w-auto.ng-untouched.ng-pristine.ng-valid{border-radius:40px;border-color:#c7c7c7}\n"]
|
|
3445
|
+
template: "<div class=\"form-group bbsf-control bbsf-image-upload\" [formGroup]=\"group\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label{{options.LabelExtraClasses}}\">\r\n {{options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\">*</span>\r\n </label>\r\n <!--Allow dropZone-->\r\n <div *ngIf=\"options.AllowDropZone\" class=\"bbsf-input-container {{options.ExtraClasses}}\"\r\n ngx-dropzone\r\n [disabled]=\"options.IsDisabled\"\r\n [accept]=\"AcceptedType\"\r\n [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\"\r\n ngDefaultControl\r\n formControlName=\"{{options.Name}}\"\r\n [maxFileSize]=\"maxFileSize\"\r\n id=\"{{options.Name}}\"\r\n [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"dropzone-label\">\r\n <div class=\"svg-and-validation\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 50px; height: 50px;\">\r\n <path opacity=\"0.3\" d=\"M5 16C3.3 16 2 14.7 2 13C2 11.3 3.3 10 5 10H5.1C5 9.7 5 9.3 5 9C5 6.2 7.2 4 10 4C11.9 4 13.5 5 14.3 6.5C14.8 6.2 15.4 6 16 6C17.7 6 19 7.3 19 9C19 9.4 18.9 9.7 18.8 10C18.9 10 18.9 10 19 10C20.7 10 22 11.3 22 13C22 14.7 20.7 16 19 16H5ZM8 13.6H16L12.7 10.3C12.3 9.89999 11.7 9.89999 11.3 10.3L8 13.6Z\" fill=\"currentColor\" style=\"fill: #a1a1a1;\"></path>\r\n <path d=\"M11 13.6V19C11 19.6 11.4 20 12 20C12.6 20 13 19.6 13 19V13.6H11Z\" fill=\"currentColor\" style=\"fill: #989898;\"></path>\r\n </svg>\r\n <!--Validation text-->\r\n <div class=\"bbsf-validation-msg\" *ngIf=\"ValidationMessage\" [innerHTML]=\"ValidationMessage\"></div>\r\n </div>\r\n </ngx-dropzone-label>\r\n <ngx-dropzone-image-preview class=\"dropzone-preview\" *ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\" ngProjectAs=\"ngx-dropzone-preview\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n <!--Not allowed dropZone-->\r\n <div *ngIf=\"!options.AllowDropZone\">\r\n <ngx-dropzone-label *ngIf=\"files.length==0\">\r\n <div #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n <div class=\"d-none {{options.ExtraClasses}}\"\r\n ngx-dropzone\r\n [disabled]=\"options.IsDisabled\"\r\n [accept]=\"AcceptedType\"\r\n [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\"\r\n ngDefaultControl\r\n formControlName=\"{{options.Name}}\"\r\n [maxFileSize]=\"maxFileSize\"\r\n id=\"{{options.Name}}\"\r\n [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n </div>\r\n <ngx-dropzone-image-preview *ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\" ngProjectAs=\"ngx-dropzone-preview\">\r\n </ngx-dropzone-image-preview>\r\n <!--Validation text-->\r\n <div class=\"bbsf-validation-msg\" *ngIf=\"ValidationMessage\" [innerHTML]=\"ValidationMessage\"></div>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!-- required text-->\r\n <div class=\"bbsf-validation\"\r\n *ngIf=\"(ImageUploadFormControl.invalid && ImageUploadFormControl.touched)\">\r\n {{getErrorValidation(ImageUploadFormControl.errors|keyvalue)}}\r\n </div>\r\n\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n <!-- image cropper modal-->\r\n <div id=\"mdlSample\" class=\"modal bbsf-cropper-modal\" role=\"dialog\" [ngStyle]=\"{'display': mdlSampleIsOpen ? 'block' : 'none', 'opacity': 1}\">\r\n <div class=\"modal-dialog modal-lg\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title\">\r\n {{UtilityService.getResourceValue(\"CropImage\")}}\r\n </h4>\r\n <button type=\"button\" class=\"btn-close\" data-dismiss=\"modal\" (click)=\"openModal(false)\"></button>\r\n </div>\r\n <div class=\"modal-body\">\r\n <div *ngIf=\"imageUrl\">\r\n <angular-cropper #angularCropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\">\r\n </angular-cropper>\r\n <img [src]=\"imgwUrl\" />\r\n </div>\r\n <div class=\"cropper-btns\">\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"zoomImage(0.1)\" class=\"btn btn-default\" ngbTooltip=\"Zoom in\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-search-plus\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"zoomImage(-0.1)\" class=\"btn btn-default\" ngbTooltip=\"Zoom out\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-search-minus\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"moveImage(-10,0)\" class=\"btn btn-default\" ngbTooltip=\"Move left\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-arrow-left\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(10,0)\" class=\"btn btn-default\" ngbTooltip=\"Move right\"> \r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-arrow-right\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,-10)\" class=\"btn btn-default\" ngbTooltip=\"Move up\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-arrow-up\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,10)\" class=\"btn btn-default\" ngbTooltip=\"Move down\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-arrow-down\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"rotateImage(-45)\" class=\"btn btn-default\" ngbTooltip=\"Rotate left\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-undo-alt\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"rotateImage(45)\" class=\"btn btn-default\" ngbTooltip=\"Rotate right\">\r\n <span class=\"docs-tooltip\">\r\n <span class=\"fa fa-redo-alt\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal-footer\" align=\"right\">\r\n <button type=\"button\" id=\"btnClose\" class=\"btn btn-sm btn-light\" (click)=\"openModal(false)\">\r\n {{UtilityService.getResourceValue(\"CancelLabel\")}}\r\n </button>\r\n <button type=\"button\" (click)=\"cropImage()\" id=\"btnOK\" class=\"btn btn-sm btn-brand\">\r\n {{UtilityService.getResourceValue(\"Crop\")}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n"
|
|
3457
3446
|
},] }
|
|
3458
3447
|
];
|
|
3459
3448
|
ImageUploaderComponent.ctorParameters = () => [
|
|
@@ -3463,7 +3452,8 @@ ImageUploaderComponent.ctorParameters = () => [
|
|
|
3463
3452
|
{ type: FormGroupDirective },
|
|
3464
3453
|
{ type: UtilityService },
|
|
3465
3454
|
{ type: ControlValidationService },
|
|
3466
|
-
{ type: GlobalSettings }
|
|
3455
|
+
{ type: GlobalSettings },
|
|
3456
|
+
{ type: NgbModal }
|
|
3467
3457
|
];
|
|
3468
3458
|
ImageUploaderComponent.propDecorators = {
|
|
3469
3459
|
fileInput: [{ type: ViewChild, args: ['fileInput', { static: false },] }],
|
|
@@ -4306,8 +4296,7 @@ TagsInputComponent.decorators = [
|
|
|
4306
4296
|
{ type: Component, args: [{
|
|
4307
4297
|
// tslint:disable-next-line: component-selector
|
|
4308
4298
|
selector: 'BBSF-TagsInput',
|
|
4309
|
-
template: "
|
|
4310
|
-
styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]
|
|
4299
|
+
template: "\r\n<div [formGroup]=\"group\">\r\n <div class=\"form-group bbsf-control bbsf-tags-input\" [formGroup]=\"TagsFormGroup\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n {{options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\">*</span>\r\n </label>\r\n <!--input-->\r\n <div class=\"bbsf-input-container\">\r\n <b-tags-input type=\"text\" class=\"form-control {{options.ExtraClasses}}\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\" [disabled]=\"options.IsDisabled\" aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"tags\"\r\n [class.is-invalid]=\"TagsFormControl.invalid && TagsFormControl.touched\" placeholder=\"{{options.Placeholder}}\"\r\n id=\"{{options.Name}}\" (onTagsChanged)=\"onTagsChanged($event)\" [(ngModel)]=\"tags\"\r\n removeLastOnBackspace=\"{{options.RemoveLastOnBackspace}}\" (onNoOptionsMatch)=\"onNoOptionsMatch($event)\"\r\n [options]=\"searchFunctionFactory(SearchKey.selected)\" #SearchKey\r\n scrollableOptions=\"{{options.ScrollableOptions}}\" scrollableOptionsInView=\"{{options.MaxSearchResultsCount}}\"\r\n (keydown)=\"AddTag($event,SearchKey)\" [ViewMode]=\"options.TagInputMode\"\r\n maxTags=\"{{options.MaxNumberTags}}\" minLengthBeforeOptions=\"{{options.MinSearchLength}}\"\r\n [showDescription]=\"options.ShowDescription\" [defaultImageURL]=\"options.DefaultImgUrl\" name=\"tags\"\r\n (onBlurInput)=\"onTagsInputBlur(SearchKey)\">\r\n </b-tags-input>\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" *ngIf=\"(TagsFormControl.invalid && TagsFormControl.touched)\">\r\n {{getErrorValidation(TagsFormControl.errors|keyvalue)}}\r\n </div>\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty)\">{{resetError()}}</div>\r\n </div>\r\n\r\n</div>\r\n"
|
|
4311
4300
|
},] }
|
|
4312
4301
|
];
|
|
4313
4302
|
TagsInputComponent.ctorParameters = () => [
|
|
@@ -4638,8 +4627,7 @@ class PagingComponent {
|
|
|
4638
4627
|
PagingComponent.decorators = [
|
|
4639
4628
|
{ type: Component, args: [{
|
|
4640
4629
|
selector: 'BBSF-Paging',
|
|
4641
|
-
template: "<div class=\"
|
|
4642
|
-
styles: [".ngx-pager-container{text-align:center;padding:25px 0 0}.ngx-pager-container li{display:inline-block;margin:0 4px}.ngx-pager-container li a{display:block;width:26px;height:26px;border:1px solid #707070;text-align:center;color:#3e4e59;font-size:14px;line-height:24px;border-radius:5px;text-decoration:none}.ngx-pager-container li a:hover{color:#fff;background:#0a0e03}.ngx-pager-container li.invisible{display:none}.ngx-pager-container li.active{background:#0a0e03;border-radius:5px}.ngx-pager-container li.active a{border:none;color:#fff}\n"]
|
|
4630
|
+
template: "<div class=\"form-group bbsf-control bbsf-paging\" *ngIf=\"(result.length > 0)\">\r\n <!--paging container-->\r\n <div class=\"bbsf-paging-container\" *ngIf=\"!options.IsLoadMoreControl\">\r\n <!--items-->\r\n <div class=\"bbsf-pagination\">\r\n <jw-pagination [items]=\"items\" *ngIf=\"!((Pages==1)&&options.HidePaginationWhenPageSizeEqualOne)\"\r\n (changePage)=\"onChangePage($event)\" [pageSize]=\"options.PageSize\" [ShowFirstAndLast]=\"options.ShowFirstAndLast\"\r\n [initialPage]=\"1\" [maxPages]=\"10\"></jw-pagination>\r\n </div>\r\n <!--page count-->\r\n <div class=\"bbsf-pages\" *ngIf=\"!((Pages==1)&&options.HidePaginationWhenPageSizeEqualOne)\">\r\n <select (change)=\"changePageSize($event)\" *ngIf=\"options.ShowPageSizeOption\">\r\n <option>10</option>\r\n <option>20</option>\r\n <option>50</option>\r\n <option>100</option>\r\n <option>200</option>\r\n </select>\r\n <div class=\"bssf-items\">\r\n <strong>{{totalRow}}</strong> {{itemsText}} {{utilityService.getResourceValue(\"In\")}} <strong> {{Pages}}</strong> {{pagesText}}\r\n </div>\r\n </div>\r\n </div>\r\n <!--load more-->\r\n <div class=\"bbsf-loadmore\" *ngIf=\"options.IsLoadMoreControl\">\r\n <div class=\"search-results\" infinite-scroll [infiniteScrollDistance]=\"ScrollDistance\"\r\n [infiniteScrollUpDistance]=\"ScrollUpDistance\" [infiniteScrollThrottle]=\"Throttle\" (scrolled)=\"options.IsInfiniteScroll==true?onScrollDown():null\"\r\n [scrollWindow]=\"options.ScrollWindow\" [infiniteScrollContainer]=\"options.InfiniteScrollContainer\">\r\n </div>\r\n <button class=\"btn btn-sm btn-primary\" (click)=\"onScrollDown()\" *ngIf=\"!(result.length==totalRow)\">{{utilityService.getResourceValue(\"LoadMore\")}}</button>\r\n </div>\r\n</div>\r\n\r\n\r\n"
|
|
4643
4631
|
},] }
|
|
4644
4632
|
];
|
|
4645
4633
|
PagingComponent.ctorParameters = () => [
|
|
@@ -5131,8 +5119,7 @@ TextboxComponent.controlContainerstatic = null;
|
|
|
5131
5119
|
TextboxComponent.decorators = [
|
|
5132
5120
|
{ type: Component, args: [{
|
|
5133
5121
|
selector: 'BBSF-TextBox',
|
|
5134
|
-
template: "<div class=\"
|
|
5135
|
-
styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]
|
|
5122
|
+
template: "<div class=\"form-group bbsf-control bbsf-textbox\" [formGroup]=\"group\">\r\n <div [ngClass]=\"(options.ViewType==1)?'bbsf-vertical':'bbsf-horizontal'\">\r\n <!--label-->\r\n <label *ngIf=\"!options.HideLabel\" class=\"bbsf-label {{options.LabelExtraClasses}}\">\r\n {{options.LabelValue}}\r\n <!--Asterisk-->\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger\">*</span>\r\n </label>\r\n <!--MaskPattern-->\r\n <div *ngIf=\"MaskPattern!=null&&MaskPattern!=''\" class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--Icon-->\r\n <div *ngIf=\"options.Icon!=null\" class=\"svg svg-icon-grey bbsf-icon\" [ngClass]=\"(options.IconPosition==1)?'bbsf-left-icon':'bbsf-right-icon'\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <!--input-->\r\n <input class=\"form-control {{options.ExtraClasses}}\"\r\n [mask]=\"MaskPattern\" placeHolderCharacter=\" \" [showMaskTyped]=\"true\" [validation]=\"true\"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" aria-invalid=\"true\" formControlName=\"{{options.Name}}\"\r\n type=\"{{getInputType(options.Type)}}\" [(ngModel)]=\"options.Value\"\r\n [class.is-invalid]=\"TextBoxFormControl.invalid && TextBoxFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" (keyup)=\"onTextChange()\" [readonly]=\"options.IsReadonly\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\"\r\n #userinput>\r\n <!--CopyToClipboard-->\r\n <div class=\"copy-clipboard\" *ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </div>\r\n </div>\r\n <!--NoMaskPattern-->\r\n <div *ngIf=\"MaskPattern==null||MaskPattern==''\" class=\"bbsf-input-container\" [ngClass]=\"options.EnableCopyToClipboard? 'p-40px' : '' \">\r\n <!--Icon-->\r\n <div class=\"svg svg-icon-grey\" [ngClass]=\"(options.IconPosition==1)?'left-icon':'right-icon'\" *ngIf=\"options.Icon!=null\">\r\n <span [inlineSVG]=\"options.Icon\"></span>\r\n </div>\r\n <!--input-->\r\n <input class=\"form-control {{options.ExtraClasses}} \"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n (focus)=\"onFocus(true)\" (focusout)=\"onFocus(false)\"\r\n maxlength=\"{{options.MaxLength}}\" minlength=\"{{options.MinLength}}\"\r\n aria-describedby=\"email-error\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\" type=\"{{getInputType(options.Type)}}\"\r\n [class.is-invalid]=\"TextBoxFormControl.invalid && TextBoxFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"trimControlValue()\" (keyup)=\"onTextChange()\" [(ngModel)]=\"options.Value\"\r\n (keydown)=\"WordCountArray>options.MaxWordCount&&$event.keyCode !=8?$event.preventDefault():null\" [readonly]=\"options.IsReadonly\"\r\n #userinput>\r\n <!--CopyToClipboard-->\r\n <span class=\"copy-clipboard\" *ngIf=\"options.EnableCopyToClipboard\" (click)=\"copyInputMessage(userinput)\">\r\n <i class=\"fas fa-copy\"></i>\r\n </span>\r\n\r\n </div>\r\n </div>\r\n <div class=\"subtext-container\">\r\n <!--wordCount-->\r\n <div class=\"bbsf-word-count\" *ngIf=\"options.MaxWordCount>0&&IsShowWordCount\">{{WordCount}}/{{options.MaxWordCount}} Words</div>\r\n <!-- CharsLimitMsg-->\r\n <div class=\"bbsf-character-count\" *ngIf=\"showCharsLimitMsg\" [ngClass]=\"{'badge-light-warning': charsLimitMsgClass === 'warning', 'badge-light-danger' : charsLimitMsgClass === 'danger' }\">\r\n {{maxLimitWarningMsg}}\r\n </div>\r\n <!-- LabelDescription-->\r\n <div class=\"bbsf-control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <!-- requiredText-->\r\n <div class=\"bbsf-validation\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n *ngIf=\"(TextBoxFormControl.invalid && TextBoxFormControl.touched)\">\r\n {{getErrorValidation(TextBoxFormControl.errors|keyvalue)}}\r\n </div>\r\n </div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty)\">{{resetError()}}</div>\r\n</div>\r\n"
|
|
5136
5123
|
},] }
|
|
5137
5124
|
];
|
|
5138
5125
|
TextboxComponent.ctorParameters = () => [
|
|
@@ -6000,8 +5987,7 @@ class RepeaterComponent {
|
|
|
6000
5987
|
RepeaterComponent.decorators = [
|
|
6001
5988
|
{ type: Component, args: [{
|
|
6002
5989
|
selector: 'BBSF-repeater',
|
|
6003
|
-
template: "<ng-container *ngFor='let item of items ; index as i'>\r\n
|
|
6004
|
-
styles: [""]
|
|
5990
|
+
template: "<ng-container *ngFor='let item of items ; index as i'>\r\n {{setCurrentIndex(i)}}\r\n <ng-container *ngTemplateOutlet=\"currentTemplate; context: repeaterContext\">\r\n </ng-container>\r\n\r\n</ng-container>\r\n\r\n<ng-container *ngTemplateOutlet=\"add\">\r\n</ng-container>\r\n\r\n<ng-template *ngFor=\"let RepeaterField of options.RepeaterStructure ; index as i\" name=\"R{{i}}\" let-Index=\"itemIndex\"\r\n let-control=\"controlIndex\">\r\n <repeater-field-builder *ngIf=\"RepeaterField\" [RepeaterField]=\"RepeaterField\" [itemNumber]=\"Index\"\r\n [itemsValue]=\"originalItems\" [controlNumber]=\"control\" [group]=\"repeaterGroup\">\r\n </repeater-field-builder>\r\n</ng-template>\r\n\r\n<ng-template #delete let-item=\"itemIndex\">\r\n <button class=\"{{options.DeleteButtonExtraClasses}}\" type=\"button\" (click)=\"deleteItem(item)\"\r\n [disabled]=\"items.length ==options.MinRequiredItems&&options.IsRequired\">\r\n <span [innerHTML]=\"options.DeleteButtonText\"></span>\r\n </button>\r\n</ng-template>\r\n\r\n<ng-template #add>\r\n <button class=\"{{options.AddButtonExtraClasses}}\" type=\"button\" (click)=\"addItem()\">\r\n <span [innerHTML]=\"options.AddButtonText\"></span>\r\n </button>\r\n</ng-template>\r\n\r\n"
|
|
6005
5991
|
},] }
|
|
6006
5992
|
];
|
|
6007
5993
|
RepeaterComponent.ctorParameters = () => [];
|
|
@@ -6134,7 +6120,7 @@ class ImageUploadOptions extends ControlOptionsBase {
|
|
|
6134
6120
|
/** Allow to Upload Multiple File */
|
|
6135
6121
|
this.IsMultiple = false;
|
|
6136
6122
|
/** Allow to Use Drop Zone */
|
|
6137
|
-
this.AllowDropZone =
|
|
6123
|
+
this.AllowDropZone = true;
|
|
6138
6124
|
/** Set List of Custom Attribute to FileInput */
|
|
6139
6125
|
this.FileUploadAcceptsTypes = [ImageType.ImageTypes];
|
|
6140
6126
|
}
|
|
@@ -6949,8 +6935,7 @@ class RepeaterItemFieldComponent {
|
|
|
6949
6935
|
RepeaterItemFieldComponent.decorators = [
|
|
6950
6936
|
{ type: Component, args: [{
|
|
6951
6937
|
selector: 'repeater-item-field',
|
|
6952
|
-
template: "<ng-container *ngFor=\"let template of templates ; index as i\">\r\n <ng-container *ngIf=\"i==filedIndex\" [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext] ={itemIndex:itemIndex,controlIndex:i}></ng-container>\r\n </ng-container
|
|
6953
|
-
styles: [""]
|
|
6938
|
+
template: "<ng-container *ngFor=\"let template of templates ; index as i\">\r\n <ng-container *ngIf=\"i==filedIndex\" [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext] ={itemIndex:itemIndex,controlIndex:i}></ng-container>\r\n </ng-container>\r\n"
|
|
6954
6939
|
},] }
|
|
6955
6940
|
];
|
|
6956
6941
|
RepeaterItemFieldComponent.ctorParameters = () => [];
|
|
@@ -7054,7 +7039,7 @@ class RepeaterTableComponent {
|
|
|
7054
7039
|
RepeaterTableComponent.decorators = [
|
|
7055
7040
|
{ type: Component, args: [{
|
|
7056
7041
|
selector: 'BBSF-repeater-table',
|
|
7057
|
-
template: "<div class=\"
|
|
7042
|
+
template: "<div class=\"form-group bbsf-control bbsf-repeater\">\r\n <!--table-->\r\n <table class=\"bbsf-repeater-table table {{options.RepeaterTableExtraClasses}}\">\r\n <thead class=\"table-head\">\r\n <tr class=\"{{options.RepeaterTableRowExtraClasses}}\">\r\n <th *ngFor=\"let item of options.RepeaterStructure\" [hidden]=\"item.IsHiddenInput\">{{item.HeaderTitle}}</th>\r\n <th *ngIf=\"!options.DisableDeleteButton\" class=\"text-center\">{{utilityService.getResourceValue(options.ActionLabelKey)}}</th>\r\n </tr>\r\n </thead>\r\n <tbody class=\"table-body\">\r\n <tr *ngFor=\"let item of items ; index as i\">\r\n <td *ngFor=\"let RepeaterField of options.RepeaterStructure ; index as r\" [hidden]=\"RepeaterField.IsHiddenInput\">\r\n <repeater-field-builder [RepeaterField]=\"RepeaterField\" [itemNumber]=\"i\"\r\n [itemsValue]=\"originalItems\" [controlNumber]=\"r\" [group]=\"repeaterGroup\">\r\n </repeater-field-builder>\r\n </td>\r\n <td *ngIf=\"!options.DisableDeleteButton\" class=\"td-delete\">\r\n <button class=\"{{options.DeleteButtonExtraClasses}} btn btn-icon btn-sm btn-danger\" type=\"button\" (click)=\"deleteItem(i)\"\r\n [disabled]=\"(items.length ==options.MinRequiredItems&&options.IsRequired)\">\r\n <span [innerHTML]=\"options.DeleteButtonText\"></span>\r\n </button>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n <!--add button-->\r\n <div class=\"repeater-add-btn\" *ngIf=\"!options.DisableAddButton\">\r\n <button class=\"{{options.AddButtonExtraClasses}} btn btn-sm btn-brand\" type=\"button\" (click)=\"addItem()\">\r\n <span [innerHTML]=\"options.AddButtonText\"></span>\r\n </button>\r\n </div>\r\n</div>\r\n\r\n\r\n"
|
|
7058
7043
|
},] }
|
|
7059
7044
|
];
|
|
7060
7045
|
RepeaterTableComponent.ctorParameters = () => [
|
|
@@ -7427,6 +7412,139 @@ BTagsInputComponent.propDecorators = {
|
|
|
7427
7412
|
onBlurInput: [{ type: Output }]
|
|
7428
7413
|
};
|
|
7429
7414
|
|
|
7415
|
+
class RecaptchaModel {
|
|
7416
|
+
constructor() {
|
|
7417
|
+
this.ImageJpeg = [];
|
|
7418
|
+
}
|
|
7419
|
+
}
|
|
7420
|
+
|
|
7421
|
+
class CaptchaStyle {
|
|
7422
|
+
}
|
|
7423
|
+
|
|
7424
|
+
class RecaptchaComponent {
|
|
7425
|
+
constructor(controlUtility, requestHandlerService, recaptchaControlHost, UtilityService, controlValidationService, globalSettings) {
|
|
7426
|
+
this.controlUtility = controlUtility;
|
|
7427
|
+
this.requestHandlerService = requestHandlerService;
|
|
7428
|
+
this.recaptchaControlHost = recaptchaControlHost;
|
|
7429
|
+
this.UtilityService = UtilityService;
|
|
7430
|
+
this.controlValidationService = controlValidationService;
|
|
7431
|
+
this.globalSettings = globalSettings;
|
|
7432
|
+
this.OnChange = new EventEmitter();
|
|
7433
|
+
this.validationRules = [];
|
|
7434
|
+
this.validationRulesAsync = [];
|
|
7435
|
+
this.recaptchaModel = new RecaptchaModel();
|
|
7436
|
+
this.resetError = () => {
|
|
7437
|
+
this.controlValidationService.RemoveGlobalError();
|
|
7438
|
+
};
|
|
7439
|
+
//External Method
|
|
7440
|
+
this.RemoveRequiredValidation = () => {
|
|
7441
|
+
this.controlUtility.RemoveRequiredValidation(this.ReCaptchaFormControl, this.validationRules, this.options);
|
|
7442
|
+
};
|
|
7443
|
+
//External Method
|
|
7444
|
+
this.AddRequiredValidation = () => {
|
|
7445
|
+
this.controlUtility.AddRequiredValidation(this.ReCaptchaFormControl, this.validationRules, this.options);
|
|
7446
|
+
};
|
|
7447
|
+
//External Method
|
|
7448
|
+
this.RemoveCustomValidation = (CustomValidation) => {
|
|
7449
|
+
this.controlUtility.RemoveCustomValidation(this.ReCaptchaFormControl, this.validationRules, CustomValidation);
|
|
7450
|
+
};
|
|
7451
|
+
//External Method
|
|
7452
|
+
this.AddCustomValidation = (CustomValidation) => {
|
|
7453
|
+
this.controlUtility.AddCustomValidation(this.ReCaptchaFormControl, this.validationRules, CustomValidation);
|
|
7454
|
+
};
|
|
7455
|
+
//External Method
|
|
7456
|
+
this.IsValid = () => {
|
|
7457
|
+
this.controlUtility.IsValid(this.ReCaptchaFormControl);
|
|
7458
|
+
};
|
|
7459
|
+
}
|
|
7460
|
+
ngOnInit() {
|
|
7461
|
+
this.controlValidationService.isCreatedBefor = false;
|
|
7462
|
+
this.loadImage();
|
|
7463
|
+
if (!this.options.ViewType)
|
|
7464
|
+
this.options.ViewType = this.globalSettings.ViewType;
|
|
7465
|
+
this.group.addControl(this.options.Name, new FormControl(''));
|
|
7466
|
+
this.ReCaptchaFormControl = this.group.controls[this.options.Name]; // new FormControl('',validationRules);
|
|
7467
|
+
if (this.options.LabelKey != null && this.options.LabelKey != "")
|
|
7468
|
+
this.options.LabelValue = this.UtilityService.getResourceValue(this.options.LabelKey);
|
|
7469
|
+
if (this.options.IsRequired) {
|
|
7470
|
+
this.validationRules.push(Validators.required);
|
|
7471
|
+
}
|
|
7472
|
+
if (this.options.CustomValidation.length > 0) {
|
|
7473
|
+
let Validations = this.options.CustomValidation;
|
|
7474
|
+
for (let index = 0; index < Validations.length; index++) {
|
|
7475
|
+
const Validation = Validations[index];
|
|
7476
|
+
this.validationRules.push(Validation.functionBody);
|
|
7477
|
+
}
|
|
7478
|
+
}
|
|
7479
|
+
this.ReCaptchaFormControl.setValidators(this.validationRules);
|
|
7480
|
+
this.ReCaptchaFormControl.setAsyncValidators(this.validationRulesAsync);
|
|
7481
|
+
if (this.options.IsDisabled) {
|
|
7482
|
+
this.ReCaptchaFormControl.disable();
|
|
7483
|
+
}
|
|
7484
|
+
this.recaptchaControlHost.ngSubmit.subscribe((value) => {
|
|
7485
|
+
this.group.markAllAsTouched();
|
|
7486
|
+
this.markAllAsTouched = true;
|
|
7487
|
+
});
|
|
7488
|
+
}
|
|
7489
|
+
loadImage() {
|
|
7490
|
+
let style = new CaptchaStyle();
|
|
7491
|
+
style.BackgroundColorPrimary = this.options.BackgroundColorPrimary;
|
|
7492
|
+
style.BackgroundColorSecondary = this.options.BackgroundColorSecondary;
|
|
7493
|
+
style.TextColorPrimary = this.options.TextColorPrimary;
|
|
7494
|
+
style.TextColorSecondary = this.options.TextColorSecondary;
|
|
7495
|
+
style.FontSize = this.options.FontSize;
|
|
7496
|
+
let requestOptionsModel = new RequestOptionsModel();
|
|
7497
|
+
requestOptionsModel.disableBlockUI = true;
|
|
7498
|
+
requestOptionsModel.disableSuccessNotification = true;
|
|
7499
|
+
this.requestHandlerService.post(this.options.ActionURL, style, null, null, requestOptionsModel).subscribe((res) => {
|
|
7500
|
+
let model = res;
|
|
7501
|
+
this.recaptchaModel.ID = model.id;
|
|
7502
|
+
this.recaptchaModel.EncryptedText = model.encryptedText;
|
|
7503
|
+
this.recaptchaModel.ImageJpeg = model.imageJpeg;
|
|
7504
|
+
this.image = 'data:image/jpeg;base64,' + this.recaptchaModel.ImageJpeg;
|
|
7505
|
+
});
|
|
7506
|
+
}
|
|
7507
|
+
ngAfterViewInit() {
|
|
7508
|
+
this.controlUtility.setAttributeForControl(this.options);
|
|
7509
|
+
}
|
|
7510
|
+
showGlobalError() {
|
|
7511
|
+
this.controlUtility.showGlobalError();
|
|
7512
|
+
}
|
|
7513
|
+
getErrorValidation(ErrorList) {
|
|
7514
|
+
if (this.markAllAsTouched && this.group.invalid) {
|
|
7515
|
+
this.showGlobalError();
|
|
7516
|
+
this.markAllAsTouched = false;
|
|
7517
|
+
}
|
|
7518
|
+
return this.controlUtility.getErrorValidationMassage(ErrorList, this.group, this.options);
|
|
7519
|
+
}
|
|
7520
|
+
onTextChange(valueText) {
|
|
7521
|
+
let value = valueText.target.value;
|
|
7522
|
+
this.recaptchaModel.Text = value;
|
|
7523
|
+
this.group.get(this.options.Name).setValue(this.recaptchaModel);
|
|
7524
|
+
this.options.Value = this.recaptchaModel;
|
|
7525
|
+
this.OnChange.emit(this.ReCaptchaFormControl.value);
|
|
7526
|
+
}
|
|
7527
|
+
}
|
|
7528
|
+
RecaptchaComponent.decorators = [
|
|
7529
|
+
{ type: Component, args: [{
|
|
7530
|
+
selector: 'BBSF-Recaptcha',
|
|
7531
|
+
template: "<div class=\"b-control b-recaptcha\">\r\n <img class=\"h-100 w-100 mb-3\" [src]=\"image\" />\r\n <button class=\"btn btn-sm btn-icon\" type=\"button\" ngbTooltip=\"{{UtilityService.getResourceValue('ReloadCaptcha')}}\" (click)=\"loadImage()\">\r\n <i class=\"fas fa-refresh\"></i>\r\n </button>\r\n\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\" [ngClass]=\"(options.NoMargin==true)?'':'NoMargin'\">\r\n <label class=\"b-label col-form-label col-sm-12 {{options.LabelExtraClasses}} \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" *ngIf=\"!options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\"\r\n aria-required=\"true\">*</span>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'': ((options.HideLabel)?'col-md-12':'col-md-9')\">\r\n <div class=\"input-group align-items-center\" >\r\n <input class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n aria-describedby=\"email-error\" value=\"{{options.Value.Text}}\"\r\n aria-invalid=\"true\" formControlName=\"{{options.Name}}\" type=\"text\" \r\n [class.is-invalid]=\"ReCaptchaFormControl.invalid && ReCaptchaFormControl.touched\"\r\n placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n (change)=\"onTextChange($event)\" [readonly]=\"options.IsReadonly\"/>\r\n </div>\r\n <div class=\"text-danger Required-text\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n *ngIf=\"(ReCaptchaFormControl.invalid && ReCaptchaFormControl.touched)\">\r\n {{getErrorValidation(ReCaptchaFormControl.errors|keyvalue)}}\r\n </div>\r\n <div class=\"control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n </div>\r\n </div>\r\n</div>\r\n"
|
|
7532
|
+
},] }
|
|
7533
|
+
];
|
|
7534
|
+
RecaptchaComponent.ctorParameters = () => [
|
|
7535
|
+
{ type: ControlUtility },
|
|
7536
|
+
{ type: RequestHandlerService },
|
|
7537
|
+
{ type: FormGroupDirective },
|
|
7538
|
+
{ type: UtilityService },
|
|
7539
|
+
{ type: ControlValidationService },
|
|
7540
|
+
{ type: GlobalSettings }
|
|
7541
|
+
];
|
|
7542
|
+
RecaptchaComponent.propDecorators = {
|
|
7543
|
+
group: [{ type: Input }],
|
|
7544
|
+
options: [{ type: Input }],
|
|
7545
|
+
OnChange: [{ type: Output }]
|
|
7546
|
+
};
|
|
7547
|
+
|
|
7430
7548
|
let options;
|
|
7431
7549
|
let AppInjector;
|
|
7432
7550
|
FullCalendarModule.registerPlugins([
|
|
@@ -7477,7 +7595,8 @@ BBSFControlsModule.decorators = [
|
|
|
7477
7595
|
RepeaterTableComponent,
|
|
7478
7596
|
BBSFDateTimePipe,
|
|
7479
7597
|
BBSFDatePipe,
|
|
7480
|
-
BTagsInputComponent
|
|
7598
|
+
BTagsInputComponent,
|
|
7599
|
+
RecaptchaComponent
|
|
7481
7600
|
],
|
|
7482
7601
|
imports: [
|
|
7483
7602
|
CommonModule,
|
|
@@ -7576,7 +7695,8 @@ BBSFControlsModule.decorators = [
|
|
|
7576
7695
|
RepeaterItemFieldComponent,
|
|
7577
7696
|
RepeaterTableComponent,
|
|
7578
7697
|
BBSFDateTimePipe,
|
|
7579
|
-
BBSFDatePipe
|
|
7698
|
+
BBSFDatePipe,
|
|
7699
|
+
RecaptchaComponent
|
|
7580
7700
|
]
|
|
7581
7701
|
},] }
|
|
7582
7702
|
];
|
|
@@ -7597,6 +7717,26 @@ const environment = Object.assign({}, window.Environment);
|
|
|
7597
7717
|
*/
|
|
7598
7718
|
// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
|
|
7599
7719
|
|
|
7720
|
+
class RecaptchaOptions extends ControlOptionsBase {
|
|
7721
|
+
constructor() {
|
|
7722
|
+
super(...arguments);
|
|
7723
|
+
/**To set value to Control */
|
|
7724
|
+
this.Value = new RecaptchaModel();
|
|
7725
|
+
this.ForceDirection = null;
|
|
7726
|
+
/**Prevent AutoComplete of control default value is "on" available values "on" and "off"*/
|
|
7727
|
+
this.AutoComplete = "on";
|
|
7728
|
+
this.NoMargin = false;
|
|
7729
|
+
/**the url of a remote server that supports jsonp calls */
|
|
7730
|
+
this.ActionURL = "/api/Home/GetReCaptchaModel";
|
|
7731
|
+
/*Pass hexa-color primary background color*/
|
|
7732
|
+
this.BackgroundColorPrimary = "";
|
|
7733
|
+
/*Pass hexa-color secondary background color*/
|
|
7734
|
+
this.BackgroundColorSecondary = "";
|
|
7735
|
+
/*Pass font Size */
|
|
7736
|
+
this.FontSize = 0;
|
|
7737
|
+
}
|
|
7738
|
+
}
|
|
7739
|
+
|
|
7600
7740
|
class MultilingualControlOptionsBase {
|
|
7601
7741
|
constructor() {
|
|
7602
7742
|
/** to set type of view if MultipleLanguageText is Vertical or Horizontal */
|
|
@@ -7760,7 +7900,7 @@ class TagsInputOptions extends ControlOptionsBase {
|
|
|
7760
7900
|
/** Allow User To Add Tags */
|
|
7761
7901
|
this.CanAddTags = true;
|
|
7762
7902
|
/** Set Max Number Of Tags That User Can Be Select */
|
|
7763
|
-
this.MaxNumberTags =
|
|
7903
|
+
this.MaxNumberTags = 30;
|
|
7764
7904
|
/** Set Min Length Of Char To Call Search Function */
|
|
7765
7905
|
this.MinSearchLength = 1;
|
|
7766
7906
|
/**Allow Scrolle Option In Dropdown */
|
|
@@ -8255,5 +8395,5 @@ var FileType;
|
|
|
8255
8395
|
* Generated bundle index. Do not edit.
|
|
8256
8396
|
*/
|
|
8257
8397
|
|
|
8258
|
-
export { AppInjector, Attribute, AutocompleteDTO, AutocompleteOptions, AutocompleteTextBoxComponent, BBSFControlsModule, BBSFDatePipe, BBSFDateTimePipe, CalendarComponent, CalendarEventDTO, CalendarOptions, CalendarView, CancelDTO, CheckBoxComponent, CheckBoxOptions, ConfirmationModalComponent, ConfirmationModalOptions, ControlLayout, ControlOptionsBase, ControlUtility, Country, CustomValidation, CustomValidator, DataType, DateInputComponent, DatePickerOptions, DefaultIntl, DropdownListComponent, DropdownListItem, DropdownOptions, EditPersonalImage, EnglishArabicDTO, ErrorMassageValidation, FileType, FileUploadComponent, FileUploadModel, FileUploadOptions, FilterItem, FilterType, FontSize, ForceDirection, FormComponent, FormOptions, GlobalSettings, HtmlEditorComponent, HtmlEditorOptions, IconPosition, ImageType, ImageUploadOptions, ImageUploaderComponent, InputType, Insert, JwPaginationComponent, LanguageMode, LanguageValidation, MapAutoCompleteComponent, MapAutoCompleteOptions, MapAutocompleteDTO, MenuListType, Misc, MultiLingualHtmlEditorComponent, MultiLingualHtmlEditorOptions, MultiLingualTextAreaComponent, MultiLingualTextAreaOptions, MultiLingualTextBoxComponent, MultiLingualTextBoxOptions, MultilingualControlOptionsBase, MultipleFileUploadModel, NgTemplateNameDirective, OnPagingFiltersChangeService, PagingActionMode, PagingComponent, PagingDTO, PagingOptions, Para, PermissionSets, PhoneComponent, PhoneOptions, PickerType, ProfileImageUploadOptions, ProfileImageUploaderComponent, ProfilePictureDTO, RadioButtonComponent, RadioButtonItem, RadioButtonOptions, RangeNumber, RenderComponentService, RepeaterComponent, RepeaterField, RepeaterFieldBuilderComponent, RepeaterItemFieldComponent, RepeaterOptions, RepeaterTableComponent, SaveDTO, SelectMode, StartView, Style, StyleConfirmationMode, TagInputView, TagsInputComponent, TagsInputDTO, TagsInputOptions, TextAreaComponent, TextAreaOptions, TextBoxOptions, TextboxComponent, ToggleSlideOptions, ToggleslideComponent, UploadPersonalImage, environment, options, ɵ0, BTagsInputComponent as ɵa };
|
|
8398
|
+
export { AppInjector, Attribute, AutocompleteDTO, AutocompleteOptions, AutocompleteTextBoxComponent, BBSFControlsModule, BBSFDatePipe, BBSFDateTimePipe, CalendarComponent, CalendarEventDTO, CalendarOptions, CalendarView, CancelDTO, CheckBoxComponent, CheckBoxOptions, ConfirmationModalComponent, ConfirmationModalOptions, ControlLayout, ControlOptionsBase, ControlUtility, Country, CustomValidation, CustomValidator, DataType, DateInputComponent, DatePickerOptions, DefaultIntl, DropdownListComponent, DropdownListItem, DropdownOptions, EditPersonalImage, EnglishArabicDTO, ErrorMassageValidation, FileType, FileUploadComponent, FileUploadModel, FileUploadOptions, FilterItem, FilterType, FontSize, ForceDirection, FormComponent, FormOptions, GlobalSettings, HtmlEditorComponent, HtmlEditorOptions, IconPosition, ImageType, ImageUploadOptions, ImageUploaderComponent, InputType, Insert, JwPaginationComponent, LanguageMode, LanguageValidation, MapAutoCompleteComponent, MapAutoCompleteOptions, MapAutocompleteDTO, MenuListType, Misc, MultiLingualHtmlEditorComponent, MultiLingualHtmlEditorOptions, MultiLingualTextAreaComponent, MultiLingualTextAreaOptions, MultiLingualTextBoxComponent, MultiLingualTextBoxOptions, MultilingualControlOptionsBase, MultipleFileUploadModel, NgTemplateNameDirective, OnPagingFiltersChangeService, PagingActionMode, PagingComponent, PagingDTO, PagingOptions, Para, PermissionSets, PhoneComponent, PhoneOptions, PickerType, ProfileImageUploadOptions, ProfileImageUploaderComponent, ProfilePictureDTO, RadioButtonComponent, RadioButtonItem, RadioButtonOptions, RangeNumber, RecaptchaComponent, RecaptchaModel, RecaptchaOptions, RenderComponentService, RepeaterComponent, RepeaterField, RepeaterFieldBuilderComponent, RepeaterItemFieldComponent, RepeaterOptions, RepeaterTableComponent, SaveDTO, SelectMode, StartView, Style, StyleConfirmationMode, TagInputView, TagsInputComponent, TagsInputDTO, TagsInputOptions, TextAreaComponent, TextAreaOptions, TextBoxOptions, TextboxComponent, ToggleSlideOptions, ToggleslideComponent, UploadPersonalImage, environment, options, ɵ0, BTagsInputComponent as ɵa };
|
|
8259
8399
|
//# sourceMappingURL=bnsights-bbsf-controls.js.map
|