{"version":3,"sources":["webpack:///./src/views/Project/Project.vue?24dc","webpack:///src/views/Project/Project.vue","webpack:///./src/views/Project/Project.vue?78c5","webpack:///./src/views/Project/Project.vue?3e20","webpack:///./src/views/Project/Project.vue?e1c2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","project","denied","_v","_s","$t","denial_reason","_e","status","name","project_leader","completed_percent","offer_id","staticStyle","description","on","downloadHandoverPrintout","currentPage","paginationPageSize","tasks","length","$event","gridApi","paginationSetPageSize","updateSearchQuery","model","value","callback","$$v","searchQuery","expression","resizeColumns","ref","gridOptions","columnDefs","defaultColDef","totalPages","maxPageNumbers","taskDescriptionPromptOpen","taskDescription","staticRenderFns","component"],"mappings":"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","file":"js/chunk-0c184c56.1c218948.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(this.project)?_c('vs-alert',{staticClass:\"mb-3\",attrs:{\"active\":this.project.denied,\"icon-pack\":\"feather\",\"icon\":\"icon-alert-circle\",\"color\":\"danger\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"DeniedReason\"))+\" \"+_vm._s(this.project.denial_reason)+\"\\n    \")]):_vm._e(),(_vm.project)?_c('vs-alert',{staticClass:\"mb-3\",attrs:{\"active\":_vm.project.status > 2,\"color\":\"success\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"ProjectFinished\"))+\"! \")]):_vm._e(),(_vm.project)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full xl:w-1/3 lg:w-1/2 md:w-1/2\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":_vm.$t('Data'),\"id\":\"page-user-view\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(_vm.$t(\"Name\")))]),_c('td',[_vm._v(_vm._s(_vm.project.name))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(_vm.$t(\"ProjectLeader\")))]),_c('td',[_vm._v(_vm._s(_vm.project.project_leader))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(_vm.$t(\"CompletedPercent\")))]),_c('td',[_vm._v(_vm._s(_vm.project.completed_percent)+\"%\")])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(_vm.$t(\"OfferId\")))]),_c('td',[_vm._v(_vm._s(_vm.project.offer_id))])])]),_c('h6',{staticClass:\"mt-6\"},[_vm._v(_vm._s(_vm.$t(\"Description\")))]),_c('p',{staticClass:\"mt-3\",staticStyle:{\"white-space\":\"pre-wrap\"}},[_vm._v(_vm._s(_vm.project.description))]),_c('vs-alert',{staticClass:\"mt-2\",attrs:{\"active\":_vm.project.status === 1,\"color\":\"warning\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"ProjectWaitingForUserConfirm\"))+\"! \")]),_c('vs-alert',{staticClass:\"mt-2\",attrs:{\"active\":_vm.project.status === 2,\"color\":\"warning\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"ProjectWaitingForClientConfirm\"))+\"! \")]),(_vm.project.status === 3 || _vm.project.status === 5)?_c('vs-button',{staticClass:\"mt-3 mr-3\",staticStyle:{\"float\":\"left\"},attrs:{\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-download\",\"type\":\"border\"},on:{\"click\":_vm.downloadHandoverPrintout}},[_vm._v(_vm._s(_vm.$t(\"DownloadHandoverPrintout\")))]):_vm._e(),_c('div',{staticStyle:{\"clear\":\"both\"}})],1)],1)]):_vm._e(),_c('div',{attrs:{\"id\":\"ag-grid-demo\"}},[_c('vx-card',{attrs:{\"title\":_vm.$t('Tasks')}},[_c('div',{staticClass:\"flex flex-wrap justify-between items-center\"},[_c('div',{staticClass:\"mb-4 md:mb-0 mr-4 ag-grid-table-actions-left\"},[_c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.paginationPageSize - (_vm.paginationPageSize - 1))+\" - \"+_vm._s(_vm.tasks.length - _vm.currentPage * _vm.paginationPageSize > 0 ? _vm.currentPage * _vm.paginationPageSize : _vm.tasks.length)+\" of \"+_vm._s(_vm.tasks.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(20)}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(50)}}},[_c('span',[_vm._v(\"50\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(100)}}},[_c('span',[_vm._v(\"100\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(150)}}},[_c('span',[_vm._v(\"150\")])])],1)],1)],1),_c('div',{staticClass:\"flex flex-wrap items-center justify-between ag-grid-table-actions-right\"},[_c('vs-input',{staticClass:\"mb-4 md:mb-0 mr-4\",attrs:{\"placeholder\":\"Search...\"},on:{\"input\":_vm.updateSearchQuery},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"type\":\"border\",\"color\":\"success\",\"icon-pack\":\"feather\",\"icon\":\"icon-maximize-2\"},on:{\"click\":_vm.resizeColumns}})],1)]),_c('ag-grid-vue',{ref:\"agGridTable\",staticClass:\"ag-theme-material w-100 my-4 ag-grid-table\",attrs:{\"gridOptions\":_vm.gridOptions,\"columnDefs\":_vm.columnDefs,\"defaultColDef\":_vm.defaultColDef,\"rowData\":_vm.tasks,\"rowSelection\":\"multiple\",\"colResizeDefault\":\"shift\",\"domLayout\":\"autoHeight\",\"animateRows\":true,\"floatingFilter\":true,\"pagination\":true,\"paginationPageSize\":_vm.paginationPageSize,\"suppressPaginationPanel\":true}}),_c('vs-pagination',{attrs:{\"total\":_vm.totalPages,\"max\":_vm.maxPageNumbers},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1),_c('vs-popup',{attrs:{\"title\":_vm.$t('Description'),\"active\":_vm.taskDescriptionPromptOpen},on:{\"update:active\":function($event){_vm.taskDescriptionPromptOpen=$event}}},[_c('p',[_vm._v(_vm._s(_vm.taskDescription))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <vs-alert v-if=\"this.project\" :active=\"this.project.denied\" class=\"mb-3\" icon-pack=\"feather\" icon=\"icon-alert-circle\" color=\"danger\">\n            {{$t(\"DeniedReason\")}} {{this.project.denial_reason}}\n        </vs-alert>\n\n        <vs-alert v-if=\"project\" :active=\"project.status > 2\" class=\"mb-3\" color=\"success\"> {{$t(\"ProjectFinished\")}}! </vs-alert>\n\n        <div class=\"vx-row\" v-if=\"project\">\n            <div class=\"vx-col w-full xl:w-1/3 lg:w-1/2 md:w-1/2\" >\n                <vx-card :title=\"$t('Data')\" class=\"mb-base\" id=\"page-user-view\">\n\n                    <table>\n                        <tr>\n                            <td class=\"font-semibold\">{{$t(\"Name\")}}</td>\n                            <td>{{ project.name }}</td>\n                        </tr>\n                        <tr>\n                            <td class=\"font-semibold\">{{$t(\"ProjectLeader\")}}</td>\n                            <td>{{ project.project_leader }}</td>\n                        </tr>\n                        <tr>\n                            <td class=\"font-semibold\">{{$t(\"CompletedPercent\")}}</td>\n                            <td>{{ project.completed_percent }}%</td>\n                        </tr>\n                        <tr>\n                            <td class=\"font-semibold\">{{$t(\"OfferId\")}}</td>\n                            <td>{{ project.offer_id }}</td>\n                        </tr>\n                    </table>\n                    <h6 class=\"mt-6\">{{$t(\"Description\")}}</h6>\n                    <p style=\"white-space: pre-wrap\" class=\"mt-3\">{{ project.description }}</p>\n\n                    <vs-alert :active=\"project.status === 1\" class=\"mt-2\" color=\"warning\"> {{$t(\"ProjectWaitingForUserConfirm\")}}! </vs-alert>\n                    <vs-alert :active=\"project.status === 2\" class=\"mt-2\" color=\"warning\"> {{$t(\"ProjectWaitingForClientConfirm\")}}! </vs-alert>\n\n                    <vs-button v-if=\"project.status === 3 || project.status === 5\" class=\"mt-3 mr-3\" style=\"float:left;\" color=\"success\" icon-pack=\"feather\" icon=\"icon-download\" type=\"border\" @click=\"downloadHandoverPrintout\" >{{$t(\"DownloadHandoverPrintout\")}}</vs-button>\n                    <div style=\"clear: both\"/>\n\n                </vx-card>\n            </div>\n        </div>\n\n        <div id=\"ag-grid-demo\">\n            <vx-card :title=\"$t('Tasks')\">\n\n                <!-- TABLE ACTION ROW -->\n                <div class=\"flex flex-wrap justify-between items-center\">\n\n                    <!-- ITEMS PER PAGE -->\n                    <div class=\"mb-4 md:mb-0 mr-4 ag-grid-table-actions-left\">\n\n                        <vs-dropdown vs-trigger-click class=\"cursor-pointer\">\n                            <div class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\n                                <span class=\"mr-2\">{{ currentPage * paginationPageSize - (paginationPageSize - 1) }} - {{ tasks.length - currentPage * paginationPageSize > 0 ? currentPage * paginationPageSize : tasks.length }} of {{ tasks.length }}</span>\n                                <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\n                            </div>\n\n                            <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\n                            <vs-dropdown-menu>\n\n                                <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(20)\">\n                                    <span>20</span>\n                                </vs-dropdown-item>\n                                <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(50)\">\n                                    <span>50</span>\n                                </vs-dropdown-item>\n                                <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(100)\">\n                                    <span>100</span>\n                                </vs-dropdown-item>\n                                <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(150)\">\n                                    <span>150</span>\n                                </vs-dropdown-item>\n                            </vs-dropdown-menu>\n                        </vs-dropdown>\n\n                    </div>\n\n\n                    <!-- TABLE ACTION COL-2: SEARCH & EXPORT AS CSV -->\n                    <div class=\"flex flex-wrap items-center justify-between ag-grid-table-actions-right\">\n                        <vs-input class=\"mb-4 md:mb-0 mr-4\" v-model=\"searchQuery\" @input=\"updateSearchQuery\" placeholder=\"Search...\" />\n                        <vs-button class=\"ml-3\" type=\"border\" color=\"success\" @click=\"resizeColumns\" icon-pack=\"feather\" icon=\"icon-maximize-2\"/>\n                    </div>\n                </div>\n\n                <ag-grid-vue\n                        ref=\"agGridTable\"\n                        :gridOptions=\"gridOptions\"\n                        class=\"ag-theme-material w-100 my-4 ag-grid-table\"\n                        :columnDefs=\"columnDefs\"\n                        :defaultColDef=\"defaultColDef\"\n                        :rowData=\"tasks\"\n                        rowSelection=\"multiple\"\n                        colResizeDefault=\"shift\"\n                        domLayout=\"autoHeight\"\n                        :animateRows=\"true\"\n                        :floatingFilter=\"true\"\n                        :pagination=\"true\"\n                        :paginationPageSize=\"paginationPageSize\"\n                        :suppressPaginationPanel=\"true\">\n                </ag-grid-vue>\n                <vs-pagination\n                        :total=\"totalPages\"\n                        :max=\"maxPageNumbers\"\n                        v-model=\"currentPage\" />\n\n            </vx-card>\n\n            <vs-popup :title=\"$t('Description')\" :active.sync=\"taskDescriptionPromptOpen\">\n                <p>{{taskDescription}}</p>\n            </vs-popup>\n\n        </div>\n    </div>\n</template>\n<script>\n\n    import { AgGridVue } from \"ag-grid-vue\"\n    import StatusRenderer from \"../Task/StatusRenderer\";\n\n    import '@/assets/scss/vuexy/extraComponents/agGridStyleOverride.scss'\n    import TimeRenderer from \"../Task/TimeRenderer\";\n\n    export default {\n        components: {\n            AgGridVue,\n            StatusRenderer,\n            TimeRenderer,\n        },\n        data() {\n            return {\n                project: undefined,\n\n                taskDescription: '',\n                taskDescriptionPromptOpen: false,\n\n                selectedTaskId: 0,\n                searchQuery: '',\n                gridOptions: {\n                    suppressRowClickSelection: true,\n                    onCellClicked: (e) => {\n                        if (e.column.colId === 'title') {\n                            this.taskDescription = e.node.data.description;\n                            this.taskDescriptionPromptOpen = true;\n                        }\n                    },\n                },\n                maxPageNumbers: 7,\n                gridApi: null,\n                gridColumnApi: null,\n                defaultColDef: {\n                    sortable: true,\n                    editable: false,\n                    resizable: true,\n                    suppressMenu: true\n                },\n                columnDefs: [\n                    {\n                        headerName: \"ID\",\n                        field: 'company_task_id',\n                        filter: true,\n                        width: 50\n                    },\n                    {\n                        headerName: this.$t(\"TaskTitle\"),\n                        field: 'title',\n                        filter: true,\n                    },\n                    {\n                        headerName: this.$t(\"BranchOffice\"),\n                        field: 'branch_office',\n                        filter: true,\n                    },\n                    {\n                        headerName: this.$t(\"Status\"),\n                        field: 'status',\n                        filter: true,\n                        valueGetter: this.statusValueGetter,\n                        cellRendererFramework: StatusRenderer,\n                    },\n                    {\n                        headerName: this.$t(\"AssignedUser\"),\n                        field: 'company_user',\n                        filter: true,\n                    },\n                    {\n                        headerName: this.$t(\"Added\"),\n                        field: 'added_time',\n                        filter: true,\n                        width: 150,\n                        cellRendererFramework: TimeRenderer,\n                    },\n                    {\n                        headerName: this.$t(\"Deadline\"),\n                        field: 'deadline',\n                        filter: true,\n                        width: 150,\n                        cellRendererFramework: TimeRenderer,\n                    },\n                    {\n                        headerName: this.$t(\"Contact\"),\n                        field: 'client_company_contact',\n                        filter: true,\n                    },\n                ],\n                tasks: []\n            }\n        },\n        methods: {\n            resizeColumns(){\n                this.gridColumnApi.autoSizeColumns(['company_task_id', 'title', 'branch_office', 'status', 'company_user', 'added_time', 'deadline', 'client_company_contact']);\n                if(this.columnsWidth < this.tableWidth){\n                    this.gridApi.sizeColumnsToFit()\n                }\n            },\n            updateSearchQuery(val) {\n                this.gridApi.setQuickFilter(val)\n            },\n            updateProject() {\n                const thisIns = this;\n                this.$http.get('/api/v1/project/' + this.$route.params.id)\n                    .then(function (response) {\n                        thisIns.project = response.data;\n                        thisIns.$nextTick(() => {\n                            thisIns.resizeColumns();\n                        });\n                    })\n                    .catch(function (error) {\n                        thisIns.$vs.notify({\n                            title:'Error',\n                            text: error,\n                            color:'danger',\n                            iconPack: 'feather',\n                            icon:'icon-alert-circle'})\n                    });\n\n            },\n            updateTasks() {\n                const thisIns = this;\n                this.$http.get('/api/v1/project/' + this.$route.params.id + \"/tasks\")\n                    .then(function (response) {\n                        thisIns.tasks = response.data\n                    })\n                    .catch(function (error) {\n                        thisIns.$vs.notify({\n                            title:'Error',\n                            text: error,\n                            color:'danger',\n                            iconPack: 'feather',\n                            icon:'icon-alert-circle'})\n                    });\n            },\n            statusValueGetter(param) {\n                switch (param.data.status) {\n                    case 0:\n                        return this.$t(\"Unassigned\");\n                    case 1:\n                        return this.$t(\"Open\");\n                    case 2:\n                        return this.$t(\"InProgress\");\n                    case 3:\n                        return this.$t(\"Waiting\");\n                    case 4:\n                        return this.$t(\"SentForConfirmation\");\n                    case 5:\n                        return this.$t(\"Confirmed\");\n                    case 6:\n                        return this.$t(\"Invoiced\");\n                    default:\n                        return \"\"\n\n                }\n            }\n        },\n        computed: {\n            columnsWidth() {\n                let total = 0;\n                let state = this.gridColumnApi.getColumnState();\n                for(let x = 0; x < state.length; x++){\n                    total += state[x].width\n                }\n                return total;\n            },\n            tableWidth() {\n                return this.gridApi.gridPanel.eBodyViewport.clientWidth;\n            },\n            paginationPageSize() {\n                if(this.gridApi) return this.gridApi.paginationGetPageSize()\n                else return 50\n            },\n            totalPages() {\n                if(this.gridApi) return this.gridApi.paginationGetTotalPages()\n                else return 0\n            },\n            currentPage: {\n                get() {\n                    if(this.gridApi) return this.gridApi.paginationGetCurrentPage() + 1\n                    else return 1\n                },\n                set(val) {\n                    this.gridApi.paginationGoToPage(val - 1)\n                }\n            }\n        },\n        mounted() {\n            this.gridApi = this.gridOptions.api;\n            this.gridColumnApi = this.gridOptions.columnApi;\n            this.updateTasks();\n        },\n        created() {\n            this.updateProject();\n        }\n    }\n</script>\n<style lang=\"scss\">\n    #page-user-view {\n        table {\n            td {\n                vertical-align: top;\n                min-width: 140px;\n                padding-bottom: .8rem;\n                word-break: break-all;\n            }\n\n            &:not(.permissions-table) {\n                td {\n                    @media screen and (max-width:370px) {\n                        display: block;\n                    }\n                }\n            }\n        }\n    }\n\n    @media screen and (min-width:1201px) and (max-width:1211px),\n    only screen and (min-width:636px) and (max-width:991px) {\n        #account-info-col-1 {\n            width: calc(100% - 12rem) !important;\n        }\n\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Project.vue?vue&type=template&id=6cf044a1&\"\nimport script from \"./Project.vue?vue&type=script&lang=js&\"\nexport * from \"./Project.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Project.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}