@valtimo/choice-field 4.15.2-next-main.8

package/fesm2015/valtimo-choice-field.js

@@ -0,0 +1,710 @@
+import { ɵɵdefineInjectable, ɵɵinject, Injectable, Component, NgModule } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { ConfigService } from '@valtimo/config';
+import { CommonModule } from '@angular/common';
+import { FormControl, Validators, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { AlertService, ListModule, WidgetModule, FieldAutoFocusModule, AlertModule } from '@valtimo/components';
+import { Router, ActivatedRoute, RouterModule } from '@angular/router';
+import { AuthGuardService } from '@valtimo/security';
+import { Subscription } from 'rxjs';
+import { first } from 'rxjs/operators';
+import { ROLE_ADMIN } from '@valtimo/contract';
+import { TranslateModule } from '@ngx-translate/core';
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldService {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.valtimoApiConfig = configService.config.valtimoApi;
+    }
+    query(params) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}choice-fields`, { observe: 'response', params: params });
+    }
+    get(id) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}choice-fields/${id}`);
+    }
+    create(choiceField) {
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}choice-fields`, choiceField);
+    }
+    delete(id) {
+        return this.http.delete(`${this.valtimoApiConfig.endpointUri}choice-fields/${id}`);
+    }
+    update(choiceField) {
+        return this.http.put(`${this.valtimoApiConfig.endpointUri}choice-fields`, choiceField);
+    }
+    queryValues(keyName, params) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}choice-field-values/${keyName}/values`, { observe: 'response', params: params });
+    }
+    getValue(choiceFieldId) {
+        return this.http.get(`${this.valtimoApiConfig.endpointUri}choice-field-values/${choiceFieldId}`);
+    }
+    updateValue(choiceFieldValue, choiceFieldName) {
+        return this.http.put(`${this.valtimoApiConfig.endpointUri}choice-field-values`, choiceFieldValue, {
+            params: { choice_field_name: choiceFieldName }
+        });
+    }
+    createValue(choiceFieldValue, choiceFieldName) {
+        return this.http.post(`${this.valtimoApiConfig.endpointUri}choice-field-values`, choiceFieldValue, { params: { choice_field_name: choiceFieldName } });
+    }
+}
+ChoiceFieldService.ɵprov = ɵɵdefineInjectable({ factory: function ChoiceFieldService_Factory() { return new ChoiceFieldService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: ChoiceFieldService, providedIn: "root" });
+ChoiceFieldService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ChoiceFieldService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: ConfigService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldListComponent {
+    constructor(router, service) {
+        this.router = router;
+        this.service = service;
+        this.choiceFields = [];
+        this.pagination = {
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+            maxPaginationItemSize: 5
+        };
+        this.pageParam = 0;
+        this.fields = [{
+                key: 'id',
+                label: 'ID'
+            },
+            {
+                key: 'keyName',
+                label: 'Key'
+            },
+            {
+                key: 'title',
+                label: 'Title'
+            }];
+    }
+    ngOnInit() {
+    }
+    paginationSet() {
+        this.initData();
+    }
+    initData() {
+        this.service.query({ page: this.pageParam, size: this.pagination.size }).subscribe(results => {
+            this.pagination.collectionSize = results.headers.get('x-total-count');
+            this.choiceFields = results.body;
+        });
+    }
+    rowClick(data) {
+        this.router.navigate([`/choice-fields/field/${encodeURI(data.id)}`]);
+    }
+    paginationClicked(page) {
+        this.pageParam = page - 1;
+        this.initData();
+    }
+}
+ChoiceFieldListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-choice-field-list',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button [routerLink]=\"'create'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n          <span>{{ 'Create new Choice field' | translate }}</span>\n        </button>\n      </div>\n    </div>\n      <valtimo-widget>\n        <valtimo-list [items]=\"choiceFields\"\n                      [fields]=\"fields\"\n                      (rowClicked)=\"rowClick($event)\"\n                      [pagination]=\"pagination\"\n                      [viewMode]=\"true\"\n                      [isSearchable]=\"true\"\n                      paginationIdentifier=\"choiceFieldList\"\n                      (paginationClicked)=\"paginationClicked($event)\"\n                      (paginationSet)=\"paginationSet()\"\n                      [header]=\"true\"\n        >\n          <div header>\n            <h3 class=\"list-header-title\">{{ 'Choice fields' | translate }}</h3>\n            <h5 class=\"list-header-description\">{{ 'Overview of all Choice fields' | translate }}</h5>\n          </div>\n        </valtimo-list>\n      </valtimo-widget>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+ChoiceFieldListComponent.ctorParameters = () => [
+    { type: Router },
+    { type: ChoiceFieldService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldDetailComponent {
+    constructor(router, route, formBuilder, service, alertService) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+        this.alertSub = Subscription.EMPTY;
+        const snapshot = this.route.snapshot.paramMap;
+        this.id = snapshot.get('id');
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    ngOnDestroy() {
+        this.alertSub.unsubscribe();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    initData(id) {
+        this.service.get(id).subscribe(result => {
+            this.choiceField = result;
+            this.setValues();
+        });
+    }
+    setValues() {
+        if (this.choiceField) {
+            // set form values
+            this.form.controls.id.setValue(this.choiceField.id);
+            this.form.controls.keyName.setValue(this.choiceField.keyName);
+            this.form.controls.title.setValue(this.choiceField.title);
+        }
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            id: new FormControl('', Validators.required),
+            keyName: new FormControl('', Validators.required),
+            title: new FormControl('', Validators.required)
+        });
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData(this.id);
+    }
+    delete() {
+        if (!this.alertSub.closed) {
+            return;
+        }
+        // confirm delete
+        const mssg = 'Delete choice field?';
+        const confirmations = [
+            {
+                label: 'Cancel',
+                class: 'btn btn-default',
+                value: false
+            },
+            {
+                label: 'Delete',
+                class: 'btn btn-primary',
+                value: true
+            }
+        ];
+        this.alertService.notification(mssg, confirmations);
+        this.alertSub = this.alertService.getAlertConfirmChangeEmitter()
+            .pipe(first())
+            .subscribe(alert => {
+            if (alert.confirm === true) {
+                this.deleteConfirmed();
+            }
+        });
+    }
+    deleteConfirmed() {
+        this.service.delete(this.id).subscribe(() => {
+            this.router.navigate([`/choice-fields`]);
+            this.alertService.success('Choice field has been deleted');
+        });
+    }
+    onSubmit() {
+        this.service.update(this.form.value).subscribe(() => {
+            this.reset();
+            this.alertService.success('Choice field details have been updated');
+        });
+    }
+}
+ChoiceFieldDetailComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-choice-field-detail',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"p-5 bg-white\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"title\">Title</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"title\" formControlName=\"title\" class=\"form-control\" placeholder=\"Choice field title\"\n                         [ngClass]=\"{'is-valid': formControls.title.touched && formControls.title.valid, 'is-invalid': formControls.title.touched && formControls.title.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.title.touched && formControls.title.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.title.errors.required\">Title is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'/choice-fields'\" class=\"btn btn-space btn-default\">Back</a>\n                  <button class=\"btn btn-space btn-danger\" type=\"button\" (click)=\"delete()\">Delete</button>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n\n<div class=\"page-head\">\n  <h2 class=\"page-head-title\">Choice field values</h2>\n</div>\n<valtimo-choice-field-value-list></valtimo-choice-field-value-list>\n",
+                styles: [""]
+            },] }
+];
+ChoiceFieldDetailComponent.ctorParameters = () => [
+    { type: Router },
+    { type: ActivatedRoute },
+    { type: FormBuilder },
+    { type: ChoiceFieldService },
+    { type: AlertService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldCreateComponent {
+    constructor(router, formBuilder, service, alertService) {
+        this.router = router;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            keyName: new FormControl('', Validators.required),
+            title: new FormControl('', Validators.required)
+        });
+    }
+    onSubmit() {
+        this.service.create(this.form.value).subscribe(result => {
+            this.router.navigate([`/choice-fields/field/${result.id}`]);
+            this.alertService.success('New choice field has been created');
+        });
+    }
+    reset() {
+        this.form = this.createFormGroup();
+    }
+}
+ChoiceFieldCreateComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-choice-field-create',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div>\n          <div class=\"p-5 bg-white\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"keyName\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"keyName\" formControlName=\"keyName\" class=\"form-control\" placeholder=\"Choice field key name\"\n                         [ngClass]=\"{'is-valid': formControls.keyName.touched && formControls.keyName.valid, 'is-invalid': formControls.keyName.touched && formControls.keyName.errors}\"\n                         required />\n                  <div *ngIf=\"formControls.keyName.touched && formControls.keyName.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.keyName.errors.required\">Key name is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"title\">Title</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"text\" id=\"title\" formControlName=\"title\" class=\"form-control\" placeholder=\"Choice field title\"\n                         [ngClass]=\"{'is-valid': formControls.title.touched && formControls.title.valid, 'is-invalid': formControls.title.touched && formControls.title.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.title.touched && formControls.title.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.title.errors.required\">Title is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'/choice-fields'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+ChoiceFieldCreateComponent.ctorParameters = () => [
+    { type: Router },
+    { type: FormBuilder },
+    { type: ChoiceFieldService },
+    { type: AlertService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldValueCreateComponent {
+    constructor(router, route, formBuilder, service, alertService) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+        const snapshot = this.route.snapshot.paramMap;
+        this.choiceFieldId = snapshot.get('id');
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            name: new FormControl('', Validators.required),
+            value: new FormControl('', Validators.required),
+            sortOrder: new FormControl('', Validators.required),
+            deprecated: new FormControl('', Validators.required)
+        });
+    }
+    initData(id) {
+        this.service.get(id).subscribe(result => {
+            this.choiceField = result;
+            this.setValues();
+        });
+    }
+    setValues() {
+        if (this.choiceField) {
+            // set form values default false
+            this.form.controls.deprecated.setValue(false);
+        }
+    }
+    onSubmit() {
+        this.service.createValue(this.form.value, this.choiceField.keyName).subscribe(result => {
+            this.router.navigate([`/choice-fields/field/${encodeURI(this.choiceFieldId)}`]);
+            this.alertService.success('New choice field value has been created');
+        });
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData(this.choiceFieldId);
+    }
+}
+ChoiceFieldValueCreateComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-choice-field-value-create',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12\">\n                    <strong>Choice field</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Title</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.title }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"bg-white p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"name\" formControlName=\"name\" class=\"form-control\" placeholder=\"Choice field value key\"\n                         [ngClass]=\"{'is-valid': formControls.name.touched && formControls.name.valid, 'is-invalid': formControls.name.touched && formControls.name.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.name.touched && formControls.name.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.name.errors.required\">Choice field value key is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"value\">Value</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"text\" id=\"value\" formControlName=\"value\" class=\"form-control\" placeholder=\"Choice field value\"\n                         [ngClass]=\"{'is-valid': formControls.value.touched && formControls.value.valid, 'is-invalid': formControls.value.touched && formControls.value.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.value.touched && formControls.value.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.value.errors.required\">Choice field value is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"sortOrder\">Sequence</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"number\" id=\"sortOrder\" formControlName=\"sortOrder\" class=\"form-control\" placeholder=\"Choice field value sequence\"\n                         [ngClass]=\"{'is-valid': formControls.sortOrder.touched && formControls.sortOrder.valid, 'is-invalid': formControls.sortOrder.touched && formControls.sortOrder.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.sortOrder.touched && formControls.sortOrder.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.sortOrder.errors.required\">Choice field value sequence is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"deprecated\">Deprecated</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <div class=\"switch-button switch-button-sm switch-button-success\">\n                    <input type=\"checkbox\" formControlName=\"deprecated\" id=\"deprecated\"><span>\n                        <label for=\"deprecated\"></label></span>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'../'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+ChoiceFieldValueCreateComponent.ctorParameters = () => [
+    { type: Router },
+    { type: ActivatedRoute },
+    { type: FormBuilder },
+    { type: ChoiceFieldService },
+    { type: AlertService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldValueDetailComponent {
+    constructor(router, route, formBuilder, service, alertService) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.alertService = alertService;
+        const snapshot = this.route.snapshot.paramMap;
+        this.choiceFieldValueId = snapshot.get('valueId');
+    }
+    ngOnInit() {
+        this.reset();
+    }
+    get formControls() {
+        return this.form.controls;
+    }
+    initData(choiceFieldValueId) {
+        this.service.getValue(choiceFieldValueId).subscribe(result => {
+            this.choiceField = result.choiceField;
+            this.choiceFieldValue = result;
+            this.setValues();
+        });
+    }
+    createFormGroup() {
+        return this.formBuilder.group({
+            id: new FormControl('', Validators.required),
+            name: new FormControl('', Validators.required),
+            value: new FormControl('', Validators.required),
+            sortOrder: new FormControl('', Validators.required),
+            deprecated: new FormControl('', Validators.required)
+        });
+    }
+    setValues() {
+        if (this.choiceField) {
+            // set form values
+            this.form.controls.id.setValue(this.choiceFieldValue.id);
+            this.form.controls.name.setValue(this.choiceFieldValue.name);
+            this.form.controls.value.setValue(this.choiceFieldValue.value);
+            this.form.controls.sortOrder.setValue(this.choiceFieldValue.sortOrder);
+            this.form.controls.deprecated.setValue(this.choiceFieldValue.deprecated);
+        }
+    }
+    reset() {
+        this.form = this.createFormGroup();
+        this.initData(this.choiceFieldValueId);
+    }
+    onSubmit() {
+        this.service.updateValue(this.form.value, this.choiceField.keyName).subscribe(() => {
+            this.reset();
+            this.alertService.success('Choice field value details have been updated');
+        });
+    }
+}
+ChoiceFieldValueDetailComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-choice-field-value-detail',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget *ngIf=\"choiceField\">\n        <div>\n          <div class=\"card-body bg-light\">\n            <div class=\"row py-5\">\n              <div class=\"col-12\">\n                <div class=\"row mb-3\">\n                  <div class=\"col-12\">\n                    <strong>Choice field</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.id }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Key</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.keyName }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>Title</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceField.title }}</div>\n                </div>\n                <div class=\"row mb-3\">\n                  <div class=\"col-12 pt-3\">\n                    <strong>Choice field value</strong>\n                    <hr />\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-12 col-sm-3 text-sm-right\"><strong>ID</strong></div>\n                  <div class=\"col-12 col-sm-8 col-lg-6\">{{ choiceFieldValue.id }}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"bg-white p-5\">\n            <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"name\">Key</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input valtimoFieldAutoFocus type=\"text\" id=\"name\" formControlName=\"name\" class=\"form-control\" placeholder=\"Choice field value key\"\n                         [ngClass]=\"{'is-valid': formControls.name.touched && formControls.name.valid, 'is-invalid': formControls.name.touched && formControls.name.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.name.touched && formControls.name.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.name.errors.required\">Choice field value key is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"value\">Value</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"text\" id=\"value\" formControlName=\"value\" class=\"form-control\" placeholder=\"Choice field value\"\n                         [ngClass]=\"{'is-valid': formControls.value.touched && formControls.value.valid, 'is-invalid': formControls.value.touched && formControls.value.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.value.touched && formControls.value.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.value.errors.required\">Choice field value is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"sortOrder\">Sequence</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <input type=\"number\" id=\"sortOrder\" formControlName=\"sortOrder\" class=\"form-control\" placeholder=\"Choice field value sequence\"\n                         [ngClass]=\"{'is-valid': formControls.sortOrder.touched && formControls.sortOrder.valid, 'is-invalid': formControls.sortOrder.touched && formControls.sortOrder.errors}\"\n                         required/>\n                  <div *ngIf=\"formControls.sortOrder.touched && formControls.sortOrder.errors\" class=\"invalid-feedback\">\n                    <div *ngIf=\"formControls.sortOrder.errors.required\">Choice field value sequence is required</div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"form-group row\">\n                <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"deprecated\">Deprecated</label>\n                <div class=\"col-12 col-sm-8 col-lg-6\">\n                  <div class=\"switch-button switch-button-sm switch-button-success\">\n                    <input type=\"checkbox\" formControlName=\"deprecated\" id=\"deprecated\"><span>\n                        <label for=\"deprecated\"></label></span>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"row pt-3 mt-1\">\n                <div class=\"col-12 col-sm-6 text-left\">\n                  <a [routerLink]=\"'../../'\" class=\"btn btn-space btn-default\">Back</a>\n                </div>\n                <div class=\"col-12 col-sm-6 text-right\">\n                  <button class=\"btn btn-space btn-secondary\" type=\"button\" (click)=\"reset()\">Reset</button>\n                  <button class=\"btn btn-space btn-primary\" type=\"submit\" [disabled]=\"form.invalid\">Submit</button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </valtimo-widget>\n    </div>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+ChoiceFieldValueDetailComponent.ctorParameters = () => [
+    { type: Router },
+    { type: ActivatedRoute },
+    { type: FormBuilder },
+    { type: ChoiceFieldService },
+    { type: AlertService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ɵ0 = {
+    title: 'Choice fields',
+    roles: [ROLE_ADMIN]
+}, ɵ1 = {
+    title: 'Choice field details',
+    roles: [ROLE_ADMIN]
+}, ɵ2 = {
+    title: 'Create new Choice field',
+    roles: [ROLE_ADMIN]
+}, ɵ3 = {
+    title: 'Create new Choice field value',
+    roles: [ROLE_ADMIN]
+}, ɵ4 = {
+    title: 'Choice field value details',
+    roles: [ROLE_ADMIN]
+};
+const routes = [
+    {
+        path: 'choice-fields',
+        data: ɵ0,
+        component: ChoiceFieldListComponent,
+        canActivate: [AuthGuardService]
+    },
+    {
+        path: 'choice-fields/field/:id',
+        data: ɵ1,
+        component: ChoiceFieldDetailComponent,
+        canActivate: [AuthGuardService]
+    },
+    {
+        path: 'choice-fields/create',
+        data: ɵ2,
+        component: ChoiceFieldCreateComponent,
+        canActivate: [AuthGuardService]
+    },
+    {
+        path: 'choice-fields/field/:id/create-value',
+        data: ɵ3,
+        component: ChoiceFieldValueCreateComponent,
+        canActivate: [AuthGuardService]
+    },
+    {
+        path: 'choice-fields/field/:id/value/:valueId',
+        data: ɵ4,
+        component: ChoiceFieldValueDetailComponent,
+        canActivate: [AuthGuardService]
+    }
+];
+class ChoiceFieldRoutingModule {
+}
+ChoiceFieldRoutingModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    RouterModule.forChild(routes),
+                ],
+                exports: [RouterModule]
+            },] }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldValueListComponent {
+    constructor(router, route, formBuilder, service) {
+        this.router = router;
+        this.route = route;
+        this.formBuilder = formBuilder;
+        this.service = service;
+        this.choiceFieldValues = [];
+        this.pagination = {
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+            maxPaginationItemSize: 5
+        };
+        this.pageParam = 0;
+        this.fields = [{
+                key: 'id',
+                label: 'ID'
+            },
+            {
+                key: 'value',
+                label: 'Key'
+            },
+            {
+                key: 'name',
+                label: 'Title'
+            },
+            {
+                key: 'deprecatedDisplayString',
+                label: 'Deprecated'
+            },
+            {
+                key: 'sortOrder',
+                label: 'Sequence'
+            }];
+        const snapshot = this.route.snapshot.paramMap;
+        this.id = snapshot.get('id');
+    }
+    ngOnInit() {
+        this.paginationSet();
+    }
+    paginationSet() {
+        this.initData(this.id);
+    }
+    initData(id) {
+        this.service.get(id).subscribe(result => {
+            this.choiceField = result;
+            this.service.queryValues(this.choiceField.keyName, { page: this.pageParam, size: this.pagination.size }).subscribe(values => {
+                this.pagination.collectionSize = values.headers.get('x-total-count');
+                this.choiceFieldValues = values.body;
+                this.choiceFieldValues.forEach(choiceFieldValue => {
+                    choiceFieldValue.deprecatedDisplayString = choiceFieldValue.deprecated ? 'Yes' : 'No';
+                });
+            });
+        });
+    }
+    rowClick(data) {
+        this.router.navigate([`/choice-fields/field/${data.choiceField.id}/value/${data.id}`]);
+    }
+    paginationClicked(page) {
+        this.pageParam = page - 1;
+        this.initData(this.id);
+    }
+}
+ChoiceFieldValueListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-choice-field-value-list',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"text-right\">\n      <div class=\"btn-group mt-m3px mb-3\">\n        <button [routerLink]=\"'create-value'\" class=\"btn btn-primary btn-space mr-0\">\n          <i class=\"icon mdi mdi-plus\"></i> &nbsp;\n          <span>{{ 'Create new Choice field value' | translate }}</span>\n        </button>\n      </div>\n    </div>\n    <valtimo-widget>\n      <valtimo-list [items]=\"choiceFieldValues\"\n                    [fields]=\"fields\"\n                    [viewMode]=\"true\"\n                    [isSearchable]=\"true\"\n                    (rowClicked)=\"rowClick($event)\"\n                    [pagination]=\"pagination\"\n                    paginationIdentifier=\"choiceFieldValueList\"\n                    (paginationClicked)=\"paginationClicked($event)\"\n                    [header]=\"true\">\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Choice field values' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'Overview of all Choice field values' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n",
+                styles: [""]
+            },] }
+];
+ChoiceFieldValueListComponent.ctorParameters = () => [
+    { type: Router },
+    { type: ActivatedRoute },
+    { type: FormBuilder },
+    { type: ChoiceFieldService }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ChoiceFieldModule {
+}
+ChoiceFieldModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ChoiceFieldListComponent,
+                    ChoiceFieldDetailComponent,
+                    ChoiceFieldCreateComponent,
+                    ChoiceFieldValueListComponent,
+                    ChoiceFieldValueCreateComponent,
+                    ChoiceFieldValueDetailComponent
+                ],
+                imports: [
+                    CommonModule,
+                    ListModule,
+                    WidgetModule,
+                    FieldAutoFocusModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    ChoiceFieldRoutingModule,
+                    AlertModule,
+                    TranslateModule
+                ],
+                exports: []
+            },] }
+];
+
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChoiceFieldModule, ChoiceFieldService, ChoiceFieldListComponent as ɵa, ChoiceFieldDetailComponent as ɵb, ChoiceFieldCreateComponent as ɵc, ChoiceFieldValueListComponent as ɵd, ChoiceFieldValueCreateComponent as ɵe, ChoiceFieldValueDetailComponent as ɵf, ChoiceFieldRoutingModule as ɵg };
+//# sourceMappingURL=valtimo-choice-field.js.map