{"version":3,"sources":["webpack:///./src/views/ProfilePegawai/components/Target.vue","webpack:///src/views/ProfilePegawai/components/Target.vue","webpack:///./src/views/ProfilePegawai/components/Target.vue?b7f2","webpack:///./src/views/ProfilePegawai/components/Target.vue?0557","webpack:///./src/views/ProfilePegawai/components/Target.vue?b1f3"],"names":["staticClass","_vm","attrs","staticStyle","staticRenderFns","name","props","targetData","type","default","realisasi_output","gap_target_output","detailData","data","piechart","headers","text","value","sortable","detailRowspan","sasaran","computed","tableData","watch","handler","val","deep","mounted","Math","methods","getMark","key","getRowspan","calculateRowspan","temp","mark","setPieChart","gap","realisasi","tooltip","series","roseType","component"],"mappings":"2KAA8FA,aAAD,IAAyBC,EAAA,KAAmDC,EAAM,W,OAAA,kBAAhB,YAAyC,WAACC,0BAAY,oB,MAAC,CAAd,Y,CAAuC,QAAK,CAAN,aAAlF,OAAsH,S,MAAoB,CAA0B,2BAA0B,KAAM,OAACA,YAAY,CAAC,MAAQ,kBAAT,sBAAwCH,SAAW,CAAWE,YAAM,CAAC,iB,CAA0C,U,YAAwB,UAAnE,OAAxF,QAA7R,UAA5D,gB,wBAEIE,sBAAJ,O,yDCmBe,GACfC,cACAC,OACAC,YACAC,YACAC,mBAAA,OAAAC,mBAAAC,uBAEAC,kBAEAC,KATA,WAUA,OACAC,cACAC,SACA,CAAAC,yBACAC,0BACAC,aACA,CACAF,uBACAC,gCACAC,aACA,CACAF,wBACAC,wBACAC,aACA,CACAF,yBACAC,0BACAC,aACA,CACAF,qBACAC,gBACA,CACAD,wBACAC,oBAGAE,iBACAC,aAGAC,UACAC,qBACA,uCAEA,GADA,eAIAC,OACAhB,YACAiB,QADA,SACAC,GACA,gBACA,qCAGAC,SAEAd,WATA,SASAa,GACA,IACA,eACA,2BAIAE,QA/DA,WAgEA,mEAEA,iBACAC,wCACAA,+CAEA,8BAKAC,SACAC,QADA,SACAC,GACA,+BACA,4BAIAC,WAPA,SAOAD,GAEA,OADA,8BACA,2BAEAE,iBAXA,WAaA,IADA,SACA,kCACA,yBAEA,sBACA,uBACAC,iCAEAA,wBAAAT,MAAAU,UAEA,oBACA,qBACAD,+BAEAA,sBAAAT,MAAAU,UAGA,oBACA,qBACAD,+BAEAA,sBAAAT,MAAAU,UAGA,sBAEAC,YAtCA,SAsCAC,EAAAC,GACA,yBACAC,WACAC,QACA,CACAnC,sBACAG,WACAiC,iBACA5B,MACA,CAAAI,QAAAZ,0BACA,CAAAY,QAAAZ,iCChJ8W,I,wBCQ1WqC,EAAY,eACd,EACA,EACAtC,GACA,EACA,KACA,WACA,MAIa,aAAAsC,E,sECnBf","file":"js/chunk-2b3a5e32.2fe398a4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',[_c('h3',{staticClass:\"text-h3\"},[_vm._v(\"Target Kinerja\")]),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticStyle:{\"height\":\"300px\"},attrs:{\"id\":\"piechart-target\"}})])],1),_c('div',{staticStyle:{\"width\":\"max-width:900px\",\"overflow-y\":\"auto\"}},[_c('div',{staticStyle:{\"width\":\"1000px\"}},[_c('v-data-table',{staticClass:\"striped\",attrs:{\"headers\":_vm.headers,\"items\":_vm.sasaran,\"disable-pagination\":\"\",\"hide-default-footer\":\"\"}})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\n  <v-container>\n    <h3 class=\"text-h3\">Target Kinerja</h3>\n    <v-row>\n      <v-col cols=\"12\">\n        <div id=\"piechart-target\" style=\"height:300px\"></div>\n      </v-col>\n    </v-row>\n    <div style=\"width:max-width:900px;overflow-y:auto\">\n      <div style=\"width:1000px\">\n        <v-data-table :headers=\"headers\" :items=\"sasaran\" class=\"striped\" disable-pagination hide-default-footer></v-data-table>\n      </div>\n    </div>\n\n  </v-container>\n</template>\n\n<script>\nimport echarts from 'echarts'\nimport _ from 'lodash'\n\nexport default {\n  name:\"Target\",\n  props:{\n    targetData: {\n      type:Object,\n      default:function(){return {realisasi_output:0,gap_target_output:0 }}\n    },\n    detailData: Array\n  },\n  data(){\n    return {\n      piechart:null,\n      headers:[\n        { text:\"Sasaran Strategis\",\n          value:\"sasaran_strategis\",\n          sortable:false\n        },{\n          text:\"Sasaran Tahunan\",\n          value:\"sasaran_kinerja_tahunan\",\n          sortable:false\n        },{\n          text:\"Sasaran Triwulan\",\n          value:\"sasarantriwulan\",\n          sortable:false\n        },{\n          text:\"Indikator Kinerja\",\n          value:\"indikator_kinerja\",\n          sortable:false\n        },{\n          text:\"Target Output\",\n          value:\"target\"\n        },{\n          text:\"Realisasi Output\",\n          value:\"realisasi\"\n        },\n      ],\n      detailRowspan:{},\n      sasaran:[]\n    }\n  },\n  computed:{\n    tableData: function(){\n      if (!_.isEmpty(this.detailRowspan))\n        return this.sasaran\n      return []\n    }\n  },\n  watch:{\n    targetData: {\n      handler(val){\n        if( !(_.isEmpty(val)) ){\n          this.setPieChart(val.gap, val.realisasi)\n        }\n      },\n      deep:true\n    },\n    detailData(val){\n      if (val){\n        this.sasaran = val\n        this.calculateRowspan()\n      }\n    }\n  },\n  mounted(){\n    this.piechart = echarts.init(document.getElementById('piechart-target'))\n    // panggilan pertama\n    this.setPieChart(\n      Math.floor(this.targetData.gap * 100) / 100,\n      Math.floor(this.targetData.realisasi * 100) /100\n    )\n    this.sasaran = this.detailData\n    // untuk rowspan\n    //TODO: gagal di tunda dulu\n    // this.calculateRowspan()\n  },\n  methods:{\n    getMark(key){\n      if(this.detailRowspan[key]){\n        return this.detailRowspan[key].mark\n      }\n      return false\n    },\n    getRowspan(key){\n      this.detailRowspan[key].mark = true\n      return this.detailRowspan[key].val\n    },\n    calculateRowspan(){\n      let temp={}\n      for(let i =0; i < this.detailData.length; i++){\n        let tempData = this.detailData[i]\n        // calculate sasaran strategis\n        if(tempData.sasaran_strategis)\n          if (temp[tempData.sasaran_strategis]){\n            temp[tempData.sasaran_strategis]['val'] +=1\n          } else {\n            temp[tempData.sasaran_strategis]= {val:1, mark:false}\n          }\n        if(tempData.sasaran_tahunan)\n          if (temp[tempData.sasaran_tahunan]){\n            temp[tempData.sasaran_tahunan]['val'] +=1\n          } else {\n            temp[tempData.sasaran_tahunan] = {val:1, mark:false}\n          }\n\n        if(tempData.sasarantriwulan)\n          if (temp[tempData.sasarantriwulan]){\n            temp[tempData.sasarantriwulan]['val'] +=1\n          } else {\n            temp[tempData.sasarantriwulan] = {val:1, mark:false}\n          }\n      }\n      this.detailRowspan = temp\n    },\n    setPieChart(gap, realisasi){\n      this.piechart.setOption( {\n          tooltip:{},\n          series : [\n              {\n                  name: 'Target Kinerja',\n                  type: 'pie',\n                  roseType:'angle',\n                  data:[\n                      {value:gap, name:'Gap Target Output'},\n                      {value:realisasi, name:'Realisasi Output'},\n                  ],\n              }\n          ]\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"css\" scoped>\ntable{\n  border-collapse: collapse;\n}\ntd{\n  border: 1px solid #000;\n}\n</style>\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!./Target.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!./Target.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Target.vue?vue&type=template&id=0e687817&scoped=true&lang=html&\"\nimport script from \"./Target.vue?vue&type=script&lang=js&\"\nexport * from \"./Target.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Target.vue?vue&type=style&index=0&id=0e687817&prod&lang=css&scoped=true&\"\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  \"0e687817\",\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!./Target.vue?vue&type=style&index=0&id=0e687817&prod&lang=css&scoped=true&\""],"sourceRoot":""}