{"version":3,"sources":["webpack:///./src/views/reports/SalaryHistory.vue","webpack:///src/views/reports/SalaryHistory.vue","webpack:///./src/views/reports/SalaryHistory.vue?879b","webpack:///./src/views/reports/SalaryHistory.vue?23b0","webpack:///./src/views/reports/SalaryHistory.vue?f4db"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","loadingData","_e","scopedSlots","_u","key","fn","_l","salaryHistory","effectiveDates","item","_f","salaryChanges","row","index","jobTitle","unionMembership","items","r","amount","proxy","staticRenderFns","components","props","data","valid","formData","search","personnelSearch","header","rate","methods","showAlertMessage","message","type","getSalaryHistory","_this","salaryPeriodService","getAllSalaryHistroy","then","result","console","log","catch","error","mounted","component"],"mappings":"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","file":"js/chunk-2bfb41f0.8edac883.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{},[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{'alert-error':_vm.alertType=='error', 'alert-success':_vm.alertType=='success'},attrs:{\"border\":\"left\",\"dark\":\"\",\"dismissible\":\"\"},model:{value:(_vm.alert),callback:function ($$v) {_vm.alert=$$v},expression:\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.alertMessage)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Salary History\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 d-flex justify-start\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"}),_c('div',{staticClass:\"col-md-4\"})])]),_c('div',{staticClass:\"col-md-4\"})]),(_vm.loadingData)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),_c('div',{staticClass:\"scroll row\"},[_c('div',{staticClass:\"col-md-10 col-sm-12 ml-auto mr-auto\"},[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',[_vm._v(\"Job Title\")]),_c('th',[_vm._v(\"Union Membership\")]),_vm._l((_vm.salaryHistory.effectiveDates),function(item){return _c('th',{key:item.effectiveDates},[_vm._v(_vm._s(_vm._f(\"formatDate\")(item)))])})],2)]),_c('tbody',_vm._l((_vm.salaryHistory.salaryChanges),function(row){return _c('tr',{key:row.index},[_c('td',[_vm._v(\" \"+_vm._s(row.jobTitle)+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(row.unionMembership)+\" \")]),_vm._l((row.items),function(r){return _c('td',{key:r.index},[_vm._v(\" \"+_vm._s(r.amount)+\" \")])})],2)}),0)]},proxy:true}])})],1)])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n      <v-app class>\r\n        <div>\r\n          <v-alert\r\n      v-model=\"alert\"\r\n      border=\"left\"\r\n      dark\r\n      dismissible\r\n      class=\"alert\"\r\n      :class=\"{'alert-error':alertType=='error', 'alert-success':alertType=='success'}\"\r\n    >\r\n    {{alertMessage}}\r\n    </v-alert>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-10 ml-auto mr-auto\">\r\n            <v-container>\r\n              <div class=\"mb-8 mt-8 text-center\">\r\n                <h1>Salary History</h1>\r\n              </div>\r\n              <div class=\"row\">\r\n                <div class=\"col-md-8 d-flex justify-start\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-4\">\r\n                      <!-- <TextField type=\"date\" :label=\"'From'\" /> -->\r\n                    </div>\r\n                    <div class=\"col-md-4\">\r\n                     <!-- <TextField type=\"date\" :label=\"'to'\" /> -->\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                  <!-- <div class=\"export-container\">\r\n                    <SelectField :items=\"downloadFormat\" v-model=\"formData.selectedFormat\" :label=\"'Download Format'\" :itemText=\"'name'\" :itemValue=\"'id'\" :returnObject=\"true\" @input=\"onSelectedFormat\" />\r\n                    <Button :btnType=\"'Submit'\" :isLoading=\"isDownloading\" :label=\"'Export'\" @onClick=\"onDownload\" class=\"mr-2\"/>\r\n                  </div> -->\r\n                </div>\r\n              </div>\r\n\r\n             <div v-if=\"loadingData\" class=\"text-center\">\r\n                <v-progress-circular\r\n                  indeterminate\r\n                  color=\"primary\"\r\n                ></v-progress-circular>\r\n             </div>\r\n            <div class=\"scroll row\">\r\n                <div class=\"col-md-10 col-sm-12 ml-auto mr-auto\">\r\n                    <v-simple-table>\r\n                        <template v-slot:default>\r\n                            <thead>\r\n                                <!-- <tr v-for=\"item in salaryHistory.salaryChanges\" :key=\"item.index\">\r\n                                    <th></th>\r\n                                    <th></th>\r\n                                    <th></th>\r\n                                    <th v-for=\"r in item.items\" :key=\"r.index\">{{r.rate}} %</th>\r\n                                </tr> -->\r\n                                <tr>\r\n                                    <!-- <th>S/N</th> -->\r\n                                    <th>Job Title</th>\r\n                                    <th>Union Membership</th>\r\n                                    <th v-for=\"item in salaryHistory.effectiveDates\" :key=\"item.effectiveDates\">{{item | formatDate}}</th>\r\n\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                <tr v-for=\"(row) in salaryHistory.salaryChanges\" :key=\"row.index\">\r\n                                <!-- <td>{{index+1}}</td> -->\r\n                                <td>\r\n                                    {{row.jobTitle}}\r\n                                </td>\r\n                                <td>\r\n                                    {{row.unionMembership}}\r\n                                </td>\r\n                                <td v-for=\"r in row.items\" :key=\"r.index\">\r\n                                    {{r.amount}}\r\n                                </td>\r\n                            </tr>\r\n                            </tbody>\r\n                        </template>\r\n                    </v-simple-table>\r\n                </div>\r\n            </div>\r\n            </v-container>\r\n          </div>\r\n        </div>\r\n      </v-app>\r\n</template>\r\n<script>\r\n// import SelectField from '@/components/ui/form/SelectField.vue'\r\n// import Button from '@/components/ui/form/Button.vue'\r\nimport { salaryPeriodService } from '@/services'\r\n// import moment from 'moment'\r\n\r\nexport default {\r\n  components: {\r\n    // Button,\r\n    // SelectField\r\n  },\r\n  props: ['value'],\r\n  data () {\r\n    return {\r\n      salaryHistory: [],\r\n      alertMessage: '',\r\n      loadingData: false,\r\n      alert: false,\r\n      alertType: '',\r\n      valid: false,\r\n      formData: {\r\n      },\r\n      search: '',\r\n      personnelSearch: [],\r\n      header: [],\r\n      rate: []\r\n    }\r\n  },\r\n  methods: {\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n    },\r\n    getSalaryHistory () {\r\n      this.loadingData = true\r\n      //   const columnHearder = []\r\n      salaryPeriodService.getAllSalaryHistroy().then(result => {\r\n        this.salaryHistory = result.data\r\n        this.rate = this.salaryHistory.items\r\n        this.loadingData = false\r\n        console.log('salary', this.salaryHistory)\r\n      }).catch(error => {\r\n        console.log(error)\r\n      })\r\n      this.loadingData = false\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getSalaryHistory()\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style scoped>\r\n  .search-btn {\r\n    background-color: #e6e3e3;\r\n    height: 40px;\r\n    border-radius: 3px !important;\r\n  }\r\n\r\n  .alert {\r\n    position: fixed;\r\n    z-index: 9999;\r\n    top: 5px;\r\n    min-width: 50%;\r\n  }\r\n\r\n  .alert-success {\r\n    color: #155724;\r\n    background-color: #d4edda;\r\n    border-color: #c3e6cb;\r\n  }\r\n\r\n  .alert-error {\r\n    color: #721c24;\r\n    background-color: #f8d7da;\r\n    border-color: #f5c6cb;\r\n  }\r\n\r\n  .row-pointer >>> tbody tr :hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .iconAvatar {\r\n    width: 122px;\r\n  }\r\n\r\n  .text-caption {\r\n    font-weight: 600;\r\n    font-size: 14px !important\r\n  }\r\n  .sticky-col {\r\n    position: -webkit-sticky; /* for Safari */\r\n    position: sticky;\r\n    top: 0;\r\n  }\r\n  .cursor {\r\n    cursor: pointer;\r\n  }\r\n\r\n    .cursor:hover {\r\n      color: blue\r\n    }\r\n\r\n    .cursor .tooltiptext {\r\n      visibility: hidden;\r\n      width: 80px;\r\n      background-color: black;\r\n      color: #fff;\r\n      text-align: center;\r\n      border-radius: 6px;\r\n      padding: 2px 0;\r\n      font-size: 10px;\r\n      /* Position the tooltip */\r\n      position: absolute;\r\n      z-index: 1;\r\n    }\r\n    .cursor:hover .tooltiptext {\r\n      visibility: visible;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SalaryHistory.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SalaryHistory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SalaryHistory.vue?vue&type=template&id=22c3103a&scoped=true\"\nimport script from \"./SalaryHistory.vue?vue&type=script&lang=js\"\nexport * from \"./SalaryHistory.vue?vue&type=script&lang=js\"\nimport style0 from \"./SalaryHistory.vue?vue&type=style&index=0&id=22c3103a&prod&scoped=true&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  \"22c3103a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SalaryHistory.vue?vue&type=style&index=0&id=22c3103a&prod&scoped=true&lang=css\""],"sourceRoot":""}