{"version":3,"sources":["webpack:///./src/components/ErrorMessage.vue","webpack:///src/components/ErrorMessage.vue","webpack:///./src/components/ErrorMessage.vue?2e0e","webpack:///./src/components/ErrorMessage.vue?a984","webpack:///./src/views/Jobs.vue?2675","webpack:///./src/views/Jobs.vue","webpack:///src/views/Jobs.vue","webpack:///./src/views/Jobs.vue?9f26","webpack:///./src/views/Jobs.vue?0a86"],"names":["render","_vm","this","_c","_self","message","staticClass","_v","_s","_e","staticRenderFns","name","props","type","String","default","component","attrs","selected","previous","fromDate","toDate","on","filterJobs","counters","length","_l","counter","count","title","staticStyle","companyList","onCompanySearchChange","inputCompanySearchChange","model","value","company","callback","$$v","expression","directives","rawName","search","domProps","$event","indexOf","_k","keyCode","key","getJobs","apply","arguments","target","composing","preventDefault","statusList","status","class","id","published","archived","draft","active","filterStatus","loading","jobs","job","listSerialNo","link","preview_link","category_name","showCompanyDetails","company_id","company_name","vacancies","is_expire","formatDateTime","created_at","pagination","showCompanyModal","selectedCompany","modalLoading","closeModal","components","ErrorMessage","CompanyDetails","DateFilter","ThePagination","ContentLoader","Multiselect","data","isCollapsed","classAdded","packList","DATE_FILTER","ALL_TIME","filterDate","page","methods","index","params","filter","from","to","request","get","_","map","j","find","parseInt","prevFilter","current_page","companies","e","console","log","dates","setStatus","jobPostStatus","s","JOB_STATUS","PUBLISHED","ARCHIVED","DRAFT","unshift","getFilterCompanies","companyId","getCompany","client","error","debouncedSearch","debounce","debouncedInputSearch"],"mappings":"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","file":"js/chunk-75f1cfca.1a0f0338.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.message)?_c('div',{staticClass:\"error-message\"},[_vm._v(_vm._s(_vm.message))]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"error-message\" v-if=\"message\">{{message}}</div>\n</template>\n\n<script>\n    export default {\n        name: \"ErrorMessage\",\n        props: {\n            message: {\n                type: String,\n                default: '',\n            }\n        }\n    }\n</script>\n\n<style scoped>\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!./ErrorMessage.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!./ErrorMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ErrorMessage.vue?vue&type=template&id=74c76bea&scoped=true\"\nimport script from \"./ErrorMessage.vue?vue&type=script&lang=js\"\nexport * from \"./ErrorMessage.vue?vue&type=script&lang=js\"\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  \"74c76bea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Jobs.vue?vue&type=style&index=0&id=03e6ca5e&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-area__body\"},[_c('section',{staticClass:\"counter-box section-gap\"},[_c('div',{staticClass:\"section-title-wrap\"},[_c('date-filter',{staticClass:\"ml-auto\",attrs:{\"filter\":[_vm.selected, _vm.previous],\"dates\":[_vm.fromDate, _vm.toDate]},on:{\"filterData\":_vm.filterJobs}})],1),(_vm.counters.length)?_c('div',{staticClass:\"row row-cols-xl-3 has-col-gap\"},_vm._l((_vm.counters),function(counter){return _c('div',{staticClass:\"col\"},[_c('a',{staticClass:\"counter__card\",attrs:{\"href\":\"#\"}},[_c('div',{staticClass:\"count__for\"},[_vm._v(\"Total\")]),_c('div',{staticClass:\"counter__box\"},[_c('h4',{staticClass:\"count__number\"},[_vm._v(_vm._s(counter.count))])]),_c('div',{staticClass:\"count__title\"},[_vm._v(_vm._s(counter.title))])])])}),0):_vm._e()]),_c('section',{staticClass:\"Customer-section section-gap\"},[_c('div',{staticClass:\"section-panel\"},[_c('div',{staticClass:\"section-title-wrap\"},[_c('h3',{staticClass:\"section-title\"},[_vm._v(\"List of Jobs\")]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"input-group\",staticStyle:{\"width\":\"300px\"}},[(_vm.companyList)?_c('multiselect',{attrs:{\"options\":_vm.companyList,\"placeholder\":\"Select Company\",\"track-by\":\"id\",\"label\":\"name\"},on:{\"search-change\":_vm.onCompanySearchChange,\"input\":_vm.inputCompanySearchChange},model:{value:(_vm.company),callback:function ($$v) {_vm.company=$$v},expression:\"company\"}}):_vm._e()],1),_c('div',{staticClass:\"input-group ml-2\",staticStyle:{\"width\":\"300px\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Job Title\"},domProps:{\"value\":(_vm.search)},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getJobs.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.search=$event.target.value}}}),_c('div',{staticClass:\"input-group-append\"},[_c('button',{staticClass:\"btn btn-outline\",on:{\"click\":function($event){$event.preventDefault();return _vm.getJobs.apply(null, arguments)}}},[_c('i',{staticClass:\"eicon e-search\"})])])]),(_vm.statusList.length)?_c('ul',{staticClass:\"tab__control ml-2\"},_vm._l((_vm.statusList),function(status){return _c('li',{staticClass:\"tab__toggler\",class:{\n                                'tab-primary': status.id === '',\n                                'tab-success': status.published,\n                                'tab-info': status.archived,\n                                'tab-warning': status.draft,\n                                'active': status.active\n                            },on:{\"click\":function($event){return _vm.filterStatus(status.id)}}},[_vm._v(_vm._s(status.name)+\" \")])}),0):_vm._e()])]),_c('content-loader',{attrs:{\"loading\":_vm.loading}}),(!_vm.loading)?_c('transition',{attrs:{\"name\":\"fade\",\"duration\":\"300\",\"mode\":\"out-in\"}},[(_vm.jobs.length)?_c('div',{staticClass:\"table-wrap\"},[_c('div',{staticClass:\"table\"},[_c('div',{staticClass:\"table__row table__head\"},[_c('div',{staticClass:\"table-cell\"},[_vm._v(\"#\")]),_c('div',{staticClass:\"table-cell\"},[_vm._v(\"Job Title\")]),_c('div',{staticClass:\"table-cell\"},[_vm._v(\"Type\")]),_c('div',{staticClass:\"table-cell\"},[_vm._v(\"Company\")]),_c('div',{staticClass:\"table-cell\"},[_vm._v(\"Vacancy\")]),_c('div',{staticClass:\"table-cell\"},[_vm._v(\"Status\")]),_c('div',{staticClass:\"table-cell Job-create-time\"},[_vm._v(\"Time\")])]),_vm._l((_vm.jobs),function(job,key){return _c('div',{staticClass:\"table__row\"},[_c('div',{staticClass:\"table-cell Job-ID\"},[_c('p',[_vm._v(_vm._s(_vm.listSerialNo(key)))])]),_c('div',{staticClass:\"table-cell Job-name\"},[(job.published)?_c('a',{attrs:{\"href\":job.link,\"target\":\"_blank\",\"title\":\"Job Post Link\"}},[_vm._v(_vm._s(job.title))]):_c('a',{attrs:{\"href\":job.preview_link,\"target\":\"_blank\",\"title\":\"Preview Link\"}},[_vm._v(_vm._s(job.title))])]),_c('div',{staticClass:\"table-cell Job-type\"},[_c('p',[_vm._v(_vm._s(job.category_name))])]),_c('div',{staticClass:\"table-cell Com-name\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.showCompanyDetails(job.company_id)}}},[_vm._v(_vm._s(job.company_name))])]),_c('div',{staticClass:\"table-cell Job-vacancies text-center\"},[_c('p',[_vm._v(_vm._s(job.vacancies))])]),(job.status)?_c('div',{staticClass:\"table-cell Job-status\"},[((job.is_expire && job.status.published))?_c('span',{staticClass:\"label-min danger-label\"},[_vm._v(\"Expired\")]):_c('span',{staticClass:\"label-min\",class:{'success-label' : job.status.published, 'warning-label' : job.status.draft, 'info-label' : job.status.archived}},[_vm._v(_vm._s(job.status.name))])]):_vm._e(),_c('div',{staticClass:\"table-cell Job-create-time\"},[_c('p',[_vm._v(_vm._s(_vm.formatDateTime(job.created_at)))])])])})],2)]):_c('h4',{staticClass:\"empty-message\"},[_vm._v(\"No jobs found.\")])]):_vm._e()],1),(_vm.jobs.length)?_c('div',{staticClass:\"d-flex mt-30\"},[_c('the-pagination',{staticClass:\"ml-auto\",attrs:{\"pagination\":_vm.pagination},on:{\"paginate\":_vm.getJobs}})],1):_vm._e(),(_vm.showCompanyModal)?_c('company-details',{attrs:{\"company\":_vm.selectedCompany,\"show\":_vm.showCompanyModal,\"loading\":_vm.modalLoading},on:{\"closeAddModal\":_vm.closeModal}}):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content-area__body\">\n        <!-- counter info -->\n        <section class=\"counter-box section-gap\">\n            <div class=\"section-title-wrap\">\n                <date-filter\n                        class=\"ml-auto\"\n                        :filter=\"[selected, previous]\"\n                        :dates=\"[fromDate, toDate]\"\n                        @filterData=\"filterJobs\"\n                />\n            </div>\n            <div class=\"row row-cols-xl-3 has-col-gap\" v-if=\"counters.length\">\n                <div class=\"col\" v-for=\"counter in counters\">\n                    <a href=\"#\" class=\"counter__card\">\n                        <div class=\"count__for\">Total</div>\n                        <div class=\"counter__box\">\n                            <h4 class=\"count__number\">{{ counter.count }}</h4>\n                        </div>\n                        <div class=\"count__title\">{{ counter.title }}</div>\n                    </a>\n                </div>\n            </div>\n        </section>\n        <!-- Customer info -->\n        <section class=\"Customer-section section-gap\">\n            <div class=\"section-panel\">\n                <div class=\"section-title-wrap\">\n                    <h3 class=\"section-title\">List of Jobs</h3>\n                    \n                    <div class=\"d-flex\">\n                       <div class=\"input-group\" style=\"width: 300px\">\n                         <multiselect\n                             v-if=\"companyList\"\n                             v-model=\"company\"\n                             :options=\"companyList\"\n                             placeholder=\"Select Company\"\n                             track-by=\"id\"\n                             label=\"name\"\n                             @search-change=\"onCompanySearchChange\"\n                             @input=\"inputCompanySearchChange\"\n                         />\n                        </div>\n                        <div class=\"input-group ml-2\" style=\"width: 300px\">\n                            <input type=\"text\" class=\"form-control\" v-model=\"search\" placeholder=\"Job Title\" @keypress.enter=\"getJobs\">\n                            <div class=\"input-group-append\">\n                                <button class=\"btn btn-outline\" @click.prevent=\"getJobs\"><i class=\"eicon e-search\"></i></button>\n                            </div>\n                        </div>\n                        <ul class=\"tab__control ml-2\" v-if=\"statusList.length\">\n                            <li class=\"tab__toggler\"\n                                v-for=\"status in statusList\"\n                                :class=\"{\n                                    'tab-primary': status.id === '',\n                                    'tab-success': status.published,\n                                    'tab-info': status.archived,\n                                    'tab-warning': status.draft,\n                                    'active': status.active\n                                }\"\n                                @click=\"filterStatus(status.id)\"\n                            >{{ status.name }}\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n\n                <content-loader :loading=\"loading\"/>\n                <transition name=\"fade\" duration=\"300\" mode=\"out-in\" v-if=\"!loading\">\n                    <div class=\"table-wrap\" v-if=\"jobs.length\">\n                        <div class=\"table\">\n                            <div class=\"table__row table__head\">\n                                <div class=\"table-cell\">#</div>\n                                <div class=\"table-cell\">Job Title</div>\n                                <div class=\"table-cell\">Type</div>\n                                <div class=\"table-cell\">Company</div>\n                                <div class=\"table-cell\">Vacancy</div>\n                                <div class=\"table-cell\">Status</div>\n                                <div class=\"table-cell Job-create-time\">Time</div>\n                            </div>\n                            <div class=\"table__row\" v-for=\"(job, key) in jobs\">\n                                <div class=\"table-cell Job-ID\"><p>{{ listSerialNo(key) }}</p></div>\n                                <div class=\"table-cell Job-name\">\n                                    <a v-if=\"job.published\" :href=\"job.link\" target=\"_blank\" title=\"Job Post Link\">{{ job.title }}</a>\n                                    <a v-else :href=\"job.preview_link\" target=\"_blank\" title=\"Preview Link\">{{ job.title }}</a>\n                                </div>\n                                <div class=\"table-cell Job-type\"><p>{{ job.category_name }}</p></div>\n                                <div class=\"table-cell Com-name\">\n                                    <a href=\"javascript:;\" @click=\"showCompanyDetails(job.company_id)\">{{ job.company_name }}</a>\n                                </div>\n                                <div class=\"table-cell Job-vacancies text-center\"><p>{{ job.vacancies }}</p></div>\n                                <div class=\"table-cell Job-status\" v-if=\"job.status\">\n                                    <span class=\"label-min danger-label\" v-if=\"(job.is_expire && job.status.published)\">Expired</span>\n                                    <span class=\"label-min\" v-else\n                                          :class=\"{'success-label' : job.status.published, 'warning-label' : job.status.draft, 'info-label' : job.status.archived}\"\n                                    >{{ job.status.name }}</span>\n                                </div>\n                                <div class=\"table-cell Job-create-time\"><p>{{ formatDateTime(job.created_at) }}</p></div>\n                            </div>\n                        </div>\n                    </div>\n                    <h4 class=\"empty-message\" v-else>No jobs found.</h4>\n                </transition>\n            </div>\n\n            <div class=\"d-flex mt-30\" v-if=\"jobs.length\">\n                <the-pagination :pagination=\"pagination\" class=\"ml-auto\" @paginate=\"getJobs\"/>\n            </div>\n\n            <company-details\n                    v-if=\"showCompanyModal\"\n                    :company=\"selectedCompany\"\n                    :show=\"showCompanyModal\"\n                    :loading=\"modalLoading\"\n                    @closeAddModal=\"closeModal\"\n            ></company-details>\n        </section>\n    </div>\n</template>\n\n<script>\nimport client, {request} from \"@/api/Client\";\nimport Multiselect from \"vue-multiselect\";\nimport ContentLoader from \"@/components/dashboard/ContentLoader\";\nimport ThePagination from \"@/components/ThePagination\";\nimport DateFilter from \"@/components/DateFilter\";\nimport {DATE_FILTER} from \"@/constants/enums\";\nimport {jobPostStatus} from \"@/config/filters\";\nimport {JOB_STATUS} from '@/constants/enums';\nimport CompanyDetails from \"@/components/modals/CompanyDetails\";\nimport ErrorMessage from \"@/components/ErrorMessage.vue\";\nimport { debounce } from 'lodash';\n\nexport default {\n    name: \"Jobs\",\n    components: {ErrorMessage, CompanyDetails, DateFilter, ThePagination, ContentLoader, Multiselect},\n    data() {\n        return {\n            isCollapsed: false,\n            classAdded: false,\n            loading: false,\n            packList: [],\n            counters: [],\n            jobs: [],\n            pagination: {},\n            selected: DATE_FILTER.ALL_TIME,\n            previous: '',\n            fromDate: '',\n            toDate: '',\n            statusList: [],\n            status: '',\n            filterDate: [],\n            showCompanyModal: false,\n            selectedCompany: {},\n            modalLoading: false,\n            search: '',\n            page:0,\n            companyList: [],\n            company: null,\n        }\n    },\n\n    methods: {\n        listSerialNo(index) {\n            index++;\n            return ((this.page-1) * 20) + index;\n        },\n        async getJobs(page = '') {\n            this.loading = true;\n            try {\n                let params = {filter: this.selected};\n\n                if (this.filterDate.length) {\n                    params.from = this.filterDate[0];\n                    params.to = this.filterDate[1];\n                }\n\n                if (this.status) {\n                    params.status = this.status;\n                }\n\n                if (this.search) {\n                    params.search = this.search;\n                }\n\n                if (this.company && this.company.id) {\n                  params.company = this.company.name;\n                }\n\n                if (page) {\n                    params.page = page;\n                }\n\n                let {data: {data}} = await request.get(`/jobs`, {params});\n                this.counters = data.counters;\n                this.jobs = _.map(data.jobs, j => {\n                    j.status = _.find(this.statusList, {id: j.status});\n                    return j;\n                });\n                this.pagination = data.pagination;\n                this.previous = parseInt(data.prevFilter);\n                this.fromDate = data.from;\n                this.toDate = data.to;\n                this.page = data.pagination.current_page;\n                this.companyList = data.companies;\n            } catch (e) {\n                console.log(e);\n            }\n\n            this.loading = false;\n        },\n\n        async filterJobs(filter = null, dates) {\n            this.selected = filter;\n            this.filterDate = dates;\n            await this.getJobs();\n        },\n\n        setStatus() {\n            this.statusList = _.map(jobPostStatus, s => {\n                s.published = s.id === JOB_STATUS.PUBLISHED;\n                s.archived = s.id === JOB_STATUS.ARCHIVED;\n                s.draft = s.id === JOB_STATUS.DRAFT;\n                s.active = false;\n                return s;\n            });\n\n            this.statusList.unshift({\n                id: '',\n                name: 'All',\n                published: false,\n                archived: false,\n                draft: false,\n                active: true\n            });\n        },\n        async filterStatus(status = '') {\n            this.status = status;\n            this.statusList = _.map(this.statusList, s => {\n                if (s.id === status) {\n                    s.active = true;\n                } else {\n                    s.active = false;\n                }\n                return s;\n            });\n            await this.getJobs();\n          await this.getFilterCompanies()\n        },\n\n        showCompanyDetails(companyId) {\n            this.getCompany(companyId);\n            this.showCompanyModal = true;\n        },\n\n        closeModal() {\n            this.showCompanyModal = false;\n        },\n\n        async getCompany(companyId) {\n            this.modalLoading = true;\n            try {\n                let {data: {data}} = await client().get(`/companies/${companyId}`);\n                this.selectedCompany = data;\n            } catch (e) {\n                console.log(e);\n            }\n            this.modalLoading = false;\n        },\n\n        async getFilterCompanies(company='') {\n            try {\n                let { data: { data } } = await client().get(`/companies/all`, {\n                    params: {\n                      company: company\n                    }\n                });\n                this.companyList = data;\n            } catch (e) {\n                console.error('Error fetching companies:', e);\n            }\n        },\n\n        debouncedSearch: debounce(function (company) {\n            this.getFilterCompanies(company);\n        }, 500),\n\n        debouncedInputSearch: debounce(function () {\n          this.getJobs();\n        }, 500),\n\n        inputCompanySearchChange() {\n          this.debouncedInputSearch();\n        },\n\n        onCompanySearchChange(company) {\n          this.debouncedSearch(company);\n        }\n    },\n\n    async mounted() {\n        this.setStatus();\n        await this.getJobs();\n      await this.getFilterCompanies()\n    },\n}\n</script>\n\n<style>\n  .multiselect .multiselect__tags {\n    min-height: 40px;\n    background: #f5f7fd;\n    border-color: #dee5ff;\n    padding: 4px 40px 4px 20px;\n  }\n\n  .multiselect {\n    height: 40px;\n  }\n\n  .section-title-wrap {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    gap: 18px;\n  }\n\n  .multiselect__select:before {\n    position: relative;\n    right: 0;\n    top: 60%;\n    color: #999;\n    margin-top: 4px;\n    border-color: #999 transparent transparent;\n    border-style: solid;\n    border-width: 5px 5px 0;\n    content: \"\";\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!./Jobs.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!./Jobs.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Jobs.vue?vue&type=template&id=03e6ca5e\"\nimport script from \"./Jobs.vue?vue&type=script&lang=js\"\nexport * from \"./Jobs.vue?vue&type=script&lang=js\"\nimport style0 from \"./Jobs.vue?vue&type=style&index=0&id=03e6ca5e&prod&lang=css\"\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"],"sourceRoot":""}