@valtimo/task 4.15.3-next-main.16 → 4.17.0

package/fesm2015/valtimo-task.js

@@ -1,13 +1,12 @@
 import { ɵɵdefineInjectable, ɵɵinject, Injectable, EventEmitter, Component, ViewEncapsulation, ViewChild, Output, NgModule, Input } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
-import { ConfigService } from '@valtimo/config';
+import { ConfigService, ROLE_USER, HttpLoaderFactory } from '@valtimo/config';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import { ListModule, PageHeaderModule, WidgetModule, SpinnerModule, SearchableDropdownSelectModule, CamundaFormModule, FormIoModule, ModalModule } from '@valtimo/components';
-import { FormioOptionsImpl, TaskList, ROLE_USER, HttpLoaderFactory } from '@valtimo/contract';
+import { FormioOptionsImpl, ListModule, PageHeaderModule, WidgetModule, SpinnerModule, SearchableDropdownSelectModule, CamundaFormModule, FormIoModule, ModalModule } from '@valtimo/components';
 import { ToastrService, ToastrModule } from 'ngx-toastr';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import { FormLinkService } from '@valtimo/form-link';
@@ -17,559 +16,638 @@ import { take, tap } from 'rxjs/operators';
 import { combineLatest, BehaviorSubject } from 'rxjs';
 import { AuthGuardService } from '@valtimo/security';
 
-/*
- * 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 TaskService {
-    constructor(http, configService) {
-        this.http = http;
-        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
-    }
-    queryTasks(params) {
-        return this.http.get(`${this.valtimoEndpointUri}task`, { observe: 'response', params: params });
-    }
-    getTasks() {
-        return this.http.get(`${this.valtimoEndpointUri}task?filter=all`);
-    }
-    getTask(id) {
-        return this.http.get(this.valtimoEndpointUri + 'task/' + id);
-    }
-    getCandidateUsers(id) {
-        return this.http.get(this.valtimoEndpointUri + 'task/' + id + '/candidate-user');
-    }
-    assignTask(id, assigneeRequest) {
-        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/assign', assigneeRequest);
-    }
-    unassignTask(id) {
-        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/unassign', null);
-    }
-    completeTask(id, variables) {
-        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/complete', {
-            variables: variables,
-            filesToDelete: [],
-        });
-    }
-}
-TaskService.ɵprov = ɵɵdefineInjectable({ factory: function TaskService_Factory() { return new TaskService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: TaskService, providedIn: "root" });
-TaskService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-TaskService.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.
+ */
+
+/*
+ * 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.
+ */
+
+/*
+ * 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 TaskList {
+    constructor() {
+        this.tasks = [];
+        this.fields = [];
+        this.pagination = {
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+            maxPaginationItemSize: 5,
+        };
+        this.page = 0;
+    }
+}
+
+/*
+ *
+ *  * 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.
+ *
+ */
+
+/*
+ * 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 TaskService {
+    constructor(http, configService) {
+        this.http = http;
+        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+    }
+    queryTasks(params) {
+        return this.http.get(`${this.valtimoEndpointUri}task`, { observe: 'response', params: params });
+    }
+    getTasks() {
+        return this.http.get(`${this.valtimoEndpointUri}task?filter=all`);
+    }
+    getTask(id) {
+        return this.http.get(this.valtimoEndpointUri + 'task/' + id);
+    }
+    getCandidateUsers(id) {
+        return this.http.get(this.valtimoEndpointUri + 'task/' + id + '/candidate-user');
+    }
+    assignTask(id, assigneeRequest) {
+        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/assign', assigneeRequest);
+    }
+    unassignTask(id) {
+        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/unassign', null);
+    }
+    completeTask(id, variables) {
+        return this.http.post(this.valtimoEndpointUri + 'task/' + id + '/complete', {
+            variables: variables,
+            filesToDelete: [],
+        });
+    }
+}
+TaskService.ɵprov = ɵɵdefineInjectable({ factory: function TaskService_Factory() { return new TaskService(ɵɵinject(HttpClient), ɵɵinject(ConfigService)); }, token: TaskService, providedIn: "root" });
+TaskService.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
+TaskService.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.
- */
-const moment = momentImported;
-moment.locale(localStorage.getItem('langKey') || '');
-class TaskDetailModalComponent {
-    constructor(toastr, formLinkService, router, logger, route) {
-        this.toastr = toastr;
-        this.formLinkService = formLinkService;
-        this.router = router;
-        this.logger = logger;
-        this.route = route;
-        this.task = null;
-        this.page = null;
-        this.formSubmit = new EventEmitter();
-        this.assignmentOfTaskChanged = new EventEmitter();
-        this.errorMessage = null;
-        this.formioOptions = new FormioOptionsImpl();
-        this.formioOptions.disableAlerts = true;
-    }
-    resetFormDefinition() {
-        // reset formDefinition in order to reload form-io component
-        this.formDefinition = null;
-    }
-    openTaskDetails(task) {
-        this.resetFormDefinition();
-        this.task = task;
-        this.page = {
-            title: task.name,
-            subtitle: `Created ${moment(task.created).fromNow()}`,
-        };
-        this.formLinkService
-            .getPreFilledFormDefinitionByFormLinkId(task.processDefinitionKey, task.businessKey, task.taskDefinitionKey, task.id // taskInstanceId
-        )
-            .subscribe(formDefinition => {
-            this.formAssociation = formDefinition.formAssociation;
-            const className = this.formAssociation.formLink.className.split('.');
-            const linkType = className[className.length - 1];
-            switch (linkType) {
-                case 'BpmnElementFormIdLink':
-                    this.formDefinition = formDefinition;
-                    this.modal.show();
-                    break;
-                case 'BpmnElementUrlLink':
-                    const url = this.router.serializeUrl(this.router.createUrlTree([formDefinition.formAssociation.formLink.url]));
-                    window.open(url, '_blank');
-                    break;
-                case 'BpmnElementAngularStateUrlLink':
-                    this.route.params.pipe(take(1)).subscribe(params => {
-                        const taskId = task === null || task === void 0 ? void 0 : task.id;
-                        const documentId = params === null || params === void 0 ? void 0 : params.documentId;
-                        this.router.navigate([formDefinition.formAssociation.formLink.url], {
-                            state: Object.assign(Object.assign({}, (taskId && { taskId })), (documentId && { documentId })),
-                        });
-                    });
-                    break;
-                default:
-                    this.logger.fatal('Unsupported class name');
-            }
-        }, errors => {
-            var _a;
-            if ((_a = errors === null || errors === void 0 ? void 0 : errors.error) === null || _a === void 0 ? void 0 : _a.detail) {
-                this.errorMessage = errors.error.detail;
-            }
-            this.modal.show();
-        });
-    }
-    gotoFormLinkScreen() {
-        this.modal.hide();
-        this.router.navigate(['form-links']);
-    }
-    onSubmit(submission) {
-        this.formLinkService
-            .onSubmit(this.task.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.task.businessKey, this.task.id)
-            .subscribe((formSubmissionResult) => {
-            this.toastr.success(this.task.name + ' has successfully been completed');
-            this.modal.hide();
-            this.task = null;
-            this.formSubmit.emit();
-        }, errors => {
-            this.form.showErrors(errors);
-        });
-    }
-}
-TaskDetailModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-task-detail-modal',
-                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<valtimo-modal\n  #taskDetailModal\n  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && !errorMessage\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\n    ></div>\n  </div>\n  <div body *ngIf=\"errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!formDefinition\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoFormLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <valtimo-assign-user-to-task\n    *ngIf=\"task && assignmentOfTaskChanged\"\n    [taskId]=\"task.id\"\n    [assigneeEmail]=\"task.assignee\"\n    (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n  ></valtimo-assign-user-to-task>\n</ng-template>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["/*!\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 */#taskDetailModal .formio-component-submit{text-align:right}"]
-            },] }
-];
-TaskDetailModalComponent.ctorParameters = () => [
-    { type: ToastrService },
-    { type: FormLinkService },
-    { type: Router },
-    { type: NGXLogger },
-    { type: ActivatedRoute }
-];
-TaskDetailModalComponent.propDecorators = {
-    form: [{ type: ViewChild, args: ['form',] }],
-    modal: [{ type: ViewChild, args: ['taskDetailModal',] }],
-    formSubmit: [{ type: Output }],
-    assignmentOfTaskChanged: [{ type: Output }]
+/*
+ * 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 moment = momentImported;
+moment.locale(localStorage.getItem('langKey') || '');
+class TaskDetailModalComponent {
+    constructor(toastr, formLinkService, router, logger, route) {
+        this.toastr = toastr;
+        this.formLinkService = formLinkService;
+        this.router = router;
+        this.logger = logger;
+        this.route = route;
+        this.task = null;
+        this.page = null;
+        this.formSubmit = new EventEmitter();
+        this.assignmentOfTaskChanged = new EventEmitter();
+        this.errorMessage = null;
+        this.formioOptions = new FormioOptionsImpl();
+        this.formioOptions.disableAlerts = true;
+    }
+    resetFormDefinition() {
+        // reset formDefinition in order to reload form-io component
+        this.formDefinition = null;
+    }
+    openTaskDetails(task) {
+        this.resetFormDefinition();
+        this.task = task;
+        this.page = {
+            title: task.name,
+            subtitle: `Created ${moment(task.created).fromNow()}`,
+        };
+        this.formLinkService
+            .getPreFilledFormDefinitionByFormLinkId(task.processDefinitionKey, task.businessKey, task.taskDefinitionKey, task.id // taskInstanceId
+        )
+            .subscribe(formDefinition => {
+            this.formAssociation = formDefinition.formAssociation;
+            const className = this.formAssociation.formLink.className.split('.');
+            const linkType = className[className.length - 1];
+            switch (linkType) {
+                case 'BpmnElementFormIdLink':
+                    this.formDefinition = formDefinition;
+                    this.modal.show();
+                    break;
+                case 'BpmnElementUrlLink':
+                    const url = this.router.serializeUrl(this.router.createUrlTree([formDefinition.formAssociation.formLink.url]));
+                    window.open(url, '_blank');
+                    break;
+                case 'BpmnElementAngularStateUrlLink':
+                    this.route.params.pipe(take(1)).subscribe(params => {
+                        const taskId = task === null || task === void 0 ? void 0 : task.id;
+                        const documentId = params === null || params === void 0 ? void 0 : params.documentId;
+                        this.router.navigate([formDefinition.formAssociation.formLink.url], {
+                            state: Object.assign(Object.assign({}, (taskId && { taskId })), (documentId && { documentId })),
+                        });
+                    });
+                    break;
+                default:
+                    this.logger.fatal('Unsupported class name');
+            }
+        }, errors => {
+            var _a;
+            if ((_a = errors === null || errors === void 0 ? void 0 : errors.error) === null || _a === void 0 ? void 0 : _a.detail) {
+                this.errorMessage = errors.error.detail;
+            }
+            this.modal.show();
+        });
+    }
+    gotoFormLinkScreen() {
+        this.modal.hide();
+        this.router.navigate(['form-links']);
+    }
+    onSubmit(submission) {
+        this.formLinkService
+            .onSubmit(this.task.processDefinitionKey, this.formAssociation.formLink.id, submission.data, this.task.businessKey, this.task.id)
+            .subscribe((formSubmissionResult) => {
+            this.toastr.success(this.task.name + ' has successfully been completed');
+            this.modal.hide();
+            this.task = null;
+            this.formSubmit.emit();
+        }, errors => {
+            this.form.showErrors(errors);
+        });
+    }
+}
+TaskDetailModalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-task-detail-modal',
+                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<valtimo-modal\n  #taskDetailModal\n  elementId=\"taskDetailModal\"\n  [title]=\"page?.title\"\n  [subtitle]=\"page?.subtitle\"\n  [templateBelowSubtitle]=\"assignUserToTask\"\n>\n  <div body *ngIf=\"formDefinition\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"!formDefinition && !errorMessage\">\n    <div\n      class=\"bg-warning text-black mb-0 p-3 text-center\"\n      [translate]=\"'formManagement.noFormDefinitionFound'\"\n    ></div>\n  </div>\n  <div body *ngIf=\"errorMessage\">\n    <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n      {{ errorMessage }}\n    </div>\n  </div>\n  <div footer>\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!formDefinition\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoFormLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n</valtimo-modal>\n\n<ng-template #assignUserToTask>\n  <valtimo-assign-user-to-task\n    *ngIf=\"task && assignmentOfTaskChanged\"\n    [taskId]=\"task.id\"\n    [assigneeEmail]=\"task.assignee\"\n    (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n  ></valtimo-assign-user-to-task>\n</ng-template>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["/*!\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 */#taskDetailModal .formio-component-submit{text-align:right}"]
+            },] }
+];
+TaskDetailModalComponent.ctorParameters = () => [
+    { type: ToastrService },
+    { type: FormLinkService },
+    { type: Router },
+    { type: NGXLogger },
+    { type: ActivatedRoute }
+];
+TaskDetailModalComponent.propDecorators = {
+    form: [{ type: ViewChild, args: ['form',] }],
+    modal: [{ type: ViewChild, args: ['taskDetailModal',] }],
+    formSubmit: [{ type: Output }],
+    assignmentOfTaskChanged: [{ type: Output }]
 };
 
-/*
- * 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 moment$1 = momentImported;
-moment$1.locale(localStorage.getItem('langKey') || '');
-class TaskListComponent {
-    constructor(taskService, router, logger, translateService) {
-        this.taskService = taskService;
-        this.router = router;
-        this.logger = logger;
-        this.translateService = translateService;
-        this.tasks = {
-            mine: new TaskList(),
-            open: new TaskList(),
-            all: new TaskList(),
-        };
-        this.currentTaskType = 'mine';
-        this.listTitle = null;
-        this.listDescription = null;
-    }
-    paginationClicked(page, type) {
-        this.tasks[type].page = page - 1;
-        this.getTasks(type);
-    }
-    paginationSet() {
-        this.tasks.mine.pagination.size =
-            this.tasks.all.pagination.size =
-                this.tasks.open.pagination.size =
-                    this.tasks[this.currentTaskType].pagination.size;
-        this.getTasks(this.currentTaskType);
-    }
-    clearPagination(type) {
-        this.tasks[type].page = 0;
-    }
-    tabChange(tab) {
-        this.clearPagination(this.currentTaskType);
-        switch (tab.nextId) {
-            case 'ngb-tab-0':
-                this.getTasks('mine');
-                break;
-            case 'ngb-tab-1':
-                this.getTasks('open');
-                break;
-            case 'ngb-tab-2':
-                this.getTasks('all');
-                break;
-            default:
-                this.logger.fatal('Unreachable case');
-        }
-    }
-    showTask(task) {
-        this.router.navigate(['tasks', task.id]);
-    }
-    getTasks(type) {
-        let params;
-        this.translationSubscription = combineLatest([
-            this.translateService.stream(`task-list.${type}.title`),
-            this.translateService.stream(`task-list.${type}.description`),
-        ]).subscribe(([title, description]) => {
-            this.listTitle = title;
-            this.listDescription = description;
-        });
-        switch (type) {
-            case 'mine':
-                params = {
-                    page: this.tasks.mine.page,
-                    size: this.tasks.mine.pagination.size,
-                    filter: 'mine',
-                };
-                this.currentTaskType = 'mine';
-                break;
-            case 'open':
-                params = {
-                    page: this.tasks.open.page,
-                    size: this.tasks.open.pagination.size,
-                    filter: 'open',
-                };
-                this.currentTaskType = 'open';
-                break;
-            case 'all':
-                params = { page: this.tasks.all.page, size: this.tasks.open.pagination.size, filter: 'all' };
-                this.currentTaskType = 'all';
-                break;
-            default:
-                this.logger.fatal('Unreachable case');
-        }
-        this.taskService.queryTasks(params).subscribe((results) => {
-            this.tasks[type].pagination.collectionSize = results.headers.get('x-total-count');
-            this.tasks[type].tasks = results.body;
-            this.tasks[type].tasks.map((task) => {
-                task.created = moment$1(task.created).format('DD MMM YYYY HH:mm');
-                if (task.due) {
-                    task.due = moment$1(task.due).format('DD MMM YYYY HH:mm');
-                }
-            });
-            this.tasks[type].fields = [
-                {
-                    key: 'created',
-                    label: 'Created on',
-                },
-                {
-                    key: 'name',
-                    label: 'Name',
-                },
-                {
-                    key: 'valtimoAssignee.fullName',
-                    label: 'Assignee',
-                },
-                {
-                    key: 'due',
-                    label: 'Due date',
-                },
-            ];
-        });
-    }
-    rowOpenTaskClick(task) {
-        if (!task.endTime) {
-            this.taskDetail.openTaskDetails(task);
-        }
-        else {
-            return false;
-        }
-    }
-    ngOnDestroy() {
-        this.translationSubscription.unsubscribe();
-    }
-}
-TaskListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-task-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\">\n  <div class=\"container-fluid\">\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"tasks[currentTaskType].tasks\"\n        [fields]=\"tasks[currentTaskType].fields\"\n        [pagination]=\"tasks[currentTaskType].pagination\"\n        [viewMode]=\"true\"\n        (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n        (paginationSet)=\"paginationSet()\"\n        paginationIdentifier=\"taskList\"\n        [isSearchable]=\"true\"\n        [header]=\"true\"\n        (rowClicked)=\"rowOpenTaskClick($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ listTitle }}</h3>\n          <h5 class=\"list-header-description\">{{ listDescription }}</h5>\n        </div>\n        <div tabs>\n          <ngb-tabset [destroyOnHide]=\"false\" (tabChange)=\"tabChange($event)\">\n            <ngb-tab id=\"ngb-tab-0\" [title]=\"'task-list.mine.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-1\" [title]=\"'task-list.open.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-2\" [title]=\"'task-list.all.title' | translate\"> </ngb-tab>\n          </ngb-tabset>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"getTasks(currentTaskType)\"\n      (assignmentOfTaskChanged)=\"getTasks(currentTaskType)\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n",
-                encapsulation: ViewEncapsulation.None,
-                styles: ["/*!\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 */.tab-content{margin:0;padding:0}.nav.nav-tabs{background-color:#f5f5f5}"]
-            },] }
-];
-TaskListComponent.ctorParameters = () => [
-    { type: TaskService },
-    { type: Router },
-    { type: NGXLogger },
-    { type: TranslateService }
-];
-TaskListComponent.propDecorators = {
-    taskDetail: [{ type: ViewChild, args: ['taskDetail',] }]
+/*
+ * 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 moment$1 = momentImported;
+moment$1.locale(localStorage.getItem('langKey') || '');
+class TaskListComponent {
+    constructor(taskService, router, logger, translateService) {
+        this.taskService = taskService;
+        this.router = router;
+        this.logger = logger;
+        this.translateService = translateService;
+        this.tasks = {
+            mine: new TaskList(),
+            open: new TaskList(),
+            all: new TaskList(),
+        };
+        this.currentTaskType = 'mine';
+        this.listTitle = null;
+        this.listDescription = null;
+    }
+    paginationClicked(page, type) {
+        this.tasks[type].page = page - 1;
+        this.getTasks(type);
+    }
+    paginationSet() {
+        this.tasks.mine.pagination.size =
+            this.tasks.all.pagination.size =
+                this.tasks.open.pagination.size =
+                    this.tasks[this.currentTaskType].pagination.size;
+        this.getTasks(this.currentTaskType);
+    }
+    clearPagination(type) {
+        this.tasks[type].page = 0;
+    }
+    tabChange(tab) {
+        this.clearPagination(this.currentTaskType);
+        switch (tab.nextId) {
+            case 'ngb-tab-0':
+                this.getTasks('mine');
+                break;
+            case 'ngb-tab-1':
+                this.getTasks('open');
+                break;
+            case 'ngb-tab-2':
+                this.getTasks('all');
+                break;
+            default:
+                this.logger.fatal('Unreachable case');
+        }
+    }
+    showTask(task) {
+        this.router.navigate(['tasks', task.id]);
+    }
+    getTasks(type) {
+        let params;
+        this.translationSubscription = combineLatest([
+            this.translateService.stream(`task-list.${type}.title`),
+            this.translateService.stream(`task-list.${type}.description`),
+        ]).subscribe(([title, description]) => {
+            this.listTitle = title;
+            this.listDescription = description;
+        });
+        switch (type) {
+            case 'mine':
+                params = {
+                    page: this.tasks.mine.page,
+                    size: this.tasks.mine.pagination.size,
+                    filter: 'mine',
+                };
+                this.currentTaskType = 'mine';
+                break;
+            case 'open':
+                params = {
+                    page: this.tasks.open.page,
+                    size: this.tasks.open.pagination.size,
+                    filter: 'open',
+                };
+                this.currentTaskType = 'open';
+                break;
+            case 'all':
+                params = { page: this.tasks.all.page, size: this.tasks.open.pagination.size, filter: 'all' };
+                this.currentTaskType = 'all';
+                break;
+            default:
+                this.logger.fatal('Unreachable case');
+        }
+        this.taskService.queryTasks(params).subscribe((results) => {
+            this.tasks[type].pagination.collectionSize = results.headers.get('x-total-count');
+            this.tasks[type].tasks = results.body;
+            this.tasks[type].tasks.map((task) => {
+                task.created = moment$1(task.created).format('DD MMM YYYY HH:mm');
+                if (task.due) {
+                    task.due = moment$1(task.due).format('DD MMM YYYY HH:mm');
+                }
+            });
+            this.tasks[type].fields = [
+                {
+                    key: 'created',
+                    label: 'Created on',
+                },
+                {
+                    key: 'name',
+                    label: 'Name',
+                },
+                {
+                    key: 'valtimoAssignee.fullName',
+                    label: 'Assignee',
+                },
+                {
+                    key: 'due',
+                    label: 'Due date',
+                },
+            ];
+        });
+    }
+    rowOpenTaskClick(task) {
+        if (!task.endTime) {
+            this.taskDetail.openTaskDetails(task);
+        }
+        else {
+            return false;
+        }
+    }
+    ngOnDestroy() {
+        this.translationSubscription.unsubscribe();
+    }
+}
+TaskListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-task-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\">\n  <div class=\"container-fluid\">\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"tasks[currentTaskType].tasks\"\n        [fields]=\"tasks[currentTaskType].fields\"\n        [pagination]=\"tasks[currentTaskType].pagination\"\n        [viewMode]=\"true\"\n        (paginationClicked)=\"paginationClicked($event, currentTaskType)\"\n        (paginationSet)=\"paginationSet()\"\n        paginationIdentifier=\"taskList\"\n        [isSearchable]=\"true\"\n        [header]=\"true\"\n        (rowClicked)=\"rowOpenTaskClick($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ listTitle }}</h3>\n          <h5 class=\"list-header-description\">{{ listDescription }}</h5>\n        </div>\n        <div tabs>\n          <ngb-tabset [destroyOnHide]=\"false\" (tabChange)=\"tabChange($event)\">\n            <ngb-tab id=\"ngb-tab-0\" [title]=\"'task-list.mine.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-1\" [title]=\"'task-list.open.title' | translate\"> </ngb-tab>\n            <ngb-tab id=\"ngb-tab-2\" [title]=\"'task-list.all.title' | translate\"> </ngb-tab>\n          </ngb-tabset>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"getTasks(currentTaskType)\"\n      (assignmentOfTaskChanged)=\"getTasks(currentTaskType)\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["/*!\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 */.tab-content{margin:0;padding:0}.nav.nav-tabs{background-color:#f5f5f5}"]
+            },] }
+];
+TaskListComponent.ctorParameters = () => [
+    { type: TaskService },
+    { type: Router },
+    { type: NGXLogger },
+    { type: TranslateService }
+];
+TaskListComponent.propDecorators = {
+    taskDetail: [{ type: ViewChild, args: ['taskDetail',] }]
 };
 
-/*
- * 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: 'Tasks', roles: [ROLE_USER] };
-const routes = [
-    {
-        path: 'tasks',
-        component: TaskListComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ0,
-    },
-];
-class TaskRoutingModule {
-}
-TaskRoutingModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [],
-                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.
+ */
+const ɵ0 = { title: 'Tasks', roles: [ROLE_USER] };
+const routes = [
+    {
+        path: 'tasks',
+        component: TaskListComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ0,
+    },
+];
+class TaskRoutingModule {
+}
+TaskRoutingModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [],
+                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 AssignUserToTaskComponent {
-    constructor(taskService) {
-        this.taskService = taskService;
-        this.assignmentOfTaskChanged = new EventEmitter();
-        this.candidateUsersForTask$ = new BehaviorSubject(undefined);
-        this.disabled$ = new BehaviorSubject(true);
-        this.assignedEmailOnServer$ = new BehaviorSubject(null);
-        this.userEmailToAssign = null;
-        this.assignedUserFullName$ = new BehaviorSubject(null);
-    }
-    ngOnInit() {
-        this.taskService.getCandidateUsers(this.taskId).subscribe(candidateUsers => {
-            this.candidateUsersForTask$.next(candidateUsers);
-            if (this.assigneeEmail) {
-                this.assignedEmailOnServer$.next(this.assigneeEmail);
-                this.userEmailToAssign = this.assigneeEmail;
-                this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, this.assigneeEmail));
-            }
-            this.enable();
-        });
-    }
-    ngOnChanges(changes) {
-        const assigneeEmail = changes.assigneeEmail;
-        if (assigneeEmail) {
-            this.candidateUsersForTask$.pipe(take(1)).subscribe(candidateUsers => {
-                const currentUserEmail = assigneeEmail.currentValue;
-                this.assignedEmailOnServer$.next(currentUserEmail || null);
-                this.userEmailToAssign = currentUserEmail || null;
-                this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, currentUserEmail));
-            });
-        }
-        else {
-            this.clear();
-        }
-    }
-    assignTask(userEmail) {
-        this.disable();
-        combineLatest([
-            this.candidateUsersForTask$,
-            this.taskService.assignTask(this.taskId, { assignee: userEmail }),
-        ])
-            .pipe(take(1), tap(([candidateUsers]) => {
-            this.userEmailToAssign = userEmail;
-            this.assignedEmailOnServer$.next(userEmail);
-            this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, userEmail));
-            this.emitChange();
-            this.enable();
-        }))
-            .subscribe();
-    }
-    unassignTask() {
-        this.disable();
-        this.taskService
-            .unassignTask(this.taskId)
-            .pipe(tap(() => {
-            this.clear();
-            this.emitChange();
-            this.enable();
-        }))
-            .subscribe();
-    }
-    getAssignedUserName(users, userEmail) {
-        if (users && userEmail) {
-            const findUser = users.find(user => user.email === userEmail);
-            return findUser ? findUser.fullName : '';
-        }
-        return '';
-    }
-    mapUsersForDropdown(users) {
-        return (users &&
-            users
-                .map(user => { var _a; return (Object.assign(Object.assign({}, user), { lastName: ((_a = user.lastName) === null || _a === void 0 ? void 0 : _a.split(' ').splice(-1)[0]) || '' })); })
-                .sort((a, b) => a.lastName.localeCompare(b.lastName))
-                .map(user => ({ text: user.fullName, id: user.email })));
-    }
-    clear() {
-        this.assignedEmailOnServer$.next(null);
-        this.userEmailToAssign = null;
-    }
-    emitChange() {
-        this.assignmentOfTaskChanged.emit();
-    }
-    enable() {
-        this.disabled$.next(false);
-    }
-    disable() {
-        this.disabled$.next(true);
-    }
-}
-AssignUserToTaskComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-assign-user-to-task',
-                template: "<ng-container\n  *ngIf=\"{\n    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    emailOnServer: assignedEmailOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <ng-container *ngIf=\"obs.candidateUsers; else loading\">\n          <valtimo-searchable-dropdown-select\n            [style]=\"'underlinedText'\"\n            [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n            [buttonText]=\"'assignTask.header' | translate\"\n            [searchText]=\"'interface.typeToSearch' | translate\"\n            [noResultsText]=\"'interface.noSearchResults' | translate\"\n            [disabled]=\"obs.disabled\"\n            [selectedText]=\"'assignTask.assignedTo' | translate\"\n            [selectedTextValue]=\"assignedUserFullName$ | async\"\n            [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n            [hasSelection]=\"userEmailToAssign === obs.emailOnServer && obs.emailOnServer !== null\"\n            [width]=\"250\"\n            (itemSelected)=\"assignTask($event)\"\n            (clearSelection)=\"unassignTask()\"\n          >\n          </valtimo-searchable-dropdown-select>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n",
-                styles: [".container-fluid{color:#959595}i{font-size:13px}"]
-            },] }
-];
-AssignUserToTaskComponent.ctorParameters = () => [
-    { type: TaskService }
-];
-AssignUserToTaskComponent.propDecorators = {
-    taskId: [{ type: Input }],
-    assigneeEmail: [{ type: Input }],
-    assignmentOfTaskChanged: [{ type: Output }]
+/*
+ * 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 AssignUserToTaskComponent {
+    constructor(taskService) {
+        this.taskService = taskService;
+        this.assignmentOfTaskChanged = new EventEmitter();
+        this.candidateUsersForTask$ = new BehaviorSubject(undefined);
+        this.disabled$ = new BehaviorSubject(true);
+        this.assignedEmailOnServer$ = new BehaviorSubject(null);
+        this.userEmailToAssign = null;
+        this.assignedUserFullName$ = new BehaviorSubject(null);
+    }
+    ngOnInit() {
+        this.taskService.getCandidateUsers(this.taskId).subscribe(candidateUsers => {
+            this.candidateUsersForTask$.next(candidateUsers);
+            if (this.assigneeEmail) {
+                this.assignedEmailOnServer$.next(this.assigneeEmail);
+                this.userEmailToAssign = this.assigneeEmail;
+                this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, this.assigneeEmail));
+            }
+            this.enable();
+        });
+    }
+    ngOnChanges(changes) {
+        const assigneeEmail = changes.assigneeEmail;
+        if (assigneeEmail) {
+            this.candidateUsersForTask$.pipe(take(1)).subscribe(candidateUsers => {
+                const currentUserEmail = assigneeEmail.currentValue;
+                this.assignedEmailOnServer$.next(currentUserEmail || null);
+                this.userEmailToAssign = currentUserEmail || null;
+                this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, currentUserEmail));
+            });
+        }
+        else {
+            this.clear();
+        }
+    }
+    assignTask(userEmail) {
+        this.disable();
+        combineLatest([
+            this.candidateUsersForTask$,
+            this.taskService.assignTask(this.taskId, { assignee: userEmail }),
+        ])
+            .pipe(take(1), tap(([candidateUsers]) => {
+            this.userEmailToAssign = userEmail;
+            this.assignedEmailOnServer$.next(userEmail);
+            this.assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, userEmail));
+            this.emitChange();
+            this.enable();
+        }))
+            .subscribe();
+    }
+    unassignTask() {
+        this.disable();
+        this.taskService
+            .unassignTask(this.taskId)
+            .pipe(tap(() => {
+            this.clear();
+            this.emitChange();
+            this.enable();
+        }))
+            .subscribe();
+    }
+    getAssignedUserName(users, userEmail) {
+        if (users && userEmail) {
+            const findUser = users.find(user => user.email === userEmail);
+            return findUser ? findUser.fullName : '';
+        }
+        return '';
+    }
+    mapUsersForDropdown(users) {
+        return (users &&
+            users
+                .map(user => { var _a; return (Object.assign(Object.assign({}, user), { lastName: ((_a = user.lastName) === null || _a === void 0 ? void 0 : _a.split(' ').splice(-1)[0]) || '' })); })
+                .sort((a, b) => a.lastName.localeCompare(b.lastName))
+                .map(user => ({ text: user.fullName, id: user.email })));
+    }
+    clear() {
+        this.assignedEmailOnServer$.next(null);
+        this.userEmailToAssign = null;
+    }
+    emitChange() {
+        this.assignmentOfTaskChanged.emit();
+    }
+    enable() {
+        this.disabled$.next(false);
+    }
+    disable() {
+        this.disabled$.next(true);
+    }
+}
+AssignUserToTaskComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-assign-user-to-task',
+                template: "<ng-container\n  *ngIf=\"{\n    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    emailOnServer: assignedEmailOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <ng-container *ngIf=\"obs.candidateUsers; else loading\">\n          <valtimo-searchable-dropdown-select\n            [style]=\"'underlinedText'\"\n            [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n            [buttonText]=\"'assignTask.header' | translate\"\n            [searchText]=\"'interface.typeToSearch' | translate\"\n            [noResultsText]=\"'interface.noSearchResults' | translate\"\n            [disabled]=\"obs.disabled\"\n            [selectedText]=\"'assignTask.assignedTo' | translate\"\n            [selectedTextValue]=\"assignedUserFullName$ | async\"\n            [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n            [hasSelection]=\"userEmailToAssign === obs.emailOnServer && obs.emailOnServer !== null\"\n            [width]=\"250\"\n            (itemSelected)=\"assignTask($event)\"\n            (clearSelection)=\"unassignTask()\"\n          >\n          </valtimo-searchable-dropdown-select>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n",
+                styles: [".container-fluid{color:#959595}i{font-size:13px}"]
+            },] }
+];
+AssignUserToTaskComponent.ctorParameters = () => [
+    { type: TaskService }
+];
+AssignUserToTaskComponent.propDecorators = {
+    taskId: [{ type: Input }],
+    assigneeEmail: [{ type: Input }],
+    assignmentOfTaskChanged: [{ type: Output }]
 };
 
-/*
- * 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$1 = HttpLoaderFactory;
-class TaskModule {
-}
-TaskModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
-                imports: [
-                    CommonModule,
-                    TaskRoutingModule,
-                    ListModule,
-                    PageHeaderModule,
-                    WidgetModule,
-                    SpinnerModule,
-                    SearchableDropdownSelectModule,
-                    CamundaFormModule,
-                    BrowserAnimationsModule,
-                    FormsModule,
-                    ToastrModule.forRoot({
-                        positionClass: 'toast-bottom-full-width',
-                        preventDuplicates: true,
-                    }),
-                    TranslateModule.forRoot({
-                        loader: {
-                            provide: TranslateLoader,
-                            useFactory: ɵ0$1,
-                            deps: [HttpClient],
-                        },
-                    }),
-                    NgbModule,
-                    FormIoModule,
-                    ModalModule,
-                ],
-                exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
-            },] }
+/*
+ * 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$1 = HttpLoaderFactory;
+class TaskModule {
+}
+TaskModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                imports: [
+                    CommonModule,
+                    TaskRoutingModule,
+                    ListModule,
+                    PageHeaderModule,
+                    WidgetModule,
+                    SpinnerModule,
+                    SearchableDropdownSelectModule,
+                    CamundaFormModule,
+                    BrowserAnimationsModule,
+                    FormsModule,
+                    ToastrModule.forRoot({
+                        positionClass: 'toast-bottom-full-width',
+                        preventDuplicates: true,
+                    }),
+                    TranslateModule.forRoot({
+                        loader: {
+                            provide: TranslateLoader,
+                            useFactory: ɵ0$1,
+                            deps: [HttpClient],
+                        },
+                    }),
+                    NgbModule,
+                    FormIoModule,
+                    ModalModule,
+                ],
+                exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+            },] }
 ];
 
-/*
- * 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.
+/*
+ * 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.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { TaskDetailModalComponent, TaskListComponent, TaskModule, TaskService, ɵ0$1 as ɵ0, AssignUserToTaskComponent as ɵa, TaskRoutingModule as ɵb };
+export { TaskDetailModalComponent, TaskList, TaskListComponent, TaskModule, TaskService, ɵ0$1 as ɵ0, AssignUserToTaskComponent as ɵa, TaskRoutingModule as ɵb };
 //# sourceMappingURL=valtimo-task.js.map