{"version":3,"sources":["webpack:///./src/views/charts/Charts.vue?737e","webpack:///src/views/charts/Charts.vue","webpack:///./src/views/charts/Charts.vue?44d5","webpack:///./src/views/charts/Charts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","directives","name","rawName","value","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","selectedData","multiple","reloadData","_l","item","key","Code","domProps","_v","_s","selectedYear","years","year","_e","attrs","chartOptions","series","chartOptions1","series1","chartOptions2","series2","staticRenderFns","data","Date","getFullYear","companyResult","chart","height","type","dropShadow","enabled","color","top","left","blur","opacity","toolbar","show","colors","stroke","curve","title","text","align","markers","size","yaxis","labels","minWidth","maxWidth","formatter","xaxis","categories","style","fontSize","legend","position","horizontalAlign","floating","offsetY","offsetX","dataLabels","urlServer","methods","updateChart","Math","floor","random","max","min","length","from","Company","Year","loading","$router","push","beforeMount","urlS","form","append","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,WAAW,CAACA,EAAG,MAAM,CAACE,YAAY,SAASC,YAAY,CAAC,aAAa,oBAAoB,CAACH,EAAG,OAAO,CAACE,YAAY,SAASC,YAAY,CAAC,cAAc,oBAAoB,CAACH,EAAG,OAAO,CAACA,EAAG,OAAO,CAACG,YAAY,CAAC,MAAQ,MAAM,QAAU,QAAQ,CAACH,EAAG,SAAS,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAgB,aAAEY,WAAW,iBAAiBN,YAAY,eAAeC,YAAY,CAAC,cAAc,OAAO,YAAY,QAAQM,GAAG,CAAC,OAAS,CAAC,SAASC,GAAQ,IAAIC,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKL,EAAOM,OAAOC,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEX,MAAM,OAAOc,KAAOzB,EAAI2B,aAAab,EAAOM,OAAOQ,SAAWb,EAAgBA,EAAc,IAAI,SAASD,GAAQ,OAAOd,EAAI6B,iBAAiB7B,EAAI8B,GAAI9B,EAAiB,eAAE,SAAS+B,GAAM,OAAO3B,EAAG,SAAS,CAAC4B,IAAID,EAAKE,KAAKC,SAAS,CAAC,MAAQH,EAAKE,OAAO,CAACjC,EAAImC,GAAG,IAAInC,EAAIoC,GAAGL,EAAKE,MAAM,UAAS,KAAK7B,EAAG,OAAO,CAACG,YAAY,CAAC,MAAQ,MAAM,QAAU,QAAQ,CAACH,EAAG,SAAS,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAgB,aAAEY,WAAW,iBAAiBN,YAAY,eAAeC,YAAY,CAAC,cAAc,OAAO,YAAY,QAAQM,GAAG,CAAC,OAAS,CAAC,SAASC,GAAQ,IAAIC,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKL,EAAOM,OAAOC,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEX,MAAM,OAAOc,KAAOzB,EAAIqC,aAAavB,EAAOM,OAAOQ,SAAWb,EAAgBA,EAAc,IAAI,SAASD,GAAQ,OAAOd,EAAI6B,iBAAiB7B,EAAI8B,GAAI9B,EAAIsC,SAAS,SAASC,GAAM,OAAQA,GAAQ,KAAMnC,EAAG,SAAS,CAAC8B,SAAS,CAAC,MAAQK,IAAO,CAACvC,EAAImC,GAAGnC,EAAIoC,GAAGG,MAASvC,EAAIwC,QAAO,MAAM,GAAGpC,EAAG,MAAMA,EAAG,OAAO,CAACA,EAAG,OAAO,CAACG,YAAY,CAAC,MAAQ,OAAO,QAAU,MAAM,cAAc,SAAS,CAACH,EAAG,YAAY,CAACqC,MAAM,CAAC,KAAO,OAAO,OAAS,MAAM,QAAUzC,EAAI0C,aAAa,OAAS1C,EAAI2C,UAAUvC,EAAG,YAAY,CAACqC,MAAM,CAAC,KAAO,OAAO,OAAS,MAAM,QAAUzC,EAAI4C,cAAc,OAAS5C,EAAI6C,WAAWzC,EAAG,YAAY,CAACqC,MAAM,CAAC,KAAO,MAAM,OAAS,MAAM,QAAUzC,EAAI8C,cAAc,OAAS9C,EAAI+C,YAAY,IAAI,IAAI,QACzlEC,EAAkB,G,myBCuEtB,sBACA,wCACA,sBACA,OACEC,KADF,WAEI,MAAO,CACLZ,cAAc,IAAIa,MAAOC,cACzBC,cAAe,GACfzB,aAAc,GAEde,aAAc,CACZW,MAAO,CACLC,OAAQ,IACRC,KAAM,OACNC,WAAY,CACVC,SAAS,EACTC,MAAO,OACPC,IAAK,GACLC,KAAM,EACNC,KAAM,GACNC,QAAS,IAEXC,QAAS,CACPC,MAAM,IAGVC,OAAQ,CAAC,UAAW,WACpBC,OAAQ,CACNC,MAAO,UAETC,MAAO,CACLC,KAAM,kBACNC,MAAO,QAaTC,QAAS,CACPC,KAAM,GAERC,MAAO,CACLC,OAAQ,CACNV,MAAM,EACNM,MAAO,QACPK,SAAU,EACVC,SAAU,IACVC,UAAW,SAAvB,GACc,OAAgB,MAATlE,EACrB,GACA,QACA,OACA,WACA,WACA,yCACA,QAIQmE,MAAO,CACLvB,KAAM,SACNE,SAAS,EACTsB,WAAY,GACZC,MAAO,CACLC,SAAU,MACVhB,OAAQ,CAAC,aAGbiB,OAAQ,CACNC,SAAU,MACVC,gBAAiB,QACjBC,UAAU,EACVC,SAAU,EACVC,SAAU,IAGd5C,OAAQ,CACd,CACQ,KAAR,eACQ,KAAR,GACQ,UAAR,YACU,OAAV,QACA,GACA,OACA,EACA,WACA,WACA,4CAKMC,cAAe,CACbS,MAAO,CACLC,OAAQ,IACRC,KAAM,OACNC,WAAY,CACVC,SAAS,EACTC,MAAO,OACPC,IAAK,GACLC,KAAM,EACNC,KAAM,GACNC,QAAS,IAEXC,QAAS,CACPC,MAAM,IAGVC,OAAQ,CAAC,UAAW,WACpBC,OAAQ,CACNC,MAAO,UAETC,MAAO,CACLC,KAAM,6BACNC,MAAO,QAaTC,QAAS,CACPC,KAAM,GAERC,MAAO,CACLC,OAAQ,CACNV,MAAM,EACNM,MAAO,QACPK,SAAU,EACVC,SAAU,IACVC,UAAW,SAAvB,GACc,OAAgB,MAATlE,EACrB,GACA,QACA,OACA,WACA,WACA,yCACA,QAIQmE,MAAO,CACLvB,KAAM,SACNE,SAAS,EACTsB,WAAY,GACZC,MAAO,CACLC,SAAU,MACVhB,OAAQ,CAAC,aAGbiB,OAAQ,CACNC,SAAU,MACVC,gBAAiB,QACjBC,UAAU,EACVC,SAAU,EACVC,SAAU,IAGd1C,QAAS,CACf,CACQ,KAAR,eACQ,KAAR,GACQ,UAAR,YACU,OAAV,QACA,GACA,OACA,EACA,WACA,WACA,4CAKMC,cAAe,CACbO,MAAO,CACLC,OAAQ,IACRC,KAAM,MACNC,WAAY,CACVC,SAAS,EACTC,MAAO,OACPC,IAAK,GACLC,KAAM,EACNC,KAAM,GACNC,QAAS,IAEXC,QAAS,CACPC,MAAM,IAGVC,OAAQ,CAAC,UAAW,WACpBC,OAAQ,CACNC,MAAO,UAETC,MAAO,CACLC,KAAM,qBACNC,MAAO,QAETkB,WAAY,CACV/B,SAAS,EACT0B,SAAU,SACVN,UAAW,SAArB,KACY,OAAgB,MAATlE,EACnB,GACA,QACA,OACA,WACA,WACA,yCACA,KAEU4E,SAAU,EACVP,MAAO,CACLC,SAAU,MACVhB,OAAQ,CAAC,aAGbM,QAAS,CACPC,KAAM,GAERC,MAAO,CACLC,OAAQ,CACNV,MAAM,EACNM,MAAO,QACPK,SAAU,EACVC,SAAU,IACVC,UAAW,SAAvB,GACc,OAAgB,MAATlE,EACrB,GACA,QACA,OACA,WACA,WACA,yCACA,QAIQmE,MAAO,CACLvB,KAAM,SACNE,SAAS,EACTsB,WAAY,GACZC,MAAO,CACLC,SAAU,MACVhB,OAAQ,CAAC,aAGbiB,OAAQ,CACNC,SAAU,MACVC,gBAAiB,QACjBC,UAAU,EACVC,SAAU,EACVC,SAAU,IAGdxC,QAAS,GAET0C,UAAW,KAGfC,QAAS,CACPC,YADJ,WAEM,IAAN,KACA,KACA,sCACQ,OAAOC,KAAKC,MAAMD,KAAKE,UAAYC,EAAMC,EAAM,IAAMA,KAG7D,sDAGM/F,KAAKyC,aAAe,CAClBuB,OAAQ,CAACA,EAAO2B,KAAKC,MAAMD,KAAKE,SAAW7B,EAAOgC,WAGpDhG,KAAK0C,OAAS,CACpB,CACQ,KAAR,KAIIL,MArBJ,WAsBM,IAAN,2BACM,OAAOtB,MAAMkF,KACnB,CAAQ,OAAR,SACA,cAAQ,OAAR,WAGIrE,WA5BJ,WA4BA,WACA,qBACA,GACQsE,QAASlG,KAAK0B,aACdyE,KAAMnG,KAAKoC,cAEb,GAAyB,aAArBpC,KAAK0B,aAA6B,CACpC,GAAmB,oBAARsB,EAAqB,CAC9B,IAAV,YACA,YACU,EAAV,EACA,KADA,UACA,eADA,0BACA,GACY,QAAZ,CACc,eAAd,mBACc,cAAd,eAGA,kBACY,QAAZ,OACY,EAAZ,0BACc,EAAd,kBACc,EAAd,kBAGY,EAAZ,QACA,CACc,KAAd,IAIY,EAAZ,oBACA,gBACA,CACc,MAAd,CACgB,WAAhB,KAIY,EAAZ,cAEA,mBACY,EAAZ,WACY,QAAZ,iBAGUhD,KAAKoG,SAAU,EACfpG,KAAKqG,QAAQC,KAAK,CAA5B,sBAGQ,GAAmB,oBAARtD,EAAqB,CAC9B,IAAV,YACA,YACU,EAAV,EACA,KADA,UAEA,eAFA,qCAGA,EACA,CACY,QAAZ,CACc,eAAd,mBACc,cAAd,eAIA,kBACY,QAAZ,YACY,EAAZ,0BACc,EAAd,kBACc,EAAd,uBAGY,EAAZ,SACA,CACc,KAAd,IAIY,EAAZ,qBACA,iBACA,CACc,MAAd,CACgB,WAAhB,KAIY,EAAZ,cAEA,mBACY,EAAZ,WACY,QAAZ,iBAGUhD,KAAKoG,SAAU,EACfpG,KAAKqG,QAAQC,KAAK,CAA5B,sBAGQ,GAAmB,oBAARtD,EAAqB,CAC9B,IAAV,YACA,YACA,YACU,EAAV,EACA,KADA,UAEA,eAFA,iCAGA,EACA,CACY,QAAZ,CACc,eAAd,mBACc,cAAd,eAIA,kBACY,QAAZ,YACY,EAAZ,0BACc,EAAd,kBACA,wBACgB,EAAhB,eAEgB,EAAhB,kBAIY,IAAZ,4BACc,OAAd,oBAEY,QAAZ,OACY,EAAZ,SACA,CACc,KAAd,SACc,KAAd,EACc,UAAd,YACgB,OAAhB,QACA,GACA,OACA,EACA,WACA,WACA,2CAGA,CACc,KAAd,UACc,KAAd,EACc,UAAd,YACgB,OAAhB,QACA,GACA,OACA,EACA,WACA,WACA,4CAKY,EAAZ,qBACA,iBACA,CACc,MAAd,CACgB,WAAhB,KAIY,EAAZ,cAEA,mBACY,EAAZ,WACY,QAAZ,iBAGUhD,KAAKoG,SAAU,EACfpG,KAAKqG,QAAQC,KAAK,CAA5B,sBAIMtG,KAAKoG,SAAU,IAGnBG,YA5dF,WA4dA,WACIvG,KAAKoG,SAAU,EACf,IAAJ,iBACA,sCACA,2BACIpG,KAAKwF,UAAYgB,EACjB,IAAJ,qBAMA,eACIC,EAAKC,OAAO,aAAc1G,KAAK0B,cAC/B,IAAJ,wCACuB,oBAARsB,EACT,EAAN,EACA,KADA,UACA,EADA,4BACA,GACQ,QAAR,CACU,8BAAV,IACU,+BAAV,6BACU,+BACV,8EACU,eAAV,mBACU,cAAV,eAGA,kBACQ,QAAR,OACQ,EAAR,wBAEA,mBACQ,EAAR,wBACU,QAAV,EACU,KAAV,QACU,SAAV,cAIMhD,KAAKqG,QAAQC,KAAK,CAAxB,sBAmJItG,KAAKoG,SAAU,ICjuB4U,I,YCO3VO,EAAY,eACd,EACA7G,EACAiD,GACA,EACA,KACA,KACA,MAIa,aAAA4D,E","file":"js/chunk-2d0c8ff5.56b759cc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CWrapper',[_c('div',{staticClass:\"c-body\",staticStyle:{\"margin-top\":\"-2rem!important\"}},[_c('main',{staticClass:\"c-main\",staticStyle:{\"padding-top\":\"0rem !important\"}},[_c('CRow',[_c('CCol',{staticStyle:{\"width\":\"50%\",\"padding\":\"4px\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedData),expression:\"selectedData\"}],staticClass:\"form-control\",staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"18px\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedData=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.reloadData()}]}},_vm._l((_vm.companyResult),function(item){return _c('option',{key:item.Code,domProps:{\"value\":item.Code}},[_vm._v(\" \"+_vm._s(item.Code)+\" \")])}),0)]),_c('CCol',{staticStyle:{\"width\":\"50%\",\"padding\":\"4px\"}},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedYear),expression:\"selectedYear\"}],staticClass:\"form-control\",staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"18px\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedYear=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.reloadData()}]}},_vm._l((_vm.years()),function(year){return (year >= 2015)?_c('option',{domProps:{\"value\":year}},[_vm._v(_vm._s(year))]):_vm._e()}),0)])],1),_c('br'),_c('CRow',[_c('CCol',{staticStyle:{\"width\":\"100%\",\"padding\":\"0px\",\"margin-left\":\"-5px\"}},[_c('apexchart',{attrs:{\"type\":\"line\",\"height\":\"260\",\"options\":_vm.chartOptions,\"series\":_vm.series}}),_c('apexchart',{attrs:{\"type\":\"line\",\"height\":\"260\",\"options\":_vm.chartOptions1,\"series\":_vm.series1}}),_c('apexchart',{attrs:{\"type\":\"bar\",\"height\":\"260\",\"options\":_vm.chartOptions2,\"series\":_vm.series2}})],1)],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <CWrapper>\r\n    <div class=\"c-body\" style=\"margin-top: -2rem!important;\">\r\n      <main class=\"c-main\" style=\"padding-top:0rem !important;\">\r\n        <!--<div class=\"app\" style=\"margin-left:-15px; margin-right:-15px;\">-->\r\n        <CRow>\r\n          <CCol style=\"width: 50%;padding: 4px;\">\r\n            <select\r\n              class=\"form-control\"\r\n              style=\"font-weight: bold; font-size:18px;\"\r\n              @change=\"reloadData()\"\r\n              v-model=\"selectedData\"\r\n            >\r\n              <option\r\n                v-for=\"item in companyResult\"\r\n                :value=\"item.Code\"\r\n                :key=\"item.Code\"\r\n              >\r\n                {{ item.Code }}\r\n              </option>\r\n            </select>\r\n          </CCol>\r\n          <CCol style=\"width: 50%;padding: 4px;\">\r\n            <select\r\n              class=\"form-control\"\r\n              style=\"font-weight: bold; font-size:18px;\"\r\n              @change=\"reloadData()\"\r\n              v-model=\"selectedYear\"\r\n            >\r\n              <option\r\n                v-for=\"year in years()\"\r\n                v-if=\"year >= 2015\"\r\n                :value=\"year\"\r\n                >{{ year }}</option\r\n              >\r\n            </select>\r\n          </CCol>\r\n        </CRow>\r\n        <br />\r\n        <CRow>\r\n          <CCol style=\"width: 100%;padding: 0px;margin-left: -5px;\">\r\n            <apexchart\r\n              type=\"line\"\r\n              height=\"260\"\r\n              :options=\"chartOptions\"\r\n              :series=\"series\"\r\n            ></apexchart>\r\n            <apexchart\r\n              type=\"line\"\r\n              height=\"260\"\r\n              :options=\"chartOptions1\"\r\n              :series=\"series1\"\r\n            ></apexchart>\r\n            <apexchart\r\n              type=\"bar\"\r\n              height=\"260\"\r\n              :options=\"chartOptions2\"\r\n              :series=\"series2\"\r\n            ></apexchart>\r\n          </CCol>\r\n        </CRow>\r\n      </main>\r\n    </div>\r\n  </CWrapper>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport axios from \"axios\";\r\nimport \"@babel/polyfill\";\r\nimport VueCordova from \"vue-cordova\";\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nimport CryptoJS from \"crypto-js\";\r\nVue.use(VueApexCharts);\r\nVue.component(\"apexchart\", VueApexCharts);\r\nVue.use(VueCordova);\r\nexport default {\r\n  data() {\r\n    return {\r\n      selectedYear: new Date().getFullYear(),\r\n      companyResult: [],\r\n      selectedData: \"\",\r\n\r\n      chartOptions: {\r\n        chart: {\r\n          height: 200,\r\n          type: \"line\",\r\n          dropShadow: {\r\n            enabled: true,\r\n            color: \"#000\",\r\n            top: 18,\r\n            left: 7,\r\n            blur: 10,\r\n            opacity: 0.2,\r\n          },\r\n          toolbar: {\r\n            show: false,\r\n          },\r\n        },\r\n        colors: [\"#77B6EA\", \"#545454\"],\r\n        stroke: {\r\n          curve: \"smooth\",\r\n        },\r\n        title: {\r\n          text: \"Profit and Lost\",\r\n          align: \"left\",\r\n        },\r\n        //                    dataLabels: {\r\n        //    enabled: true,\r\n        //    formatter: function (value, opts) {\r\n        //        return value == null ? \"\" : \"Rp. \" + (value / 1000000).toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,') + \"M\";\r\n        //    },\r\n        //    offsetX: -2,\r\n        //    style: {\r\n        //        fontSize: '7px',\r\n        //        colors: [\"#304758\"],\r\n        //    }\r\n        //},\r\n        markers: {\r\n          size: 5,\r\n        },\r\n        yaxis: {\r\n          labels: {\r\n            show: true,\r\n            align: \"right\",\r\n            minWidth: 0,\r\n            maxWidth: 160,\r\n            formatter: function(value) {\r\n              return value == null\r\n                ? \"\"\r\n                : \"Rp. \" +\r\n                    (value / 1000000000)\r\n                      .toFixed(2)\r\n                      .toString()\r\n                      .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\") +\r\n                    \" M\";\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          type: \"string\",\r\n          enabled: true,\r\n          categories: [],\r\n          style: {\r\n            fontSize: \"7px\",\r\n            colors: [\"#304758\"],\r\n          },\r\n        },\r\n        legend: {\r\n          position: \"top\",\r\n          horizontalAlign: \"right\",\r\n          floating: false,\r\n          offsetY: -2,\r\n          offsetX: -5,\r\n        },\r\n      },\r\n      series: [\r\n        {\r\n          name: \"Total Amount\",\r\n          data: [],\r\n          formatter: function(value) {\r\n            return value == null\r\n              ? \"\"\r\n              : \"Rp. \" +\r\n                  value\r\n                    .toFixed(2)\r\n                    .toString()\r\n                    .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n          },\r\n        },\r\n      ],\r\n\r\n      chartOptions1: {\r\n        chart: {\r\n          height: 200,\r\n          type: \"line\",\r\n          dropShadow: {\r\n            enabled: true,\r\n            color: \"#000\",\r\n            top: 18,\r\n            left: 7,\r\n            blur: 10,\r\n            opacity: 0.2,\r\n          },\r\n          toolbar: {\r\n            show: false,\r\n          },\r\n        },\r\n        colors: [\"#77B6EA\", \"#545454\"],\r\n        stroke: {\r\n          curve: \"smooth\",\r\n        },\r\n        title: {\r\n          text: \"Profit and Loss Cumulative\",\r\n          align: \"left\",\r\n        },\r\n        //                    dataLabels: {\r\n        //    enabled: true,\r\n        //    formatter: function (value, opts) {\r\n        //        return value == null ? \"\" : \"Rp. \" + (value / 1000000).toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,') + \"M\";\r\n        //    },\r\n        //    offsetX: -2,\r\n        //    style: {\r\n        //        fontSize: '7px',\r\n        //        colors: [\"#304758\"],\r\n        //    }\r\n        //},\r\n        markers: {\r\n          size: 5,\r\n        },\r\n        yaxis: {\r\n          labels: {\r\n            show: true,\r\n            align: \"right\",\r\n            minWidth: 0,\r\n            maxWidth: 160,\r\n            formatter: function(value) {\r\n              return value == null\r\n                ? \"\"\r\n                : \"Rp. \" +\r\n                    (value / 1000000000)\r\n                      .toFixed(2)\r\n                      .toString()\r\n                      .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\") +\r\n                    \" M\";\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          type: \"string\",\r\n          enabled: true,\r\n          categories: [],\r\n          style: {\r\n            fontSize: \"7px\",\r\n            colors: [\"#304758\"],\r\n          },\r\n        },\r\n        legend: {\r\n          position: \"top\",\r\n          horizontalAlign: \"right\",\r\n          floating: false,\r\n          offsetY: -2,\r\n          offsetX: -5,\r\n        },\r\n      },\r\n      series1: [\r\n        {\r\n          name: \"Total Amount\",\r\n          data: [],\r\n          formatter: function(value) {\r\n            return value == null\r\n              ? \"\"\r\n              : \"Rp. \" +\r\n                  value\r\n                    .toFixed(2)\r\n                    .toString()\r\n                    .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n          },\r\n        },\r\n      ],\r\n\r\n      chartOptions2: {\r\n        chart: {\r\n          height: 200,\r\n          type: \"bar\",\r\n          dropShadow: {\r\n            enabled: true,\r\n            color: \"#000\",\r\n            top: 18,\r\n            left: 7,\r\n            blur: 10,\r\n            opacity: 0.2,\r\n          },\r\n          toolbar: {\r\n            show: false,\r\n          },\r\n        },\r\n        colors: [\"#77B6EA\", \"#545454\"],\r\n        stroke: {\r\n          curve: \"smooth\",\r\n        },\r\n        title: {\r\n          text: \"Expense and Income\",\r\n          align: \"left\",\r\n        },\r\n        dataLabels: {\r\n          enabled: false,\r\n          position: \"middle\",\r\n          formatter: function(value, opts) {\r\n            return value == null\r\n              ? \"\"\r\n              : \"Rp. \" +\r\n                  (value / 1000000)\r\n                    .toFixed(2)\r\n                    .toString()\r\n                    .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\") +\r\n                  \"M\";\r\n          },\r\n          offsetX: -2,\r\n          style: {\r\n            fontSize: \"8px\",\r\n            colors: [\"#304758\"],\r\n          },\r\n        },\r\n        markers: {\r\n          size: 5,\r\n        },\r\n        yaxis: {\r\n          labels: {\r\n            show: true,\r\n            align: \"right\",\r\n            minWidth: 0,\r\n            maxWidth: 160,\r\n            formatter: function(value) {\r\n              return value == null\r\n                ? \"\"\r\n                : \"Rp. \" +\r\n                    (value / 1000000000)\r\n                      .toFixed(2)\r\n                      .toString()\r\n                      .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\") +\r\n                    \" M\";\r\n            },\r\n          },\r\n        },\r\n        xaxis: {\r\n          type: \"string\",\r\n          enabled: true,\r\n          categories: [],\r\n          style: {\r\n            fontSize: \"7px\",\r\n            colors: [\"#304758\"],\r\n          },\r\n        },\r\n        legend: {\r\n          position: \"top\",\r\n          horizontalAlign: \"right\",\r\n          floating: false,\r\n          offsetY: -2,\r\n          offsetX: -5,\r\n        },\r\n      },\r\n      series2: [],\r\n\r\n      urlServer: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    updateChart() {\r\n      const max = 90;\r\n      const min = 20;\r\n      const newData = this.series[0].data.map(() => {\r\n        return Math.floor(Math.random() * (max - min + 1)) + min;\r\n      });\r\n\r\n      const colors = [\"#008FFB\", \"#00E396\", \"#FEB019\", \"#FF4560\", \"#775DD0\"];\r\n\r\n      // Make sure to update the whole options config and not just a single property to allow the Vue watch catch the change.\r\n      this.chartOptions = {\r\n        colors: [colors[Math.floor(Math.random() * colors.length)]],\r\n      };\r\n      // In the same way, update the series option\r\n      this.series = [\r\n        {\r\n          data: newData,\r\n        },\r\n      ];\r\n    },\r\n    years() {\r\n      const year = new Date().getFullYear();\r\n      return Array.from(\r\n        { length: year - 1900 },\r\n        (value, index) => 1901 + index\r\n      );\r\n    },\r\n    reloadData() {\r\n      let data = localStorage.token;\r\n      const paramComment = {\r\n        Company: this.selectedData,\r\n        Year: this.selectedYear,\r\n      };\r\n      if (this.selectedData != \"undefined\") {\r\n        if (typeof data != \"undefined\") {\r\n          const month = new Array();\r\n          const amount = new Array();\r\n          axios\r\n            .post(`${this.urlServer}/Api/Dashboard/Profit/`, paramComment, {\r\n              headers: {\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: \"Bearer \" + data,\r\n              },\r\n            })\r\n            .then((res) => {\r\n              console.log(res);\r\n              res.data.forEach(function(entry) {\r\n                month.push(entry.MonthName);\r\n                amount.push(entry.Amount);\r\n              });\r\n\r\n              this.series = [\r\n                {\r\n                  data: amount,\r\n                },\r\n              ];\r\n\r\n              this.chartOptions = {\r\n                ...this.chartOptions,\r\n                ...{\r\n                  xaxis: {\r\n                    categories: month,\r\n                  },\r\n                },\r\n              };\r\n              this.loading = false;\r\n            })\r\n            .catch((error) => {\r\n              this.loading = false;\r\n              console.error(error);\r\n            });\r\n        } else {\r\n          this.loading = false;\r\n          this.$router.push({ path: \"/pages/login\" });\r\n        }\r\n\r\n        if (typeof data != \"undefined\") {\r\n          const month = new Array();\r\n          const amount = new Array();\r\n          axios\r\n            .post(\r\n              `${this.urlServer}/Api/Dashboard/ProfitCummulative/`,\r\n              paramComment,\r\n              {\r\n                headers: {\r\n                  \"Content-Type\": \"application/json\",\r\n                  Authorization: \"Bearer \" + data,\r\n                },\r\n              }\r\n            )\r\n            .then((res) => {\r\n              console.log(res.data);\r\n              res.data.forEach(function(entry) {\r\n                month.push(entry.MonthName);\r\n                amount.push(entry.Cummulative);\r\n              });\r\n\r\n              this.series1 = [\r\n                {\r\n                  data: amount,\r\n                },\r\n              ];\r\n\r\n              this.chartOptions1 = {\r\n                ...this.chartOptions1,\r\n                ...{\r\n                  xaxis: {\r\n                    categories: month,\r\n                  },\r\n                },\r\n              };\r\n              this.loading = false;\r\n            })\r\n            .catch((error) => {\r\n              this.loading = false;\r\n              console.error(error);\r\n            });\r\n        } else {\r\n          this.loading = false;\r\n          this.$router.push({ path: \"/pages/login\" });\r\n        }\r\n\r\n        if (typeof data != \"undefined\") {\r\n          const month = new Array();\r\n          const amountIn = new Array();\r\n          const amountEx = new Array();\r\n          axios\r\n            .post(\r\n              `${this.urlServer}/Api/Dashboard/ExpenseIncome/`,\r\n              paramComment,\r\n              {\r\n                headers: {\r\n                  \"Content-Type\": \"application/json\",\r\n                  Authorization: \"Bearer \" + data,\r\n                },\r\n              }\r\n            )\r\n            .then((res) => {\r\n              console.log(res.data);\r\n              res.data.forEach(function(entry) {\r\n                month.push(entry.MonthName);\r\n                if (entry.GeneralType == \"Income\") {\r\n                  amountIn.push(entry.Amount);\r\n                } else {\r\n                  amountEx.push(entry.Amount);\r\n                }\r\n              });\r\n\r\n              var months = month.filter(function(elem, index, self) {\r\n                return index === self.indexOf(elem);\r\n              });\r\n              console.log(months);\r\n              this.series2 = [\r\n                {\r\n                  name: \"Income\",\r\n                  data: amountIn,\r\n                  formatter: function(value) {\r\n                    return value == null\r\n                      ? \"\"\r\n                      : \"Rp. \" +\r\n                          value\r\n                            .toFixed(2)\r\n                            .toString()\r\n                            .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n                  },\r\n                },\r\n                {\r\n                  name: \"Expense\",\r\n                  data: amountEx,\r\n                  formatter: function(value) {\r\n                    return value == null\r\n                      ? \"\"\r\n                      : \"Rp. \" +\r\n                          value\r\n                            .toFixed(2)\r\n                            .toString()\r\n                            .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n                  },\r\n                },\r\n              ];\r\n\r\n              this.chartOptions2 = {\r\n                ...this.chartOptions2,\r\n                ...{\r\n                  xaxis: {\r\n                    categories: months,\r\n                  },\r\n                },\r\n              };\r\n              this.loading = false;\r\n            })\r\n            .catch((error) => {\r\n              this.loading = false;\r\n              console.error(error);\r\n            });\r\n        } else {\r\n          this.loading = false;\r\n          this.$router.push({ path: \"/pages/login\" });\r\n        }\r\n      } else {\r\n      }\r\n      this.loading = false;\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.loading = true;\r\n    const stringToProtect = \"Amsys_2@2021\";\r\n    let url = CryptoJS.AES.decrypt(localStorage.url, stringToProtect);\r\n    const urlS = url.toString(CryptoJS.enc.Utf8);\r\n    this.urlServer = urlS;\r\n    let data = localStorage.token;\r\n    const paramComment = {\r\n      Company: \"PT. CAKRAWALA DINAMIKA ENERGI\",\r\n      Year: \"2019\",\r\n    };\r\n\r\n    const form = new FormData();\r\n    form.append(\"CompanyOid\", this.selectedData);\r\n    let sendData = JSON.stringify(Object.fromEntries(form));\r\n    if (typeof data != \"undefined\") {\r\n      axios\r\n        .post(`${urlS}/Api/General/GetCompany/`, sendData, {\r\n          headers: {\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            \"Access-Control-Allow-Methods\": \"DELETE, POST, GET, OPTIONS\",\r\n            \"Access-Control-Allow-Headers\":\r\n              \"Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With\",\r\n            \"Content-Type\": \"application/json\",\r\n            Authorization: \"Bearer \" + data,\r\n          },\r\n        })\r\n        .then((res) => {\r\n          console.log(res);\r\n          this.companyResult = res.data;\r\n        })\r\n        .catch((error) => {\r\n          Vue.$toast.open({\r\n            message: error,\r\n            type: \"error\",\r\n            position: \"bottom\",\r\n          });\r\n        });\r\n    } else {\r\n      this.$router.push({ path: \"/pages/login\" });\r\n    }\r\n    //if (typeof data != 'undefined') {\r\n    //    const month = new Array();\r\n    //    const amount = new Array();\r\n    //    axios.post('/Api/Dashboard/Profit/', paramComment, {\r\n    //        headers: {\r\n    //            'Content-Type': 'application/json',\r\n    //            'Authorization': 'Bearer ' + data\r\n    //        }\r\n    //    })\r\n    //        .then((res) => {\r\n    //            console.log(res.data);\r\n    //            res.data.forEach(function (entry) {\r\n    //                month.push(entry.MonthName);\r\n    //                amount.push(entry.Amount);\r\n    //            });\r\n\r\n    //            this.series = [{\r\n    //                data: amount\r\n    //            }];\r\n\r\n    //            this.chartOptions = {\r\n    //                ...this.chartOptions, ...{\r\n    //                    xaxis: {\r\n    //                        categories: month\r\n    //                    }\r\n    //                }\r\n    //            }\r\n    //            this.loading = false;\r\n    //        })\r\n    //        .catch((error) => {\r\n    //            this.loading = false;\r\n    //            console.error(error);\r\n    //        });\r\n    //} else {\r\n    //    this.loading = false;\r\n    //    this.$router.push({ path: '/pages/login' })\r\n    //}\r\n\r\n    //if (typeof data != 'undefined') {\r\n    //    const month = new Array();\r\n    //    const amount = new Array();\r\n    //    axios.post('/Api/Dashboard/ProfitCummulative/', paramComment, {\r\n    //        headers: {\r\n    //            'Content-Type': 'application/json',\r\n    //            'Authorization': 'Bearer ' + data\r\n    //        }\r\n    //    })\r\n    //        .then((res) => {\r\n    //            console.log(res.data);\r\n    //            res.data.forEach(function (entry) {\r\n    //                month.push(entry.MonthName);\r\n    //                amount.push(entry.Cummulative);\r\n    //            });\r\n\r\n    //            this.series1 = [{\r\n    //                data: amount\r\n    //            }];\r\n\r\n    //            this.chartOptions1 = {\r\n    //                ...this.chartOptions1, ...{\r\n    //                    xaxis: {\r\n    //                        categories: month\r\n    //                    }\r\n    //                }\r\n    //            }\r\n    //            this.loading = false;\r\n    //        })\r\n    //        .catch((error) => {\r\n    //            this.loading = false;\r\n    //            console.error(error);\r\n    //        });\r\n    //} else {\r\n    //    this.loading = false;\r\n    //    this.$router.push({ path: '/pages/login' })\r\n    //}\r\n\r\n    //if (typeof data != 'undefined') {\r\n    //    const month = new Array();\r\n    //    const amountIn = new Array();\r\n    //    const amountEx = new Array();\r\n    //    axios.post('/Api/Dashboard/ExpenseIncome/', paramComment, {\r\n    //        headers: {\r\n    //            'Content-Type': 'application/json',\r\n    //            'Authorization': 'Bearer ' + data\r\n    //        }\r\n    //    })\r\n    //        .then((res) => {\r\n    //            console.log(res.data);\r\n    //            res.data.forEach(function (entry) {\r\n    //                month.push(entry.MonthName);\r\n    //                if (entry.GeneralType == \"Income\") {\r\n    //                    amountIn.push(entry.Amount);\r\n    //                } else {\r\n    //                    amountEx.push(entry.Amount);\r\n    //                }\r\n    //            });\r\n\r\n    //            var months = month.filter(function (elem, index, self) {\r\n    //                return index === self.indexOf(elem);\r\n    //            });\r\n    //            console.log(months);\r\n    //            this.series2 = [\r\n    //                {\r\n    //                    name: 'Income',\r\n    //                    data: amountIn,\r\n    //                    formatter: function (value) {\r\n    //                        return value == null ? \"\" : \"Rp. \" + value.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,');\r\n    //                    }\r\n    //                },\r\n    //                {\r\n    //                    name: 'Expense',\r\n    //                    data: amountEx,\r\n    //                    formatter: function (value) {\r\n    //                        return value == null ? \"\" : \"Rp. \" + value.toFixed(2).toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,');\r\n    //                    }\r\n    //                }\r\n    //            ];\r\n\r\n    //            this.chartOptions2 = {\r\n    //                ...this.chartOptions2, ...{\r\n    //                    xaxis: {\r\n    //                        categories: months\r\n    //                    }\r\n    //                }\r\n    //            }\r\n\r\n    //            if (res.data.length > 0) {\r\n    //                this.show = true;\r\n    //                this.showNotFound = false;\r\n    //                this.result = res.data;\r\n    //            } else {\r\n    //                this.show = false;\r\n    //                this.showNotFound = true;\r\n    //            };\r\n    //            this.loading = false;\r\n    //        })\r\n    //        .catch((error) => {\r\n    //            this.loading = false;\r\n    //            console.error(error);\r\n    //        });\r\n    //} else {\r\n    //    this.loading = false;\r\n    //    this.$router.push({ path: '/pages/login' })\r\n    //}\r\n\r\n    this.loading = false;\r\n  },\r\n};\r\n</script>\r\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!./Charts.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!./Charts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Charts.vue?vue&type=template&id=092e93da&\"\nimport script from \"./Charts.vue?vue&type=script&lang=js&\"\nexport * from \"./Charts.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}