@rangertechnologies/ngnxt 2.0.27
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 -0
- package/esm2022/lib/components/custom-date-picker/custom-date-picker.component.mjs +33 -0
- package/esm2022/lib/components/custom-dropdown/custom-dropdown.component.mjs +73 -0
- package/esm2022/lib/components/custom-input/custom-input.component.mjs +46 -0
- package/esm2022/lib/components/custom-table/custom-table.component.mjs +51 -0
- package/esm2022/lib/components/custom-text-area/custom-text-area.component.mjs +34 -0
- package/esm2022/lib/components/dropdown-with-flag/dropdown-with-flag.component.mjs +34 -0
- package/esm2022/lib/components/pick-location/pick-location.component.mjs +134 -0
- package/esm2022/lib/components/search-box/search-box.component.mjs +84 -0
- package/esm2022/lib/interfaces/apimeta.mjs +2 -0
- package/esm2022/lib/nxt-app.component.mjs +22 -0
- package/esm2022/lib/nxt-app.module.mjs +262 -0
- package/esm2022/lib/nxt-app.service.mjs +14 -0
- package/esm2022/lib/pages/booklet/booklet.component.mjs +79 -0
- package/esm2022/lib/pages/questionnaire/questionnaire.component.mjs +2131 -0
- package/esm2022/lib/sample.mjs +433 -0
- package/esm2022/lib/services/data.service.mjs +40 -0
- package/esm2022/lib/services/salesforce.service.mjs +46 -0
- package/esm2022/lib/wrapper.mjs +165 -0
- package/esm2022/public-api.mjs +10 -0
- package/esm2022/rangertechnologies-ngnxt.mjs +5 -0
- package/fesm2022/rangertechnologies-ngnxt.mjs +3610 -0
- package/fesm2022/rangertechnologies-ngnxt.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/custom-date-picker/custom-date-picker.component.d.ts +14 -0
- package/lib/components/custom-dropdown/custom-dropdown.component.d.ts +23 -0
- package/lib/components/custom-input/custom-input.component.d.ts +18 -0
- package/lib/components/custom-table/custom-table.component.d.ts +23 -0
- package/lib/components/custom-text-area/custom-text-area.component.d.ts +14 -0
- package/lib/components/dropdown-with-flag/dropdown-with-flag.component.d.ts +14 -0
- package/lib/components/pick-location/pick-location.component.d.ts +38 -0
- package/lib/components/search-box/search-box.component.d.ts +34 -0
- package/lib/interfaces/apimeta.d.ts +5 -0
- package/lib/nxt-app.component.d.ts +8 -0
- package/lib/nxt-app.module.d.ts +26 -0
- package/lib/nxt-app.service.d.ts +6 -0
- package/lib/pages/booklet/booklet.component.d.ts +29 -0
- package/lib/pages/questionnaire/questionnaire.component.d.ts +207 -0
- package/lib/sample.d.ts +10 -0
- package/lib/services/data.service.d.ts +9 -0
- package/lib/services/salesforce.service.d.ts +11 -0
- package/lib/wrapper.d.ts +164 -0
- package/package.json +43 -0
- package/public-api.d.ts +6 -0
- package/rangertechnologies-ngnxt-2.0.27.tgz +0 -0
package/README.md
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# NxtApp
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project nxt-app` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project nxt-app`.
|
|
8
|
+
> Note: Don't forget to add `--project nxt-app` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
+
|
|
10
|
+
## Build
|
|
11
|
+
|
|
12
|
+
Run `ng build nxt-app` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
+
|
|
14
|
+
## Publishing
|
|
15
|
+
|
|
16
|
+
After building your library with `ng build nxt-app`, go to the dist folder `cd dist/nxt-app` and run `npm publish`.
|
|
17
|
+
|
|
18
|
+
## Running unit tests
|
|
19
|
+
|
|
20
|
+
Run `ng test nxt-app` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
+
|
|
22
|
+
## Further help
|
|
23
|
+
|
|
24
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "ng-pick-datetime";
|
|
5
|
+
export class CustomDatePickerComponent {
|
|
6
|
+
date;
|
|
7
|
+
minDate;
|
|
8
|
+
maxDate;
|
|
9
|
+
dateChange = new EventEmitter();
|
|
10
|
+
dateSelected;
|
|
11
|
+
constructor() { }
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
this.dateSelected = new Date(this.date);
|
|
14
|
+
}
|
|
15
|
+
onDateChange(event) {
|
|
16
|
+
this.dateChange.emit(event);
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomDatePickerComponent, selector: "app-custom-date-picker", inputs: { date: "date", minDate: "minDate", maxDate: "maxDate" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<!-- <div class=\"date-picker-container\">\n <label>{{label}}</label>\n <input type=\"date\" [min]=\"minDate\" [max]=\"maxDate\" [required]=\"required\" (change)=\"onDateChanged($event)\">\n</div> -->\n<!-- <mat-form-field>\n <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeholder\" [min]=\"minDate\" [max]=\"maxDate\" [(ngModel)]=\"selectedDate\" (dateChange)=\"onDateChange($event)\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n</mat-form-field> -->\n\n<p>\n <input class=\"input-shengel\"\n [(ngModel)]=\"dateSelected\" \n [owlDateTimeTrigger]=\"dt\" \n [owlDateTime]=\"dt\" \n [min]=\"minDate\"\n placeholder=\"DD/MM/YYYY HH:MM\"\n style=\"width: 100%; height: 35px; border: none; box-shadow: none; border-bottom: 1px solid #ccc;\"\n (dateTimeChange)=\"onDateChange($event)\">\n <owl-date-time #dt></owl-date-time>\n</p>\n ", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.OwlDateTimeTriggerDirective, selector: "[owlDateTimeTrigger]", inputs: ["disabled", "owlDateTimeTrigger"] }, { kind: "directive", type: i2.OwlDateTimeInputDirective, selector: "input[owlDateTime]", inputs: ["rangeSeparator", "owlDateTime", "owlDateTimeFilter", "min", "max", "selectMode", "value", "values", "_disabled"], outputs: ["dateTimeChange", "dateTimeInput"], exportAs: ["owlDateTimeInput"] }, { kind: "component", type: i2.OwlDateTimeComponent, selector: "owl-date-time", inputs: ["startAt", "pickerType", "pickerMode", "disabled", "opened", "backdropClass", "panelClass", "scrollStrategy"], outputs: ["afterPickerClosed", "afterPickerOpen", "yearSelected", "monthSelected"], exportAs: ["owlDateTime"] }] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomDatePickerComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'app-custom-date-picker', template: "<!-- <div class=\"date-picker-container\">\n <label>{{label}}</label>\n <input type=\"date\" [min]=\"minDate\" [max]=\"maxDate\" [required]=\"required\" (change)=\"onDateChanged($event)\">\n</div> -->\n<!-- <mat-form-field>\n <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeholder\" [min]=\"minDate\" [max]=\"maxDate\" [(ngModel)]=\"selectedDate\" (dateChange)=\"onDateChange($event)\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n</mat-form-field> -->\n\n<p>\n <input class=\"input-shengel\"\n [(ngModel)]=\"dateSelected\" \n [owlDateTimeTrigger]=\"dt\" \n [owlDateTime]=\"dt\" \n [min]=\"minDate\"\n placeholder=\"DD/MM/YYYY HH:MM\"\n style=\"width: 100%; height: 35px; border: none; box-shadow: none; border-bottom: 1px solid #ccc;\"\n (dateTimeChange)=\"onDateChange($event)\">\n <owl-date-time #dt></owl-date-time>\n</p>\n " }]
|
|
24
|
+
}], ctorParameters: function () { return []; }, propDecorators: { date: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], minDate: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], maxDate: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], dateChange: [{
|
|
31
|
+
type: Output
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWRhdGUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1kYXRlLXBpY2tlci9jdXN0b20tZGF0ZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWRhdGUtcGlja2VyL2N1c3RvbS1kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBQyxNQUFNLEVBQUMsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBTzNFLE1BQU0sT0FBTyx5QkFBeUI7SUFDM0IsSUFBSSxDQUFTO0lBQ2IsT0FBTyxDQUFLO0lBQ1osT0FBTyxDQUFLO0lBQ1gsVUFBVSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0lBQ2xFLFlBQVksQ0FBSTtJQUNoQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO1FBQ1AsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFVO1FBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7d0dBZFUseUJBQXlCOzRGQUF6Qix5QkFBeUIsdUtDUHRDLHk4QkFxQkU7OzRGRGRXLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7MEVBS3pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCxJbnB1dCxPdXRwdXQsRXZlbnRFbWl0dGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS1kYXRlLXBpY2tlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tZGF0ZS1waWNrZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tZGF0ZS1waWNrZXIuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbURhdGVQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1pbkRhdGU6YW55O1xuICBASW5wdXQoKSBtYXhEYXRlOmFueTtcbiAgQE91dHB1dCgpIGRhdGVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGRhdGVTZWxlY3RlZDphbnlcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgIHRoaXMuZGF0ZVNlbGVjdGVkID0gbmV3IERhdGUodGhpcy5kYXRlKTtcbiAgfVxuXG4gIG9uRGF0ZUNoYW5nZShldmVudDogYW55KSB7XG4gICAgdGhpcy5kYXRlQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG5cbn1cbiIsIjwhLS0gPGRpdiBjbGFzcz1cImRhdGUtcGlja2VyLWNvbnRhaW5lclwiPlxuICAgIDxsYWJlbD57e2xhYmVsfX08L2xhYmVsPlxuICAgIDxpbnB1dCB0eXBlPVwiZGF0ZVwiIFttaW5dPVwibWluRGF0ZVwiIFttYXhdPVwibWF4RGF0ZVwiIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiIChjaGFuZ2UpPVwib25EYXRlQ2hhbmdlZCgkZXZlbnQpXCI+XG48L2Rpdj4gLS0+XG48IS0tIDxtYXQtZm9ybS1maWVsZD5cbiAgICA8aW5wdXQgbWF0SW5wdXQgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgW21pbl09XCJtaW5EYXRlXCIgW21heF09XCJtYXhEYXRlXCIgWyhuZ01vZGVsKV09XCJzZWxlY3RlZERhdGVcIiAoZGF0ZUNoYW5nZSk9XCJvbkRhdGVDaGFuZ2UoJGV2ZW50KVwiPlxuICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0U3VmZml4IFtmb3JdPVwicGlja2VyXCI+PC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XG4gICAgPG1hdC1kYXRlcGlja2VyICNwaWNrZXI+PC9tYXQtZGF0ZXBpY2tlcj5cbjwvbWF0LWZvcm0tZmllbGQ+IC0tPlxuXG48cD5cbiAgICA8aW5wdXQgIGNsYXNzPVwiaW5wdXQtc2hlbmdlbFwiXG4gICAgWyhuZ01vZGVsKV09XCJkYXRlU2VsZWN0ZWRcIiBcbiAgICBbb3dsRGF0ZVRpbWVUcmlnZ2VyXT1cImR0XCIgXG4gICAgW293bERhdGVUaW1lXT1cImR0XCIgIFxuICAgIFttaW5dPVwibWluRGF0ZVwiXG4gICAgcGxhY2Vob2xkZXI9XCJERC9NTS9ZWVlZIEhIOk1NXCJcbiAgICBzdHlsZT1cIndpZHRoOiAxMDAlOyBoZWlnaHQ6IDM1cHg7IGJvcmRlcjogbm9uZTsgYm94LXNoYWRvdzogbm9uZTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjY2M7XCJcbiAgICAoZGF0ZVRpbWVDaGFuZ2UpPVwib25EYXRlQ2hhbmdlKCRldmVudClcIj5cbiAgICA8b3dsLWRhdGUtdGltZSAjZHQ+PC9vd2wtZGF0ZS10aW1lPlxuPC9wPlxuICAiXX0=
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common/http";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "@angular/forms";
|
|
6
|
+
import * as i4 from "@ng-select/ng-select";
|
|
7
|
+
export class CustomDropdownComponent {
|
|
8
|
+
http;
|
|
9
|
+
options;
|
|
10
|
+
placeholder;
|
|
11
|
+
apiMeta;
|
|
12
|
+
selectedValue;
|
|
13
|
+
progressBar;
|
|
14
|
+
id;
|
|
15
|
+
errorMessage;
|
|
16
|
+
error;
|
|
17
|
+
fromShengel = false;
|
|
18
|
+
valueChange = new EventEmitter();
|
|
19
|
+
constructor(http) {
|
|
20
|
+
this.http = http;
|
|
21
|
+
}
|
|
22
|
+
ngOnInit() {
|
|
23
|
+
console.log('inside oninit of custom-dropdown of ' + this.id);
|
|
24
|
+
// console.log(this.apiMeta);
|
|
25
|
+
if (this.apiMeta !== undefined) {
|
|
26
|
+
this.options = [];
|
|
27
|
+
let apiObj = JSON.parse(this.apiMeta);
|
|
28
|
+
this.apiResponse(apiObj.endpoint).subscribe((apiResponse) => {
|
|
29
|
+
let responses = apiResponse[apiObj.variable];
|
|
30
|
+
let results = [];
|
|
31
|
+
for (let i = 0; i < responses.length; i++) {
|
|
32
|
+
var resp = responses[i];
|
|
33
|
+
// console.log(resp);
|
|
34
|
+
results.push(resp[apiObj.field]);
|
|
35
|
+
}
|
|
36
|
+
this.options = results;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
apiResponse(endpoint) {
|
|
41
|
+
return this.http.get(endpoint);
|
|
42
|
+
}
|
|
43
|
+
selectChange(event) {
|
|
44
|
+
this.valueChange.emit(event);
|
|
45
|
+
}
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomDropdownComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomDropdownComponent, selector: "app-custom-dropdown", inputs: { options: "options", placeholder: "placeholder", apiMeta: "apiMeta", selectedValue: "selectedValue", progressBar: "progressBar", id: "id", errorMessage: "errorMessage", error: "error", fromShengel: "fromShengel" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<select *ngIf=\"!fromShengel\"\n [ngClass]=\"{\n 'dt-line dpDown down myt-dropbox myt-border-r myt-font1': progressBar,\n 'custom-select': !progressBar\n }\" class=\"custom-select mr-sm-2 dd-height\" \n [id]=\"id\" \n [(ngModel)]=\"selectedValue\"\n (change)=\"selectChange($event.target.value);\" \n [style.borderColor]=\"error ? 'red' : '#858585'\"\n [style.color]=\"error ? 'red' : ''\">\n <option *ngFor=\"let option of options\" [value]=\"option.Value__c\" class=\"option\">{{ option.Value__c }}</option>\n <option *ngIf=\"errorMessage\" value=\"\" disabled hidden>{{ errorMessage }}</option>\n</select>\n\n<ng-select *ngIf=\"fromShengel\"\n class=\"shengel-custom-select\"\n[(ngModel)]=\"selectedValue\" \n[placeholder]=\"placeholder\"\n(change)=\"selectChange($event)\"\n[id]=\"id\"\n >\n<ng-option *ngFor=\"let option of options\" [value]=\"option\">{{ option }}</ng-option>\n<ng-option *ngIf=\"errorMessage\" value=\"\" disabled hidden>{{ errorMessage }}</ng-option>\n</ng-select>\n<span *ngIf=\"error && fromShengel\" class=\"error-msg\">Required*</span>", styles: [".ng-select{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.ɵr, selector: "ng-option", inputs: ["disabled", "value"] }] });
|
|
48
|
+
}
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomDropdownComponent, decorators: [{
|
|
50
|
+
type: Component,
|
|
51
|
+
args: [{ selector: 'app-custom-dropdown', template: "<select *ngIf=\"!fromShengel\"\n [ngClass]=\"{\n 'dt-line dpDown down myt-dropbox myt-border-r myt-font1': progressBar,\n 'custom-select': !progressBar\n }\" class=\"custom-select mr-sm-2 dd-height\" \n [id]=\"id\" \n [(ngModel)]=\"selectedValue\"\n (change)=\"selectChange($event.target.value);\" \n [style.borderColor]=\"error ? 'red' : '#858585'\"\n [style.color]=\"error ? 'red' : ''\">\n <option *ngFor=\"let option of options\" [value]=\"option.Value__c\" class=\"option\">{{ option.Value__c }}</option>\n <option *ngIf=\"errorMessage\" value=\"\" disabled hidden>{{ errorMessage }}</option>\n</select>\n\n<ng-select *ngIf=\"fromShengel\"\n class=\"shengel-custom-select\"\n[(ngModel)]=\"selectedValue\" \n[placeholder]=\"placeholder\"\n(change)=\"selectChange($event)\"\n[id]=\"id\"\n >\n<ng-option *ngFor=\"let option of options\" [value]=\"option\">{{ option }}</ng-option>\n<ng-option *ngIf=\"errorMessage\" value=\"\" disabled hidden>{{ errorMessage }}</ng-option>\n</ng-select>\n<span *ngIf=\"error && fromShengel\" class=\"error-msg\">Required*</span>", styles: [".ng-select{width:100%}\n"] }]
|
|
52
|
+
}], ctorParameters: function () { return [{ type: i1.HttpClient }]; }, propDecorators: { options: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], placeholder: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], apiMeta: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], selectedValue: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], progressBar: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], id: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], errorMessage: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], error: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], fromShengel: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], valueChange: [{
|
|
71
|
+
type: Output
|
|
72
|
+
}] } });
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1kcm9wZG93bi9jdXN0b20tZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWRyb3Bkb3duL2N1c3RvbS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLEtBQUssRUFBQyxNQUFNLEVBQUMsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVNUUsTUFBTSxPQUFPLHVCQUF1QjtJQVlkO0lBWFgsT0FBTyxDQUFXO0lBQ2xCLFdBQVcsQ0FBUztJQUNwQixPQUFPLENBQVM7SUFDaEIsYUFBYSxDQUFTO0lBQ3RCLFdBQVcsQ0FBVTtJQUNyQixFQUFFLENBQVE7SUFDVixZQUFZLENBQVM7SUFDckIsS0FBSyxDQUFLO0lBQ1YsV0FBVyxHQUFZLEtBQUssQ0FBQztJQUM1QixXQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFFekUsWUFBb0IsSUFBZ0I7UUFBaEIsU0FBSSxHQUFKLElBQUksQ0FBWTtJQUNwQyxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsc0NBQXNDLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzlELDZCQUE2QjtRQUM3QixJQUFHLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQzdCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO1lBQ2xCLElBQUksTUFBTSxHQUFZLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBRS9DLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxFQUFFO2dCQUMxRCxJQUFJLFNBQVMsR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUM3QyxJQUFJLE9BQU8sR0FBRyxFQUFFLENBQUM7Z0JBQ2pCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUN6QyxJQUFJLElBQUksR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQ3hCLHFCQUFxQjtvQkFDckIsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7aUJBQ2xDO2dCQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1lBQ3pCLENBQUMsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDO0lBRU0sV0FBVyxDQUFDLFFBQWdCO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFTO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7d0dBekNVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLG9VQ1ZwQywrakNBd0JxRTs7NEZEZHhELHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUI7aUdBS3RCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LElucHV0LE91dHB1dCxFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBUElNZXRhIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9hcGltZXRhJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tZHJvcGRvd24uY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbURyb3Bkb3duQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgb3B0aW9uczogc3RyaW5nW107XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFwaU1ldGE6IHN0cmluZztcbiAgQElucHV0KCkgc2VsZWN0ZWRWYWx1ZTogc3RyaW5nO1xuICBASW5wdXQoKSBwcm9ncmVzc0JhcjogYm9vbGVhbjtcbiAgQElucHV0KCkgaWQ6c3RyaW5nO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQElucHV0KCkgZXJyb3I6YW55O1xuICBASW5wdXQoKSBmcm9tU2hlbmdlbDogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBodHRwOiBIdHRwQ2xpZW50KSB7IFxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc29sZS5sb2coJ2luc2lkZSBvbmluaXQgb2YgY3VzdG9tLWRyb3Bkb3duIG9mICcgKyB0aGlzLmlkKTtcbiAgICAvLyBjb25zb2xlLmxvZyh0aGlzLmFwaU1ldGEpO1xuICAgIGlmKHRoaXMuYXBpTWV0YSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm9wdGlvbnMgPSBbXTtcbiAgICAgIGxldCBhcGlPYmo6IEFQSU1ldGEgPSBKU09OLnBhcnNlKHRoaXMuYXBpTWV0YSk7XG5cbiAgICAgIHRoaXMuYXBpUmVzcG9uc2UoYXBpT2JqLmVuZHBvaW50KS5zdWJzY3JpYmUoKGFwaVJlc3BvbnNlKSA9PiB7XG4gICAgICAgIGxldCByZXNwb25zZXMgPSBhcGlSZXNwb25zZVthcGlPYmoudmFyaWFibGVdO1xuICAgICAgICBsZXQgcmVzdWx0cyA9IFtdO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHJlc3BvbnNlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgIHZhciByZXNwID0gcmVzcG9uc2VzW2ldO1xuICAgICAgICAgIC8vIGNvbnNvbGUubG9nKHJlc3ApO1xuICAgICAgICAgIHJlc3VsdHMucHVzaChyZXNwW2FwaU9iai5maWVsZF0pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMub3B0aW9ucyA9IHJlc3VsdHM7XG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBhcGlSZXNwb25zZShlbmRwb2ludDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5odHRwLmdldChlbmRwb2ludCk7XG4gIH1cblxuICBzZWxlY3RDaGFuZ2UoZXZlbnQ6YW55KXtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG5cbn1cbiIsIjxzZWxlY3QgKm5nSWY9XCIhZnJvbVNoZW5nZWxcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2R0LWxpbmUgZHBEb3duIGRvd24gbXl0LWRyb3Bib3ggbXl0LWJvcmRlci1yIG15dC1mb250MSc6IHByb2dyZXNzQmFyLFxuICAgICdjdXN0b20tc2VsZWN0JzogIXByb2dyZXNzQmFyXG4gIH1cIiBjbGFzcz1cImN1c3RvbS1zZWxlY3QgbXItc20tMiBkZC1oZWlnaHRcIiBcbiAgW2lkXT1cImlkXCIgXG4gIFsobmdNb2RlbCldPVwic2VsZWN0ZWRWYWx1ZVwiXG4gIChjaGFuZ2UpPVwic2VsZWN0Q2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpO1wiIFxuICBbc3R5bGUuYm9yZGVyQ29sb3JdPVwiZXJyb3IgPyAncmVkJyA6ICcjODU4NTg1J1wiXG4gIFtzdHlsZS5jb2xvcl09XCJlcnJvciA/ICdyZWQnIDogJydcIj5cbiAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24uVmFsdWVfX2NcIiBjbGFzcz1cIm9wdGlvblwiPnt7IG9wdGlvbi5WYWx1ZV9fYyB9fTwvb3B0aW9uPlxuICAgIDxvcHRpb24gKm5nSWY9XCJlcnJvck1lc3NhZ2VcIiB2YWx1ZT1cIlwiIGRpc2FibGVkIGhpZGRlbj57eyBlcnJvck1lc3NhZ2UgfX08L29wdGlvbj5cbjwvc2VsZWN0PlxuXG48bmctc2VsZWN0ICAqbmdJZj1cImZyb21TaGVuZ2VsXCJcbiBjbGFzcz1cInNoZW5nZWwtY3VzdG9tLXNlbGVjdFwiXG5bKG5nTW9kZWwpXT1cInNlbGVjdGVkVmFsdWVcIiBcbltwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4oY2hhbmdlKT1cInNlbGVjdENoYW5nZSgkZXZlbnQpXCJcbltpZF09XCJpZFwiXG4gPlxuPG5nLW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uXCI+e3sgb3B0aW9uIH19PC9uZy1vcHRpb24+XG48bmctb3B0aW9uICpuZ0lmPVwiZXJyb3JNZXNzYWdlXCIgIHZhbHVlPVwiXCIgZGlzYWJsZWQgaGlkZGVuPnt7IGVycm9yTWVzc2FnZSB9fTwvbmctb3B0aW9uPlxuPC9uZy1zZWxlY3Q+XG48c3BhbiAqbmdJZj1cImVycm9yICYmIGZyb21TaGVuZ2VsXCIgY2xhc3M9XCJlcnJvci1tc2dcIj5SZXF1aXJlZCo8L3NwYW4+Il19
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
export class CustomInputComponent {
|
|
6
|
+
value; // input value
|
|
7
|
+
disabled = false; // input disabled or not
|
|
8
|
+
placeholder;
|
|
9
|
+
error;
|
|
10
|
+
fromShengel = false;
|
|
11
|
+
ngClassValue;
|
|
12
|
+
idValue;
|
|
13
|
+
focusEvent;
|
|
14
|
+
inputValue = new EventEmitter();
|
|
15
|
+
constructor() { }
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
}
|
|
18
|
+
onInputChange(input) {
|
|
19
|
+
this.inputValue.emit(input.target.value);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomInputComponent, selector: "app-custom-input", inputs: { value: "value", disabled: "disabled", placeholder: "placeholder", error: "error", fromShengel: "fromShengel", ngClassValue: "ngClassValue", idValue: "idValue", focusEvent: "focusEvent" }, outputs: { inputValue: "inputValue" }, ngImport: i0, template: "<input *ngIf=\"!fromShengel\" type=\"text\" \n [(ngModel)]=\"value\"\n [ngClass]=\"ngClassValue\"\n [id]=\"idValue\"\n (focus)=\"focusEvent\"\n [style.border-color]=\"error ? 'red' : ''\"\n [placeholder]=\"placeholder\"\n (input)=\"onInputChange($event)\" />\n\n\n<input *ngIf=\"fromShengel\" class=\"input-shengel\"\n[(ngModel)]=\"value\"\n type=\"text\" \n class=\"she-line-input form-control\" \n[placeholder]=\"placeholder\"\n[disabled]=\"disabled\"\n(input)=\"onInputChange($event)\">\n<span *ngIf=\"error\" class=\"error-msg\">Required*</span>\n", styles: [".form-control[disabled]{border-radius:5px;background-color:#e9ecef!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomInputComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'app-custom-input', template: "<input *ngIf=\"!fromShengel\" type=\"text\" \n [(ngModel)]=\"value\"\n [ngClass]=\"ngClassValue\"\n [id]=\"idValue\"\n (focus)=\"focusEvent\"\n [style.border-color]=\"error ? 'red' : ''\"\n [placeholder]=\"placeholder\"\n (input)=\"onInputChange($event)\" />\n\n\n<input *ngIf=\"fromShengel\" class=\"input-shengel\"\n[(ngModel)]=\"value\"\n type=\"text\" \n class=\"she-line-input form-control\" \n[placeholder]=\"placeholder\"\n[disabled]=\"disabled\"\n(input)=\"onInputChange($event)\">\n<span *ngIf=\"error\" class=\"error-msg\">Required*</span>\n", styles: [".form-control[disabled]{border-radius:5px;background-color:#e9ecef!important}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], disabled: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], placeholder: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], error: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], fromShengel: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], ngClassValue: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], idValue: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], focusEvent: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], inputValue: [{
|
|
44
|
+
type: Output
|
|
45
|
+
}] } });
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1pbnB1dC9jdXN0b20taW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWlucHV0L2N1c3RvbS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBTy9FLE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsS0FBSyxDQUFjLENBQUMsY0FBYztJQUNsQyxRQUFRLEdBQVksS0FBSyxDQUFDLENBQUMsd0JBQXdCO0lBQ25ELFdBQVcsQ0FBUTtJQUNuQixLQUFLLENBQUs7SUFDVixXQUFXLEdBQVksS0FBSyxDQUFDO0lBRTdCLFlBQVksQ0FBSztJQUNqQixPQUFPLENBQUs7SUFDWixVQUFVLENBQU07SUFDZixVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUMvQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFTO1FBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDMUMsQ0FBQzt3R0FsQlUsb0JBQW9COzRGQUFwQixvQkFBb0IscVNDUGpDLG9sQkFrQkE7OzRGRFhhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7MEVBS25CLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY3VzdG9tLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS1pbnB1dC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB2YWx1ZTogYW55IHwgYW55W107IC8vIGlucHV0IHZhbHVlXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7IC8vIGlucHV0IGRpc2FibGVkIG9yIG5vdFxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjpzdHJpbmc7XG4gIEBJbnB1dCgpIGVycm9yOmFueTtcbiAgQElucHV0KCkgZnJvbVNoZW5nZWw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBuZ0NsYXNzVmFsdWU6YW55O1xuICBASW5wdXQoKSBpZFZhbHVlOmFueTtcbiAgQElucHV0KCkgZm9jdXNFdmVudDogYW55O1xuICBAT3V0cHV0KCkgaW5wdXRWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyBcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIG9uSW5wdXRDaGFuZ2UoaW5wdXQ6YW55KXtcbiAgICB0aGlzLmlucHV0VmFsdWUuZW1pdChpbnB1dC50YXJnZXQudmFsdWUpXG4gIH1cblxufVxuIiwiPGlucHV0ICpuZ0lmPVwiIWZyb21TaGVuZ2VsXCIgdHlwZT1cInRleHRcIiBcbiAgICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICAgICBbbmdDbGFzc109XCJuZ0NsYXNzVmFsdWVcIlxuICAgICAgIFtpZF09XCJpZFZhbHVlXCJcbiAgICAgICAoZm9jdXMpPVwiZm9jdXNFdmVudFwiXG4gICAgICAgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJlcnJvciA/ICdyZWQnIDogJydcIlxuICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2UoJGV2ZW50KVwiIC8+XG5cblxuPGlucHV0ICAqbmdJZj1cImZyb21TaGVuZ2VsXCIgY2xhc3M9XCJpbnB1dC1zaGVuZ2VsXCJcblsobmdNb2RlbCldPVwidmFsdWVcIlxuIHR5cGU9XCJ0ZXh0XCIgXG4gY2xhc3M9XCJzaGUtbGluZS1pbnB1dCBmb3JtLWNvbnRyb2xcIiBcbltwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG5bZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2UoJGV2ZW50KVwiPlxuPHNwYW4gKm5nSWY9XCJlcnJvclwiIGNsYXNzPVwiZXJyb3ItbXNnXCI+UmVxdWlyZWQqPC9zcGFuPlxuIl19
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
export class CustomTableComponent {
|
|
6
|
+
tableHeader = '';
|
|
7
|
+
tableData;
|
|
8
|
+
tableDataChange = new EventEmitter();
|
|
9
|
+
tableIndex;
|
|
10
|
+
constructor() { }
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
}
|
|
13
|
+
addRow() {
|
|
14
|
+
const newItem = {
|
|
15
|
+
label: '',
|
|
16
|
+
imageSrc: 'https://media.istockphoto.com/id/943776434/vector/fire-extinguisher-icon-vector.jpg?s=612x612&w=0&k=20&c=KVaDxuV2TV7fdwn09Tg9HeF3MNyoJC5k2YqSAzpStDY=',
|
|
17
|
+
altText: '',
|
|
18
|
+
name: '',
|
|
19
|
+
value: 'YES'
|
|
20
|
+
};
|
|
21
|
+
const updatedTableData = [...this.tableData, newItem];
|
|
22
|
+
this.tableData = updatedTableData;
|
|
23
|
+
this.emitTableDataValue(updatedTableData);
|
|
24
|
+
}
|
|
25
|
+
updateRadio(item, value) {
|
|
26
|
+
item.value = value;
|
|
27
|
+
this.emitTableDataValue(this.tableData);
|
|
28
|
+
}
|
|
29
|
+
updateLabel(rowIndex, label) {
|
|
30
|
+
this.tableData[rowIndex].label = label;
|
|
31
|
+
this.emitTableDataValue(this.tableData);
|
|
32
|
+
}
|
|
33
|
+
emitTableDataValue(updatedTableData) {
|
|
34
|
+
this.tableDataChange.emit(updatedTableData);
|
|
35
|
+
}
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomTableComponent, selector: "app-custom-table", inputs: { tableHeader: "tableHeader", tableData: "tableData", tableIndex: "tableIndex" }, outputs: { tableDataChange: "tableDataChange" }, ngImport: i0, template: "<table class=\"table table-striped table-bordered\">\n <thead>\n <tr>\n <th>\n {{ tableHeader }}\n </th>\n <th class=\"permission\">\n YES\n </th>\n <th class=\"permission\">\n NO\n </th>\n <th class=\"permission\">\n NA\n </th>\n </tr>\n </thead>\n <tbody id=\"safetyMeasuresTableBody\">\n <tr *ngFor=\"let item of tableData; let i = index\">\n <td>\n <img style=\"width: 35px; height: 32px; margin-right: 5px;\" [src]=\"item.imageSrc\" [alt]=\"item.altText\">\n <input type=\"text\" [(ngModel)]=\"item.label\" (ngModelChange)=\"updateLabel(i, item.label)\" class=\"she-line-input table-input\">\n </td>\n <td class=\"permission_yes\">\n <input type=\"radio\" [name]=\"'tableRadio_' + i + '_' + tableIndex \" [ngModel]=\"item.value\" value=\"YES\" (change)=\"updateRadio(item, 'YES')\">\n </td>\n <td class=\"permission_no\">\n <input type=\"radio\" [name]=\"'tableRadio_' + i + '_' + tableIndex \" [ngModel]=\"item.value\" value=\"NO\" (change)=\"updateRadio(item, 'NO')\">\n </td>\n <td class=\"permission_na\">\n <input type=\"radio\" [name]=\"'tableRadio_' + i + '_' + tableIndex \" [ngModel]=\"item.value\" value=\"NA\" (change)=\"updateRadio(item, 'NA')\">\n </td>\n </tr>\n <tr>\n <td>\n <b>Add More</b>\n </td>\n <td colspan=\"3\" style=\"text-align: center; cursor: pointer;\" id=\"addSafety\" (click)=\"addRow()\">\n +\n </td>\n </tr>\n </tbody>\n</table>\n\n\n\n <!-- <div class=\"row\">\n <div class=\"col-lg-12 m-t-20\">\n <table class=\"table table-striped table-bordered\" style=\"text-align:center\">\n <thead>\n <tr>\n <th style=\"text-align:left\">\n Atmospheric Condition\n </th>\n <th style=\"text-align:center\">\n Test 1\n </th>\n <th style=\"text-align:center\">\n Test 2\n </th>\n <th style=\"text-align:center\">\n Test 3\n </th>\n <th style=\"text-align:center\">\n Test 4\n </th>\n </tr>\n </thead>\n <tbody id=\"atmosphericCondition\">\n <tr *ngFor=\"let item1 of tableData\">\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Oxygen (19.5-23.5%) {{ item.label }}</p>\n </td>\n <td class=\"permission_no\">\n <input type=\"number\" id=\"test1_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\" >\n </td>\n <td class=\"permission_na\">\n <input type=\"number\" id=\"test2_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\">\n </td>\n <td class=\"permission_no\">\n <input type=\"number\" id=\"test3_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\" >\n </td>\n <td class=\"permission_na\">\n <input type=\"number\" id=\"test4_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\">\n </td>\n </tr>\n <tr id=\"atmosphericAddmore\">\n <td style=\"text-align: left; padding: 13px 11px; cursor: pointer; margin-right: 32px;\" #add id=\"atmos\" (click)=\"add_atmospheriCondition_row(add)\">\n <b>Add More +</b>\n </td>\n <td>\n\n </td>\n <td>\n\n </td>\n <td>\n\n </td>\n <td>\n\n </td>\n </tr> \n \n <tr *ngFor=\"let item2 of tableData\">\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Tested By</p>\n </td>\n <td class=\"permission_na\">\n <ng-select style=\"width: 175px\" id=\"test1_tested_by\" (change)=\"onTested1Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test1_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n <td class=\"permission_no\">\n <ng-select style=\"width: 175px\" id=\"test2_tested_by\" (change)=\"onTested2Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test2_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n <td class=\"permission_na\">\n <ng-select style=\"width: 175px\" id=\"test3_tested_by\" (change)=\"onTested3Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test3_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n <td class=\"permission_no\">\n <ng-select style=\"width: 175px\" id=\"test4_tested_by\" (change)=\"onTested4Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test4_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n </tr>\n <tr>\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Date & Time</p>\n </td>\n <td class=\"permission_no\">\n <input [(ngModel)]=\"test1_time\" id=\"test1_time\" formControlName=\"test1_time\"\n type=\"datetime-local\"\n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n <td class=\"permission_na\">\n <input [(ngModel)]=\"test2_time\" id=\"test2_time\" type=\"datetime-local\" formControlName=\"test2_time\"\n \n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n <td class=\"permission_no\">\n\n <input [(ngModel)]=\"test3_time\" id=\"test3_time\" type=\"datetime-local\" formControlName=\"test3_time\"\n \n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n <td class=\"permission_na\">\n\n <input [(ngModel)]=\"test4MinDate\" id=\"test4_time\" formControlName=\"test4_time\"\n type=\"datetime-local\"\n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n </tr>\n <tr>\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Atmospheric conditions are measured periodically</p>\n </td>\n <td class=\"permission_no\">\n <label class=\"switch2\">\n <input id=\"switch-input31\" class=\"switch-input2\" (change)=\"onTestAssesment1Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified3\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n <td class=\"permission_na\">\n <label class=\"switch2\">\n <input id=\"switch-input4\" class=\"switch-input2\" (change)=\"onTestAssesment2Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified4\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n <td class=\"permission_no\">\n <label class=\"switch2\">\n <input id=\"switch-input5\" class=\"switch-input2\" (change)=\"onTestAssesment3Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified5\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n <td class=\"permission_na\">\n <label class=\"switch2\">\n <input id=\"switch-input6\" class=\"switch-input2\" (change)=\"onTestAssesment4Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified6\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n </tr>\n <tr class=\"docs\">\n <td>\n <p style=\"text-align:left; margin-top: 12px;\">Attachment</p>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test1File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test1File($event)\">\n </label>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test2File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test2File($event)\">\n </label>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test3File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test3File($event)\">\n </label>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test4File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test4File($event)\">\n </label>\n </td>\n </tr>\n \n </tbody>\n </table>\n </div>\n </div> -->\n \n\n\n\n", styles: [".table{width:100%;max-width:100%;margin-bottom:20px;border-collapse:collapse;border-spacing:0}.table-bordered{border:1px solid #ddd}thead{background-color:#03a9f4}thead th{color:#fff;font-size:14px}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}th{text-align:left}thead .permission{text-align:center}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}tbody{color:#797979}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}tbody td{font-size:13px}.permission_yes,.permission_no,.permission_na{text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomTableComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'app-custom-table', template: "<table class=\"table table-striped table-bordered\">\n <thead>\n <tr>\n <th>\n {{ tableHeader }}\n </th>\n <th class=\"permission\">\n YES\n </th>\n <th class=\"permission\">\n NO\n </th>\n <th class=\"permission\">\n NA\n </th>\n </tr>\n </thead>\n <tbody id=\"safetyMeasuresTableBody\">\n <tr *ngFor=\"let item of tableData; let i = index\">\n <td>\n <img style=\"width: 35px; height: 32px; margin-right: 5px;\" [src]=\"item.imageSrc\" [alt]=\"item.altText\">\n <input type=\"text\" [(ngModel)]=\"item.label\" (ngModelChange)=\"updateLabel(i, item.label)\" class=\"she-line-input table-input\">\n </td>\n <td class=\"permission_yes\">\n <input type=\"radio\" [name]=\"'tableRadio_' + i + '_' + tableIndex \" [ngModel]=\"item.value\" value=\"YES\" (change)=\"updateRadio(item, 'YES')\">\n </td>\n <td class=\"permission_no\">\n <input type=\"radio\" [name]=\"'tableRadio_' + i + '_' + tableIndex \" [ngModel]=\"item.value\" value=\"NO\" (change)=\"updateRadio(item, 'NO')\">\n </td>\n <td class=\"permission_na\">\n <input type=\"radio\" [name]=\"'tableRadio_' + i + '_' + tableIndex \" [ngModel]=\"item.value\" value=\"NA\" (change)=\"updateRadio(item, 'NA')\">\n </td>\n </tr>\n <tr>\n <td>\n <b>Add More</b>\n </td>\n <td colspan=\"3\" style=\"text-align: center; cursor: pointer;\" id=\"addSafety\" (click)=\"addRow()\">\n +\n </td>\n </tr>\n </tbody>\n</table>\n\n\n\n <!-- <div class=\"row\">\n <div class=\"col-lg-12 m-t-20\">\n <table class=\"table table-striped table-bordered\" style=\"text-align:center\">\n <thead>\n <tr>\n <th style=\"text-align:left\">\n Atmospheric Condition\n </th>\n <th style=\"text-align:center\">\n Test 1\n </th>\n <th style=\"text-align:center\">\n Test 2\n </th>\n <th style=\"text-align:center\">\n Test 3\n </th>\n <th style=\"text-align:center\">\n Test 4\n </th>\n </tr>\n </thead>\n <tbody id=\"atmosphericCondition\">\n <tr *ngFor=\"let item1 of tableData\">\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Oxygen (19.5-23.5%) {{ item.label }}</p>\n </td>\n <td class=\"permission_no\">\n <input type=\"number\" id=\"test1_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\" >\n </td>\n <td class=\"permission_na\">\n <input type=\"number\" id=\"test2_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\">\n </td>\n <td class=\"permission_no\">\n <input type=\"number\" id=\"test3_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\" >\n </td>\n <td class=\"permission_na\">\n <input type=\"number\" id=\"test4_oxygen\" style=\"width: 181px; height: 27px; text-align: center; border: none; background: transparent;\" placeholder=\"item.placeholder\">\n </td>\n </tr>\n <tr id=\"atmosphericAddmore\">\n <td style=\"text-align: left; padding: 13px 11px; cursor: pointer; margin-right: 32px;\" #add id=\"atmos\" (click)=\"add_atmospheriCondition_row(add)\">\n <b>Add More +</b>\n </td>\n <td>\n\n </td>\n <td>\n\n </td>\n <td>\n\n </td>\n <td>\n\n </td>\n </tr> \n \n <tr *ngFor=\"let item2 of tableData\">\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Tested By</p>\n </td>\n <td class=\"permission_na\">\n <ng-select style=\"width: 175px\" id=\"test1_tested_by\" (change)=\"onTested1Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test1_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n <td class=\"permission_no\">\n <ng-select style=\"width: 175px\" id=\"test2_tested_by\" (change)=\"onTested2Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test2_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n <td class=\"permission_na\">\n <ng-select style=\"width: 175px\" id=\"test3_tested_by\" (change)=\"onTested3Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test3_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n <td class=\"permission_no\">\n <ng-select style=\"width: 175px\" id=\"test4_tested_by\" (change)=\"onTested4Change($event)\" [items]=\"item.dropDownItems\"\n formControlName=\"test4_tested_by\" placeholder=\"---Select---\"\n >\n </ng-select>\n </td>\n </tr>\n <tr>\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Date & Time</p>\n </td>\n <td class=\"permission_no\">\n <input [(ngModel)]=\"test1_time\" id=\"test1_time\" formControlName=\"test1_time\"\n type=\"datetime-local\"\n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n <td class=\"permission_na\">\n <input [(ngModel)]=\"test2_time\" id=\"test2_time\" type=\"datetime-local\" formControlName=\"test2_time\"\n \n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n <td class=\"permission_no\">\n\n <input [(ngModel)]=\"test3_time\" id=\"test3_time\" type=\"datetime-local\" formControlName=\"test3_time\"\n \n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n <td class=\"permission_na\">\n\n <input [(ngModel)]=\"test4MinDate\" id=\"test4_time\" formControlName=\"test4_time\"\n type=\"datetime-local\"\n placeholder=\"DD/MM/YYYY HH:MM\" style=\"width: 75%;\n height: 35px;\n border:none;\n box-shadow: none;\n border-bottom: 1px solid #ccc;\">\n \n </td>\n </tr>\n <tr>\n <td class=\"permission_yes\">\n <p style=\"text-align:left; margin-top: 9px;\">Atmospheric conditions are measured periodically</p>\n </td>\n <td class=\"permission_no\">\n <label class=\"switch2\">\n <input id=\"switch-input31\" class=\"switch-input2\" (change)=\"onTestAssesment1Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified3\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n <td class=\"permission_na\">\n <label class=\"switch2\">\n <input id=\"switch-input4\" class=\"switch-input2\" (change)=\"onTestAssesment2Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified4\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n <td class=\"permission_no\">\n <label class=\"switch2\">\n <input id=\"switch-input5\" class=\"switch-input2\" (change)=\"onTestAssesment3Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified5\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n <td class=\"permission_na\">\n <label class=\"switch2\">\n <input id=\"switch-input6\" class=\"switch-input2\" (change)=\"onTestAssesment4Change($event.target.checked)\" type=\"checkbox\" [checked]=\"Certified6\" />\n <span class=\"switch-label2\" data-on=\"Safe\" data-off=\"Unsafe\"></span> \n <span class=\"switch-handle2\"></span> \n </label> \n </td>\n </tr>\n <tr class=\"docs\">\n <td>\n <p style=\"text-align:left; margin-top: 12px;\">Attachment</p>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test1File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test1File($event)\">\n </label>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test2File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test2File($event)\">\n </label>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test3File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test3File($event)\">\n </label>\n </td>\n <td style=\"width:130px;\">\n <div class=\"col-lg-3 document-cnt\" *ngFor=\"let file of test4File;let i = index;\" style=\"width:130px; margin-left: 25px; margin-bottom: 10px;\">\n <div class=\"row\" (click)=\"viewDoc(file?.doc)\" style=\"cursor: pointer;\">\n <div class=\"col-lg-3 document_image\">\n <img [src]=\"getDocIcon(file?.doc)\" style=\"margin-right: 10px;height: 40px;\">\n </div>\n <div class=\"col-lg-9 document_name\" style=\"overflow:hidden;height:35px;\">\n {{file?.name}}\n </div>\n </div>\n </div>\n <br>\n <label class=\"btn btn-primary\">\n Upload File\n <input id=\"file\" style=\"display: none;\" type=\"file\" class=\"form-control\" (change)=\"Test4File($event)\">\n </label>\n </td>\n </tr>\n \n </tbody>\n </table>\n </div>\n </div> -->\n \n\n\n\n", styles: [".table{width:100%;max-width:100%;margin-bottom:20px;border-collapse:collapse;border-spacing:0}.table-bordered{border:1px solid #ddd}thead{background-color:#03a9f4}thead th{color:#fff;font-size:14px}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}th{text-align:left}thead .permission{text-align:center}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}tbody{color:#797979}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}tbody td{font-size:13px}.permission_yes,.permission_no,.permission_na{text-align:center}\n"] }]
|
|
42
|
+
}], ctorParameters: function () { return []; }, propDecorators: { tableHeader: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], tableData: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], tableDataChange: [{
|
|
47
|
+
type: Output
|
|
48
|
+
}], tableIndex: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS10YWJsZS9jdXN0b20tdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRhYmxlL2N1c3RvbS10YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUS9FLE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsV0FBVyxHQUFTLEVBQUUsQ0FBQztJQUN2QixTQUFTLENBQWU7SUFDdkIsZUFBZSxHQUF3QixJQUFJLFlBQVksRUFBUyxDQUFDO0lBQ2xFLFVBQVUsQ0FBUztJQUU1QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUdELE1BQU07UUFDSixNQUFNLE9BQU8sR0FBZTtZQUMxQixLQUFLLEVBQUUsRUFBRTtZQUNULFFBQVEsRUFBRSx1SkFBdUo7WUFDakssT0FBTyxFQUFFLEVBQUU7WUFDWCxJQUFJLEVBQUUsRUFBRTtZQUNSLEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQztRQUNGLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztRQUNsQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsV0FBVyxDQUFDLElBQVMsRUFBRSxLQUFhO1FBQ2xDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELFdBQVcsQ0FBQyxRQUFnQixFQUFFLEtBQWE7UUFDekMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELGtCQUFrQixDQUFDLGdCQUF1QjtRQUN4QyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzlDLENBQUM7d0dBckNVLG9CQUFvQjs0RkFBcEIsb0JBQW9CLG1NQ1JqQyxxdWJBdVNBOzs0RkQvUmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQjswRUFLbkIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0UsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmRlY2xhcmUgdmFyICQ6IGFueTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20tdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tdGFibGUuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdGFibGVIZWFkZXI6IHN0cmluZz0nJztcbiAgQElucHV0KCkgdGFibGVEYXRhOiB0YWJsZUl0ZW0gW107XG4gIEBPdXRwdXQoKSB0YWJsZURhdGFDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnlbXT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueVtdPigpO1xuICBASW5wdXQoKSB0YWJsZUluZGV4OiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG5cbiAgYWRkUm93KCk6IHZvaWQge1xuICAgIGNvbnN0IG5ld0l0ZW06IHRhYmxlSXRlbSAgPSB7XG4gICAgICBsYWJlbDogJycsXG4gICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vbWVkaWEuaXN0b2NrcGhvdG8uY29tL2lkLzk0Mzc3NjQzNC92ZWN0b3IvZmlyZS1leHRpbmd1aXNoZXItaWNvbi12ZWN0b3IuanBnP3M9NjEyeDYxMiZ3PTAmaz0yMCZjPUtWYUR4dVYyVFY3ZmR3bjA5VGc5SGVGM01OeW9KQzVrMllxU0F6cFN0RFk9JyxcbiAgICAgIGFsdFRleHQ6ICcnLFxuICAgICAgbmFtZTogJycsXG4gICAgICB2YWx1ZTogJ1lFUydcbiAgICB9O1xuICAgIGNvbnN0IHVwZGF0ZWRUYWJsZURhdGEgPSBbLi4udGhpcy50YWJsZURhdGEsIG5ld0l0ZW1dO1xuICAgIHRoaXMudGFibGVEYXRhID0gdXBkYXRlZFRhYmxlRGF0YTtcbiAgICB0aGlzLmVtaXRUYWJsZURhdGFWYWx1ZSh1cGRhdGVkVGFibGVEYXRhKTtcbiAgfVxuXG4gIHVwZGF0ZVJhZGlvKGl0ZW06IGFueSwgdmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGl0ZW0udmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLmVtaXRUYWJsZURhdGFWYWx1ZSh0aGlzLnRhYmxlRGF0YSk7XG4gIH1cblxuICB1cGRhdGVMYWJlbChyb3dJbmRleDogbnVtYmVyLCBsYWJlbDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy50YWJsZURhdGFbcm93SW5kZXhdLmxhYmVsID0gbGFiZWw7XG4gICAgdGhpcy5lbWl0VGFibGVEYXRhVmFsdWUodGhpcy50YWJsZURhdGEpO1xuICB9XG5cbiAgZW1pdFRhYmxlRGF0YVZhbHVlKHVwZGF0ZWRUYWJsZURhdGE6IGFueVtdKTogdm9pZCB7XG4gICAgdGhpcy50YWJsZURhdGFDaGFuZ2UuZW1pdCh1cGRhdGVkVGFibGVEYXRhKTtcbiAgfVxuICBcblxuIFxufVxuXG5leHBvcnQgaW50ZXJmYWNlIHRhYmxlSXRlbSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGltYWdlU3JjOnN0cmluZ1xuICBhbHRUZXh0OnN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbiIsIjx0YWJsZSBjbGFzcz1cInRhYmxlIHRhYmxlLXN0cmlwZWQgdGFibGUtYm9yZGVyZWRcIj5cbiAgPHRoZWFkPlxuICAgIDx0cj5cbiAgICAgIDx0aD5cbiAgICAgICAge3sgdGFibGVIZWFkZXIgfX1cbiAgICAgIDwvdGg+XG4gICAgICA8dGggY2xhc3M9XCJwZXJtaXNzaW9uXCI+XG4gICAgICAgIFlFU1xuICAgICAgPC90aD5cbiAgICAgIDx0aCBjbGFzcz1cInBlcm1pc3Npb25cIj5cbiAgICAgICAgTk9cbiAgICAgIDwvdGg+XG4gICAgICA8dGggY2xhc3M9XCJwZXJtaXNzaW9uXCI+XG4gICAgICAgIE5BXG4gICAgICA8L3RoPlxuICAgIDwvdHI+XG4gIDwvdGhlYWQ+XG4gIDx0Ym9keSBpZD1cInNhZmV0eU1lYXN1cmVzVGFibGVCb2R5XCI+XG4gICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIHRhYmxlRGF0YTsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgPHRkPlxuICAgICAgICA8aW1nIHN0eWxlPVwid2lkdGg6IDM1cHg7IGhlaWdodDogMzJweDsgbWFyZ2luLXJpZ2h0OiA1cHg7XCIgW3NyY109XCJpdGVtLmltYWdlU3JjXCIgW2FsdF09XCJpdGVtLmFsdFRleHRcIj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgWyhuZ01vZGVsKV09XCJpdGVtLmxhYmVsXCIgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlTGFiZWwoaSwgaXRlbS5sYWJlbClcIiBjbGFzcz1cInNoZS1saW5lLWlucHV0IHRhYmxlLWlucHV0XCI+XG4gICAgICA8L3RkPlxuICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl95ZXNcIj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiICBbbmFtZV09XCIndGFibGVSYWRpb18nICsgaSArICdfJyArIHRhYmxlSW5kZXggXCIgW25nTW9kZWxdPVwiaXRlbS52YWx1ZVwiIHZhbHVlPVwiWUVTXCIgKGNoYW5nZSk9XCJ1cGRhdGVSYWRpbyhpdGVtLCAnWUVTJylcIj5cbiAgICAgIDwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25vXCI+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwicmFkaW9cIiAgW25hbWVdPVwiJ3RhYmxlUmFkaW9fJyArIGkgKyAnXycgKyB0YWJsZUluZGV4IFwiIFtuZ01vZGVsXT1cIml0ZW0udmFsdWVcIiB2YWx1ZT1cIk5PXCIgKGNoYW5nZSk9XCJ1cGRhdGVSYWRpbyhpdGVtLCAnTk8nKVwiPlxuICAgICAgPC90ZD5cbiAgICAgIDx0ZCBjbGFzcz1cInBlcm1pc3Npb25fbmFcIj5cbiAgICAgICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiICBbbmFtZV09XCIndGFibGVSYWRpb18nICsgaSArICdfJyArIHRhYmxlSW5kZXggXCIgW25nTW9kZWxdPVwiaXRlbS52YWx1ZVwiIHZhbHVlPVwiTkFcIiAoY2hhbmdlKT1cInVwZGF0ZVJhZGlvKGl0ZW0sICdOQScpXCI+XG4gICAgICA8L3RkPlxuICAgIDwvdHI+XG4gICAgPHRyPlxuICAgICAgPHRkPlxuICAgICAgICA8Yj5BZGQgTW9yZTwvYj5cbiAgICAgIDwvdGQ+XG4gICAgICA8dGQgY29sc3Bhbj1cIjNcIiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjsgY3Vyc29yOiBwb2ludGVyO1wiIGlkPVwiYWRkU2FmZXR5XCIgIChjbGljayk9XCJhZGRSb3coKVwiPlxuICAgICAgICArXG4gICAgICA8L3RkPlxuICAgIDwvdHI+XG4gIDwvdGJvZHk+XG48L3RhYmxlPlxuXG5cblxuICA8IS0tIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTEyIG0tdC0yMFwiPlxuICAgICAgICA8dGFibGUgY2xhc3M9XCJ0YWJsZSB0YWJsZS1zdHJpcGVkIHRhYmxlLWJvcmRlcmVkXCIgc3R5bGU9XCJ0ZXh0LWFsaWduOmNlbnRlclwiPlxuICAgICAgICAgIDx0aGVhZD5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgPHRoIHN0eWxlPVwidGV4dC1hbGlnbjpsZWZ0XCI+XG4gICAgICAgICAgICAgICAgQXRtb3NwaGVyaWMgQ29uZGl0aW9uXG4gICAgICAgICAgICAgIDwvdGg+XG4gICAgICAgICAgICAgIDx0aCBzdHlsZT1cInRleHQtYWxpZ246Y2VudGVyXCI+XG4gICAgICAgICAgICAgICBUZXN0IDFcbiAgICAgICAgICAgICAgPC90aD5cbiAgICAgICAgICAgICAgPHRoIHN0eWxlPVwidGV4dC1hbGlnbjpjZW50ZXJcIj5cbiAgICAgICAgICAgICAgIFRlc3QgMlxuICAgICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgICA8dGggc3R5bGU9XCJ0ZXh0LWFsaWduOmNlbnRlclwiPlxuICAgICAgICAgICAgICAgIFRlc3QgM1xuICAgICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgICA8dGggc3R5bGU9XCJ0ZXh0LWFsaWduOmNlbnRlclwiPlxuICAgICAgICAgICAgICAgIFRlc3QgNFxuICAgICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICA8L3RoZWFkPlxuICAgICAgICAgIDx0Ym9keSBpZD1cImF0bW9zcGhlcmljQ29uZGl0aW9uXCI+XG4gICAgICAgICAgICA8dHIgKm5nRm9yPVwibGV0IGl0ZW0xIG9mIHRhYmxlRGF0YVwiPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX3llc1wiPlxuICAgICAgICAgICAgICAgIDxwIHN0eWxlPVwidGV4dC1hbGlnbjpsZWZ0OyBtYXJnaW4tdG9wOiA5cHg7XCI+T3h5Z2VuICgxOS41LTIzLjUlKSAge3sgaXRlbS5sYWJlbCB9fTwvcD5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl9ub1wiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgaWQ9XCJ0ZXN0MV9veHlnZW5cIiAgIHN0eWxlPVwid2lkdGg6IDE4MXB4OyBoZWlnaHQ6IDI3cHg7IHRleHQtYWxpZ246IGNlbnRlcjsgYm9yZGVyOiBub25lOyBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcIiBwbGFjZWhvbGRlcj1cIml0ZW0ucGxhY2Vob2xkZXJcIiA+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInBlcm1pc3Npb25fbmFcIj5cbiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cIm51bWJlclwiIGlkPVwidGVzdDJfb3h5Z2VuXCIgIHN0eWxlPVwid2lkdGg6IDE4MXB4OyBoZWlnaHQ6IDI3cHg7IHRleHQtYWxpZ246IGNlbnRlcjsgYm9yZGVyOiBub25lOyBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcIiBwbGFjZWhvbGRlcj1cIml0ZW0ucGxhY2Vob2xkZXJcIj5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl9ub1wiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgaWQ9XCJ0ZXN0M19veHlnZW5cIiAgc3R5bGU9XCJ3aWR0aDogMTgxcHg7IGhlaWdodDogMjdweDsgdGV4dC1hbGlnbjogY2VudGVyOyBib3JkZXI6IG5vbmU7IGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1wiIHBsYWNlaG9sZGVyPVwiaXRlbS5wbGFjZWhvbGRlclwiID5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl9uYVwiPlxuICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgaWQ9XCJ0ZXN0NF9veHlnZW5cIiAgc3R5bGU9XCJ3aWR0aDogMTgxcHg7IGhlaWdodDogMjdweDsgdGV4dC1hbGlnbjogY2VudGVyOyBib3JkZXI6IG5vbmU7IGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1wiIHBsYWNlaG9sZGVyPVwiaXRlbS5wbGFjZWhvbGRlclwiPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICA8dHIgaWQ9XCJhdG1vc3BoZXJpY0FkZG1vcmVcIj5cbiAgICAgICAgICAgICAgPHRkIHN0eWxlPVwidGV4dC1hbGlnbjogbGVmdDsgcGFkZGluZzogMTNweCAxMXB4OyBjdXJzb3I6IHBvaW50ZXI7IG1hcmdpbi1yaWdodDogMzJweDtcIiAjYWRkIGlkPVwiYXRtb3NcIiAoY2xpY2spPVwiYWRkX2F0bW9zcGhlcmlDb25kaXRpb25fcm93KGFkZClcIj5cbiAgICAgICAgICAgICAgICA8Yj5BZGQgTW9yZSAgICs8L2I+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZD5cblxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQ+XG5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkPlxuXG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZD5cblxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC90cj4gXG4gICAgICAgICAgXG4gICAgICAgICAgICA8dHIgKm5nRm9yPVwibGV0IGl0ZW0yIG9mIHRhYmxlRGF0YVwiPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX3llc1wiPlxuICAgICAgICAgICAgICAgIDxwIHN0eWxlPVwidGV4dC1hbGlnbjpsZWZ0OyBtYXJnaW4tdG9wOiA5cHg7XCI+VGVzdGVkIEJ5PC9wPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25hXCI+XG4gICAgICAgICAgICAgICAgPG5nLXNlbGVjdCBzdHlsZT1cIndpZHRoOiAxNzVweFwiIGlkPVwidGVzdDFfdGVzdGVkX2J5XCIgIChjaGFuZ2UpPVwib25UZXN0ZWQxQ2hhbmdlKCRldmVudClcIiBbaXRlbXNdPVwiaXRlbS5kcm9wRG93bkl0ZW1zXCJcbiAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInRlc3QxX3Rlc3RlZF9ieVwiIHBsYWNlaG9sZGVyPVwiLS0tU2VsZWN0LS0tXCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8L25nLXNlbGVjdD5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl9ub1wiPlxuICAgICAgICAgICAgICAgIDxuZy1zZWxlY3Qgc3R5bGU9XCJ3aWR0aDogMTc1cHhcIiBpZD1cInRlc3QyX3Rlc3RlZF9ieVwiICAoY2hhbmdlKT1cIm9uVGVzdGVkMkNoYW5nZSgkZXZlbnQpXCIgW2l0ZW1zXT1cIml0ZW0uZHJvcERvd25JdGVtc1wiXG4gICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJ0ZXN0Ml90ZXN0ZWRfYnlcIiBwbGFjZWhvbGRlcj1cIi0tLVNlbGVjdC0tLVwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9uZy1zZWxlY3Q+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInBlcm1pc3Npb25fbmFcIj5cbiAgICAgICAgICAgICAgICA8bmctc2VsZWN0IHN0eWxlPVwid2lkdGg6IDE3NXB4XCIgaWQ9XCJ0ZXN0M190ZXN0ZWRfYnlcIiAgKGNoYW5nZSk9XCJvblRlc3RlZDNDaGFuZ2UoJGV2ZW50KVwiIFtpdGVtc109XCJpdGVtLmRyb3BEb3duSXRlbXNcIlxuICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwidGVzdDNfdGVzdGVkX2J5XCIgcGxhY2Vob2xkZXI9XCItLS1TZWxlY3QtLS1cIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPC9uZy1zZWxlY3Q+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInBlcm1pc3Npb25fbm9cIj5cbiAgICAgICAgICAgICAgICA8bmctc2VsZWN0IHN0eWxlPVwid2lkdGg6IDE3NXB4XCIgaWQ9XCJ0ZXN0NF90ZXN0ZWRfYnlcIiAgKGNoYW5nZSk9XCJvblRlc3RlZDRDaGFuZ2UoJGV2ZW50KVwiIFtpdGVtc109XCJpdGVtLmRyb3BEb3duSXRlbXNcIlxuICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwidGVzdDRfdGVzdGVkX2J5XCIgcGxhY2Vob2xkZXI9XCItLS1TZWxlY3QtLS1cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDwvbmctc2VsZWN0PlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl95ZXNcIj5cbiAgICAgICAgICAgICAgICA8cCBzdHlsZT1cInRleHQtYWxpZ246bGVmdDsgbWFyZ2luLXRvcDogOXB4O1wiPkRhdGUgJiBUaW1lPC9wPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25vXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0IFsobmdNb2RlbCldPVwidGVzdDFfdGltZVwiIGlkPVwidGVzdDFfdGltZVwiICBmb3JtQ29udHJvbE5hbWU9XCJ0ZXN0MV90aW1lXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiZGF0ZXRpbWUtbG9jYWxcIlxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJERC9NTS9ZWVlZIEhIOk1NXCIgc3R5bGU9XCJ3aWR0aDogNzUlO1xuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAzNXB4O1xuICAgICAgICAgICAgICAgICAgYm9yZGVyOm5vbmU7XG4gICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjY2M7XCI+XG4gICAgICAgICAgICAgIFxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25hXCI+XG4gICAgICAgICAgICAgICA8aW5wdXQgWyhuZ01vZGVsKV09XCJ0ZXN0Ml90aW1lXCIgaWQ9XCJ0ZXN0Ml90aW1lXCIgIHR5cGU9XCJkYXRldGltZS1sb2NhbFwiIGZvcm1Db250cm9sTmFtZT1cInRlc3QyX3RpbWVcIlxuICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJERC9NTS9ZWVlZIEhIOk1NXCIgc3R5bGU9XCJ3aWR0aDogNzUlO1xuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAzNXB4O1xuICAgICAgICAgICAgICAgICAgYm9yZGVyOm5vbmU7XG4gICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjY2M7XCI+XG4gICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl9ub1wiPlxuXG4gICAgICAgICAgICAgICAgPGlucHV0IFsobmdNb2RlbCldPVwidGVzdDNfdGltZVwiIGlkPVwidGVzdDNfdGltZVwiICB0eXBlPVwiZGF0ZXRpbWUtbG9jYWxcIiBmb3JtQ29udHJvbE5hbWU9XCJ0ZXN0M190aW1lXCJcbiAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkREL01NL1lZWVkgSEg6TU1cIiBzdHlsZT1cIndpZHRoOiA3NSU7XG4gICAgICAgICAgICAgICAgICBoZWlnaHQ6IDM1cHg7XG4gICAgICAgICAgICAgICAgICBib3JkZXI6bm9uZTtcbiAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2NjYztcIj5cbiAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25hXCI+XG5cbiAgICAgICAgICAgICAgIDxpbnB1dCBbKG5nTW9kZWwpXT1cInRlc3Q0TWluRGF0ZVwiIGlkPVwidGVzdDRfdGltZVwiICBmb3JtQ29udHJvbE5hbWU9XCJ0ZXN0NF90aW1lXCJcbiAgICAgICAgICAgICAgIHR5cGU9XCJkYXRldGltZS1sb2NhbFwiXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkREL01NL1lZWVkgSEg6TU1cIiBzdHlsZT1cIndpZHRoOiA3NSU7XG4gICAgICAgICAgICAgICAgICBoZWlnaHQ6IDM1cHg7XG4gICAgICAgICAgICAgICAgICBib3JkZXI6bm9uZTtcbiAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2NjYztcIj5cbiAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgPHRyPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX3llc1wiPlxuICAgICAgICAgICAgICAgIDxwIHN0eWxlPVwidGV4dC1hbGlnbjpsZWZ0OyBtYXJnaW4tdG9wOiA5cHg7XCI+QXRtb3NwaGVyaWMgY29uZGl0aW9ucyBhcmUgbWVhc3VyZWQgcGVyaW9kaWNhbGx5PC9wPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25vXCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic3dpdGNoMlwiPlxuICAgICAgICAgICAgICAgICAgPGlucHV0IGlkPVwic3dpdGNoLWlucHV0MzFcIiBjbGFzcz1cInN3aXRjaC1pbnB1dDJcIiAoY2hhbmdlKT1cIm9uVGVzdEFzc2VzbWVudDFDaGFuZ2UoJGV2ZW50LnRhcmdldC5jaGVja2VkKVwiIHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cIkNlcnRpZmllZDNcIiAgLz5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWxhYmVsMlwiIGRhdGEtb249XCJTYWZlXCIgZGF0YS1vZmY9XCJVbnNhZmVcIj48L3NwYW4+IFxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtaGFuZGxlMlwiPjwvc3Bhbj4gXG4gICAgICAgICAgICAgICAgPC9sYWJlbD4gXG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInBlcm1pc3Npb25fbmFcIj5cbiAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJzd2l0Y2gyXCI+XG4gICAgICAgICAgICAgICAgICA8aW5wdXQgaWQ9XCJzd2l0Y2gtaW5wdXQ0XCIgY2xhc3M9XCJzd2l0Y2gtaW5wdXQyXCIgKGNoYW5nZSk9XCJvblRlc3RBc3Nlc21lbnQyQ2hhbmdlKCRldmVudC50YXJnZXQuY2hlY2tlZClcIiB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJDZXJ0aWZpZWQ0XCIgIC8+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1sYWJlbDJcIiBkYXRhLW9uPVwiU2FmZVwiIGRhdGEtb2ZmPVwiVW5zYWZlXCI+PC9zcGFuPiBcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWhhbmRsZTJcIj48L3NwYW4+IFxuICAgICAgICAgICAgICAgIDwvbGFiZWw+IFxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwZXJtaXNzaW9uX25vXCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwic3dpdGNoMlwiPlxuICAgICAgICAgICAgICAgICAgPGlucHV0IGlkPVwic3dpdGNoLWlucHV0NVwiIGNsYXNzPVwic3dpdGNoLWlucHV0MlwiIChjaGFuZ2UpPVwib25UZXN0QXNzZXNtZW50M0NoYW5nZSgkZXZlbnQudGFyZ2V0LmNoZWNrZWQpXCIgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiQ2VydGlmaWVkNVwiICAvPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtbGFiZWwyXCIgZGF0YS1vbj1cIlNhZmVcIiBkYXRhLW9mZj1cIlVuc2FmZVwiPjwvc3Bhbj4gXG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1oYW5kbGUyXCI+PC9zcGFuPiBcbiAgICAgICAgICAgICAgICA8L2xhYmVsPiBcbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicGVybWlzc2lvbl9uYVwiPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInN3aXRjaDJcIj5cbiAgICAgICAgICAgICAgICAgIDxpbnB1dCBpZD1cInN3aXRjaC1pbnB1dDZcIiBjbGFzcz1cInN3aXRjaC1pbnB1dDJcIiAoY2hhbmdlKT1cIm9uVGVzdEFzc2VzbWVudDRDaGFuZ2UoJGV2ZW50LnRhcmdldC5jaGVja2VkKVwiIHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cIkNlcnRpZmllZDZcIiAgLz5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWxhYmVsMlwiIGRhdGEtb249XCJTYWZlXCIgZGF0YS1vZmY9XCJVbnNhZmVcIj48L3NwYW4+IFxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtaGFuZGxlMlwiPjwvc3Bhbj4gXG4gICAgICAgICAgICAgICAgPC9sYWJlbD4gXG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgPHRyIGNsYXNzPVwiZG9jc1wiPlxuICAgICAgICAgICAgICA8dGQ+XG4gICAgICAgICAgICAgICAgPHAgc3R5bGU9XCJ0ZXh0LWFsaWduOmxlZnQ7IG1hcmdpbi10b3A6IDEycHg7XCI+QXR0YWNobWVudDwvcD5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIHN0eWxlPVwid2lkdGg6MTMwcHg7XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0zIGRvY3VtZW50LWNudFwiICpuZ0Zvcj1cImxldCBmaWxlIG9mIHRlc3QxRmlsZTtsZXQgaSA9IGluZGV4O1wiICBzdHlsZT1cIndpZHRoOjEzMHB4OyBtYXJnaW4tbGVmdDogMjVweDsgbWFyZ2luLWJvdHRvbTogMTBweDtcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiAoY2xpY2spPVwidmlld0RvYyhmaWxlPy5kb2MpXCIgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXI7XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0zIGRvY3VtZW50X2ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJnZXREb2NJY29uKGZpbGU/LmRvYylcIiBzdHlsZT1cIm1hcmdpbi1yaWdodDogMTBweDtoZWlnaHQ6IDQwcHg7XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy05IGRvY3VtZW50X25hbWVcIiBzdHlsZT1cIm92ZXJmbG93OmhpZGRlbjtoZWlnaHQ6MzVweDtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge3tmaWxlPy5uYW1lfX1cbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8YnI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCI+XG4gICAgICAgICAgICAgICAgICBVcGxvYWQgRmlsZVxuICAgICAgICAgICAgICAgICAgPGlucHV0IGlkPVwiZmlsZVwiIHN0eWxlPVwiZGlzcGxheTogbm9uZTtcIiB0eXBlPVwiZmlsZVwiIGNsYXNzPVwiZm9ybS1jb250cm9sXCIgKGNoYW5nZSk9XCJUZXN0MUZpbGUoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgIDx0ZCBzdHlsZT1cIndpZHRoOjEzMHB4O1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctMyBkb2N1bWVudC1jbnRcIiAqbmdGb3I9XCJsZXQgZmlsZSBvZiB0ZXN0MkZpbGU7bGV0IGkgPSBpbmRleDtcIiBzdHlsZT1cIndpZHRoOjEzMHB4OyBtYXJnaW4tbGVmdDogMjVweDsgbWFyZ2luLWJvdHRvbTogMTBweDtcIj5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIiAoY2xpY2spPVwidmlld0RvYyhmaWxlPy5kb2MpXCIgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXI7XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0zIGRvY3VtZW50X2ltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJnZXREb2NJY29uKGZpbGU/LmRvYylcIiBzdHlsZT1cIm1hcmdpbi1yaWdodDogMTBweDtoZWlnaHQ6IDQwcHg7XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy05IGRvY3VtZW50X25hbWVcIiBzdHlsZT1cIm92ZXJmbG93OmhpZGRlbjtoZWlnaHQ6MzVweDtcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge3tmaWxlPy5uYW1lfX1cbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxicj5cbiAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIj5cbiAgICAgICAgICAgICAgICAgIFVwbG9hZCBGaWxlXG4gICAgICAgICAgICAgICAgICA8aW5wdXQgaWQ9XCJmaWxlXCIgc3R5bGU9XCJkaXNwbGF5OiBub25lO1wiIHR5cGU9XCJmaWxlXCIgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIiAoY2hhbmdlKT1cIlRlc3QyRmlsZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgPHRkIHN0eWxlPVwid2lkdGg6MTMwcHg7XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0zIGRvY3VtZW50LWNudFwiICpuZ0Zvcj1cImxldCBmaWxlIG9mIHRlc3QzRmlsZTtsZXQgaSA9IGluZGV4O1wiIHN0eWxlPVwid2lkdGg6MTMwcHg7IG1hcmdpbi1sZWZ0OiAyNXB4OyBtYXJnaW4tYm90dG9tOiAxMHB4O1wiPlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiIChjbGljayk9XCJ2aWV3RG9jKGZpbGU/LmRvYylcIiBzdHlsZT1cImN1cnNvcjogcG9pbnRlcjtcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTMgZG9jdW1lbnRfaW1hZ2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImdldERvY0ljb24oZmlsZT8uZG9jKVwiIHN0eWxlPVwibWFyZ2luLXJpZ2h0OiAxMHB4O2hlaWdodDogNDBweDtcIj5cbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTkgZG9jdW1lbnRfbmFtZVwiIHN0eWxlPVwib3ZlcmZsb3c6aGlkZGVuO2hlaWdodDozNXB4O1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7e2ZpbGU/Lm5hbWV9fVxuICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGJyPlxuICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgVXBsb2FkIEZpbGVcbiAgICAgICAgICAgICAgICAgIDxpbnB1dCBpZD1cImZpbGVcIiBzdHlsZT1cImRpc3BsYXk6IG5vbmU7XCIgdHlwZT1cImZpbGVcIiBjbGFzcz1cImZvcm0tY29udHJvbFwiIChjaGFuZ2UpPVwiVGVzdDNGaWxlKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8dGQgc3R5bGU9XCJ3aWR0aDoxMzBweDtcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTMgZG9jdW1lbnQtY250XCIgKm5nRm9yPVwibGV0IGZpbGUgb2YgdGVzdDRGaWxlO2xldCBpID0gaW5kZXg7XCIgc3R5bGU9XCJ3aWR0aDoxMzBweDsgbWFyZ2luLWxlZnQ6IDI1cHg7IG1hcmdpbi1ib3R0b206IDEwcHg7XCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCIgKGNsaWNrKT1cInZpZXdEb2MoZmlsZT8uZG9jKVwiIHN0eWxlPVwiY3Vyc29yOiBwb2ludGVyO1wiPlxuICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctMyBkb2N1bWVudF9pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiZ2V0RG9jSWNvbihmaWxlPy5kb2MpXCIgc3R5bGU9XCJtYXJnaW4tcmlnaHQ6IDEwcHg7aGVpZ2h0OiA0MHB4O1wiPlxuICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctOSBkb2N1bWVudF9uYW1lXCIgc3R5bGU9XCJvdmVyZmxvdzpoaWRkZW47aGVpZ2h0OjM1cHg7XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHt7ZmlsZT8ubmFtZX19XG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8YnI+XG4gICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCI+XG4gICAgICAgICAgICAgICAgICBVcGxvYWQgRmlsZVxuICAgICAgICAgICAgICAgICAgPGlucHV0IGlkPVwiZmlsZVwiIHN0eWxlPVwiZGlzcGxheTogbm9uZTtcIiB0eXBlPVwiZmlsZVwiIGNsYXNzPVwiZm9ybS1jb250cm9sXCIgKGNoYW5nZSk9XCJUZXN0NEZpbGUoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICBcbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgIDwvZGl2PlxuICA8L2Rpdj4gLS0+XG4gIFxuXG5cblxuIl19
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
export class CustomTextAreaComponent {
|
|
6
|
+
value; // input value
|
|
7
|
+
placeholder;
|
|
8
|
+
rows; //The number of visible text lines for the control
|
|
9
|
+
error;
|
|
10
|
+
textareaValueChange = new EventEmitter();
|
|
11
|
+
constructor() { }
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
}
|
|
14
|
+
onTextareaChange(event) {
|
|
15
|
+
this.textareaValueChange.emit(event.target.value);
|
|
16
|
+
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomTextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CustomTextAreaComponent, selector: "app-custom-text-area", inputs: { value: "value", placeholder: "placeholder", rows: "rows", error: "error" }, outputs: { textareaValueChange: "textareaValueChange" }, ngImport: i0, template: "\n<textarea \n [(ngModel)] =\"value\" \n [rows]=\"rows\" \n class=\"she-line-input form-control\" \n [placeholder]=\"placeholder\"\n (input)=\"onTextareaChange($event)\"\n></textarea>\n<span *ngIf=\"error\" class=\"error-msg\">Required*</span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CustomTextAreaComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'app-custom-text-area', template: "\n<textarea \n [(ngModel)] =\"value\" \n [rows]=\"rows\" \n class=\"she-line-input form-control\" \n [placeholder]=\"placeholder\"\n (input)=\"onTextareaChange($event)\"\n></textarea>\n<span *ngIf=\"error\" class=\"error-msg\">Required*</span>" }]
|
|
23
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], placeholder: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], rows: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], error: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], textareaValueChange: [{
|
|
32
|
+
type: Output
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ueHQtYXBwL3NyYy9saWIvY29tcG9uZW50cy9jdXN0b20tdGV4dC1hcmVhL2N1c3RvbS10ZXh0LWFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLXRleHQtYXJlYS9jdXN0b20tdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0UsTUFBTSxPQUFPLHVCQUF1QjtJQUN6QixLQUFLLENBQWMsQ0FBQyxjQUFjO0lBQ2xDLFdBQVcsQ0FBUTtJQUNuQixJQUFJLENBQVEsQ0FBQyxrREFBa0Q7SUFDL0QsS0FBSyxDQUFLO0lBQ1QsbUJBQW1CLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7SUFFakYsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFTO1FBQ3hCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwRCxDQUFDO3dHQWRVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLDJNQ1BwQyxvUUFRc0Q7OzRGRER6Qyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCOzBFQUt2QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLG1CQUFtQjtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWN1c3RvbS10ZXh0LWFyZWEnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLXRleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2N1c3RvbS10ZXh0LWFyZWEuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVRleHRBcmVhQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdmFsdWU6IGFueSB8IGFueVtdOyAvLyBpbnB1dCB2YWx1ZVxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjpzdHJpbmc7XG4gIEBJbnB1dCgpIHJvd3M6TnVtYmVyOyAvL1RoZSBudW1iZXIgb2YgdmlzaWJsZSB0ZXh0IGxpbmVzIGZvciB0aGUgY29udHJvbFxuICBASW5wdXQoKSBlcnJvcjphbnk7XG4gIEBPdXRwdXQoKSB0ZXh0YXJlYVZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpOyBcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgb25UZXh0YXJlYUNoYW5nZShldmVudDphbnkpOiB2b2lkIHtcbiAgICB0aGlzLnRleHRhcmVhVmFsdWVDaGFuZ2UuZW1pdChldmVudC50YXJnZXQudmFsdWUpO1xuICB9XG5cbn1cbiIsIlxuPHRleHRhcmVhIFxuICAgIFsobmdNb2RlbCldID1cInZhbHVlXCIgXG4gICAgW3Jvd3NdPVwicm93c1wiIFxuICAgIGNsYXNzPVwic2hlLWxpbmUtaW5wdXQgZm9ybS1jb250cm9sXCIgXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAoaW5wdXQpPVwib25UZXh0YXJlYUNoYW5nZSgkZXZlbnQpXCJcbj48L3RleHRhcmVhPlxuPHNwYW4gKm5nSWY9XCJlcnJvclwiIGNsYXNzPVwiZXJyb3ItbXNnXCI+UmVxdWlyZWQqPC9zcGFuPiJdfQ==
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/forms";
|
|
5
|
+
import * as i3 from "@ng-select/ng-select";
|
|
6
|
+
export class DropdownWithFlagComponent {
|
|
7
|
+
certified = false;
|
|
8
|
+
// @Input() getValue:string = '';
|
|
9
|
+
JobPerformerCertificates = [];
|
|
10
|
+
flagDropDownChange = new EventEmitter();
|
|
11
|
+
selectedValue = '';
|
|
12
|
+
constructor() { }
|
|
13
|
+
ngOnInit() {
|
|
14
|
+
}
|
|
15
|
+
ngOnChanges() {
|
|
16
|
+
this.selectedValue = null;
|
|
17
|
+
}
|
|
18
|
+
onJobPerformerCertified(event) {
|
|
19
|
+
this.flagDropDownChange.emit(event);
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownWithFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DropdownWithFlagComponent, selector: "app-dropdown-with-flag", inputs: { certified: "certified", JobPerformerCertificates: "JobPerformerCertificates" }, outputs: { flagDropDownChange: "flagDropDownChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"she-title\">\n <label class=\"switch\">\n <input class=\"switch-input\" type=\"checkbox\" disabled=\"true\" [checked]=\"certified\"/>\n <span class=\"switch-label\" data-on=\"Certified\" data-off=\"Not Certified\"></span> \n <span class=\"switch-handle\"></span> \n </label> \n <ng-select *ngIf=\"certified\"\n style=\"margin-left: 36px; width: 205px; margin-bottom: 8px;\" \n [items]=\"JobPerformerCertificates\"\n [(ngModel)]=\"selectedValue\"\n (change)=\"onJobPerformerCertified($event)\"\n placeholder=\"---Select---\">\n </ng-select>\n </div> ", styles: [".she-title{display:flex;flex-direction:row;align-items:center}.switch{position:relative;width:105px;height:23px;margin-left:5px;margin-top:3px;background:linear-gradient(to bottom,#eeeeee,#FFFFFF 25px);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px #0000000d;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:12px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#03a9f4;border-color:#03a9f4;box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:0;left:0;width:19px;height:22px;background:linear-gradient(to bottom,#FFFFFF 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px #0003}.switch-handle:before{content:\"\";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eeeeee,#FFFFFF);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px #00000005}.switch-input:checked~.switch-handle{left:86px;box-shadow:-1px 1px 5px #0003;border:2px solid aquamarine}.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }] });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DropdownWithFlagComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'app-dropdown-with-flag', template: "<div class=\"she-title\">\n <label class=\"switch\">\n <input class=\"switch-input\" type=\"checkbox\" disabled=\"true\" [checked]=\"certified\"/>\n <span class=\"switch-label\" data-on=\"Certified\" data-off=\"Not Certified\"></span> \n <span class=\"switch-handle\"></span> \n </label> \n <ng-select *ngIf=\"certified\"\n style=\"margin-left: 36px; width: 205px; margin-bottom: 8px;\" \n [items]=\"JobPerformerCertificates\"\n [(ngModel)]=\"selectedValue\"\n (change)=\"onJobPerformerCertified($event)\"\n placeholder=\"---Select---\">\n </ng-select>\n </div> ", styles: [".she-title{display:flex;flex-direction:row;align-items:center}.switch{position:relative;width:105px;height:23px;margin-left:5px;margin-top:3px;background:linear-gradient(to bottom,#eeeeee,#FFFFFF 25px);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px #0000000d;cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:12px;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px #0000001f,inset 0 0 2px #00000026}.switch-label:before,.switch-label:after{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#03a9f4;border-color:#03a9f4;box-shadow:inset 0 1px 2px #00000026,inset 0 0 3px #0003}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:0;left:0;width:19px;height:22px;background:linear-gradient(to bottom,#FFFFFF 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFFFFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px #0003}.switch-handle:before{content:\"\";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eeeeee,#FFFFFF);background-image:-webkit-linear-gradient(top,#eeeeee,#FFFFFF);border-radius:6px;box-shadow:inset 0 1px #00000005}.switch-input:checked~.switch-handle{left:86px;box-shadow:-1px 1px 5px #0003;border:2px solid aquamarine}.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}\n"] }]
|
|
27
|
+
}], ctorParameters: function () { return []; }, propDecorators: { certified: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], JobPerformerCertificates: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], flagDropDownChange: [{
|
|
32
|
+
type: Output
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24td2l0aC1mbGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLXdpdGgtZmxhZy9kcm9wZG93bi13aXRoLWZsYWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24td2l0aC1mbGFnL2Ryb3Bkb3duLXdpdGgtZmxhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU8vRSxNQUFNLE9BQU8seUJBQXlCO0lBQzNCLFNBQVMsR0FBVSxLQUFLLENBQUM7SUFDbEMsaUNBQWlDO0lBQ3hCLHdCQUF3QixHQUFVLEVBQUUsQ0FBQztJQUNwQyxrQkFBa0IsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUMxRSxhQUFhLEdBQVUsRUFBRSxDQUFDO0lBRTFCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7SUFFRCx1QkFBdUIsQ0FBQyxLQUFTO1FBQzlCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQzt3R0FqQlUseUJBQXlCOzRGQUF6Qix5QkFBeUIsb09DUHRDLDRtQkFhVzs7NEZETkUseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QjswRUFLekIsU0FBUztzQkFBakIsS0FBSztnQkFFRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZHJvcGRvd24td2l0aC1mbGFnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLXdpdGgtZmxhZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLXdpdGgtZmxhZy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25XaXRoRmxhZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNlcnRpZmllZDpib29sZWFuPSBmYWxzZTtcbiAgLy8gQElucHV0KCkgZ2V0VmFsdWU6c3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIEpvYlBlcmZvcm1lckNlcnRpZmljYXRlczogYW55W10gPSBbXTtcbiAgQE91dHB1dCgpIGZsYWdEcm9wRG93bkNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTsgXG4gIHNlbGVjdGVkVmFsdWU6c3RyaW5nID0gJyc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuICBuZ09uQ2hhbmdlcygpe1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IG51bGw7XG4gIH1cbiAgXG4gIG9uSm9iUGVyZm9ybWVyQ2VydGlmaWVkKGV2ZW50OmFueSl7XG4gICAgIHRoaXMuZmxhZ0Ryb3BEb3duQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzaGUtdGl0bGVcIj5cbiAgICA8bGFiZWwgY2xhc3M9XCJzd2l0Y2hcIj5cbiAgICAgIDxpbnB1dCAgY2xhc3M9XCJzd2l0Y2gtaW5wdXRcIiB0eXBlPVwiY2hlY2tib3hcIiBkaXNhYmxlZD1cInRydWVcIiBbY2hlY2tlZF09XCJjZXJ0aWZpZWRcIi8+XG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1sYWJlbFwiIGRhdGEtb249XCJDZXJ0aWZpZWRcIiBkYXRhLW9mZj1cIk5vdCBDZXJ0aWZpZWRcIj48L3NwYW4+IFxuICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtaGFuZGxlXCI+PC9zcGFuPiBcbiAgICA8L2xhYmVsPiBcbiAgICA8bmctc2VsZWN0ICpuZ0lmPVwiY2VydGlmaWVkXCJcbiAgICAgIHN0eWxlPVwibWFyZ2luLWxlZnQ6IDM2cHg7IHdpZHRoOiAyMDVweDsgbWFyZ2luLWJvdHRvbTogOHB4O1wiIFxuICAgICAgW2l0ZW1zXT1cIkpvYlBlcmZvcm1lckNlcnRpZmljYXRlc1wiXG4gICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkVmFsdWVcIlxuICAgICAgKGNoYW5nZSk9XCJvbkpvYlBlcmZvcm1lckNlcnRpZmllZCgkZXZlbnQpXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwiLS0tU2VsZWN0LS0tXCI+XG4gICAgPC9uZy1zZWxlY3Q+XG4gIDwvZGl2PiAgICJdfQ==
|