{"version":3,"sources":["webpack:///./src/views/VmHolders.vue?eb1a","webpack:///src/views/VmHolders.vue","webpack:///./src/views/VmHolders.vue?4a94","webpack:///./src/views/VmHolders.vue","webpack:///./src/views/VmHolders.vue?869b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","directives","name","rawName","modifiers","attrs","on","Download","staticStyle","staticRenderFns","components","data","dataTransaction","pageOfItems","currentPage","perPage","lengthData","trade_id","offset","form","startDate","endDate","mounted","getData","methods","handlePageChange","value","window","scrollTo","divToPrint","document","getElementById","htmlToPrint","outerHTML","newWin","open","write","print","close","computed","rows","component"],"mappings":"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","file":"js/chunk-75238974.16c369ae.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-dashboard\"},[_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"wrap-content\"},[_c('div',{staticClass:\"title-page\"},[_vm._v(\"Holders\")]),_c('div',{staticClass:\"content\"},[_c('table',[_vm._m(0),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"1\")]),_c('td',[_vm._v(\"LP000003\")]),_c('td',[_vm._v(\"QWERTY123\")]),_c('td',[_vm._v(\"12\")]),_c('td',[_vm._v(\"10\")]),_c('td',[_vm._v(\"1gr\")]),_c('td',[_vm._v(\"33\")]),_c('td',[_vm._v(\"3363,29\")]),_c('td',[_vm._v(\"49957299\")]),_c('td',[_vm._v(\"Paid\")]),_c('td',[_vm._v(\"Collateralized\")]),_c('td',[_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-1\",modifiers:{\"modal-1\":true}}],staticClass:\"btn btn-outline-info btn-sm\",attrs:{\"type\":\"button\"}},[_vm._v(\"Detail\")])])])])]),_c('b-modal',{attrs:{\"id\":\"modal-1\",\"title\":\"Holder History\",\"hide-footer\":\"\",\"size\":\"xl\"}},[_c('button',{staticClass:\"btn btn-scondary mb-3 text-right\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.Download}},[_vm._v(\"Download\")]),_c('table',{attrs:{\"id\":\"tableDetail\"}},[_c('thead',[_c('tr',{attrs:{\"id\":\"top\"}},[_c('th',{staticStyle:{\"width\":\"70px\"},attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{staticStyle:{\"width\":\"120px\"},attrs:{\"scope\":\"col\"}},[_vm._v(\"Trade Matched Id\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"TimeStamp\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Order Id\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Trade Id\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Total(gr)\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Direction\")])])]),_c('tbody',[_c('tr',[_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"No\"}},[_vm._v(\"1\")]),_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"Trade Match Id\"}},[_vm._v(\"93209\")]),_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"Time Stamp\"}},[_vm._v(\"28 September 2022 16:20\")]),_c('td',{staticClass:\"description\",attrs:{\"data-label\":\"Order Id\"}},[_vm._v(\"15600\")]),_c('td',{attrs:{\"data-label\":\"Remarks\"}},[_vm._v(\" 037-PC008833-93212 \")]),_c('td',{attrs:{\"data-label\":\"VA Code\"}},[_vm._v(\"1\")]),_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"Amount\"}},[_vm._v(\"Buy\")])]),_c('tr',[_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"No\"}},[_vm._v(\"2\")]),_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"Trade Match Id\"}},[_vm._v(\"93205\")]),_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"Time Stamp\"}},[_vm._v(\"27 September 2022 14:20\")]),_c('td',{staticClass:\"description\",attrs:{\"data-label\":\"Order Id\"}},[_vm._v(\"15589\")]),_c('td',{attrs:{\"data-label\":\"Remarks\"}},[_vm._v(\"037-PC008822-93110\")]),_c('td',{attrs:{\"data-label\":\"VA Code\"}},[_vm._v(\"0.1\")]),_c('td',{staticStyle:{\"border-right\":\"1px solid #ddd\"},attrs:{\"data-label\":\"Amount\"}},[_vm._v(\"Sell\")])])])])])],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',{attrs:{\"id\":\"top\"}},[_c('th',{staticStyle:{\"width\":\"70px\"},attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"HIN\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"IB Code\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Quantity\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Weight (gr)\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"ID Contract\")]),_c('th',{attrs:{\"scope\":\"col\",\"colspan\":\"4\"}},[_vm._v(\"Storage Information\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Bullion Status\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Detail\")])]),_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Days\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"$USD\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"IDR\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Status\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrap-dashboard\">\n    <div class=\"main-content\">\n      <div class=\"wrap-content\">\n        <div class=\"title-page\">Holders</div>\n        <!-- <div class=\"filter\">\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Depositor</label>\n              <input type=\"text\" name=\"example\" list=\"exampleList\" class=\"input-datalist\" />\n              <datalist id=\"exampleList\">\n                <option value=\"ALL\"></option>\n                <option value=\"LP1\"></option>\n                <option value=\"LP2\"></option>\n                <option value=\"LP3\"></option>\n                <option value=\"IB1 ABI KB\"></option>\n              </datalist>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Total Weight</label>\n              <span>gr</span>\n            </div>\n          </div>\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Periode</label>\n              <select>\n                <option selected value=\"all\">Year</option>\n                <option value=\"lp1\">Monthly</option>\n                <option value=\"lp2\">Weekly</option>\n                <option value=\"lp3\">Daily</option>\n              </select>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Metal Type</label>\n              <span>Gold</span>\n            </div>\n          </div>\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Trading Contract</label>\n              <select>\n                <option value=\"ALL\" selected>ALL</option>\n                <option value=\"0.01gr\">KAU 0.01gr</option>\n                <option value=\"1gr\">1gr</option>\n              </select>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Total Storage Fee </label>\n              <span>200000</span>\n            </div>\n          </div>\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Allocated</label>\n              <select>\n                <option selected value=\"all\">ALL</option>\n                <option value=\"lp1\">Pool</option>\n                <option value=\"lp2\">Non Pool</option>\n              </select>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Hub</label>\n              <span>Jakarta</span>\n            </div>\n          </div>\n        </div> -->\n        <div class=\"content\">\n          <table>\n            <thead>\n              <tr id=\"top\">\n                <th scope=\"col\" rowspan=\"2\" style=\"width: 70px\">No</th>\n                <!-- <th scope=\"col\" rowspan=\"2\" style=\"width: 120px\">Executed Date</th> -->\n                <th scope=\"col\" rowspan=\"2\">HIN</th>\n                <!-- <th scope=\"col\" rowspan=\"2\">Account</th> -->\n                <th scope=\"col\" rowspan=\"2\">IB Code</th>\n                <th scope=\"col\" rowspan=\"2\">Quantity</th>\n                <th scope=\"col\" rowspan=\"2\">Weight (gr)</th>\n                <th scope=\"col\" rowspan=\"2\">ID Contract</th>\n                <th scope=\"col\" colspan=\"4\">Storage Information</th>\n                <th scope=\"col\" rowspan=\"2\">Bullion Status</th>\n                <th scope=\"col\" rowspan=\"2\">Detail</th>\n              </tr>\n              <tr>\n                <!-- <th scope=\"col\">Serial Number</th>\n                <th scope=\"col\">Year</th> -->\n                <th scope=\"col\">Days</th>\n                <th scope=\"col\">$USD</th>\n                <th scope=\"col\">IDR</th>\n                <th scope=\"col\">Status</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr>\n                <td>1</td>\n                <!-- <td>12 sept 2021</td> -->\n                <td>LP000003</td>\n                <!-- <td>123445</td> -->\n                <td>QWERTY123</td>\n                <td>12</td>\n                <td>10</td>\n                <td>1gr</td>\n                <td>33</td>\n                <td>3363,29</td>\n                <td>49957299</td>\n                <td>Paid</td>\n                <td>Collateralized</td>\n                <td>\n                  <button type=\"button\" class=\"btn btn-outline-info btn-sm\" v-b-modal.modal-1>Detail</button>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <b-modal id=\"modal-1\" title=\"Holder History\" hide-footer size=\"xl\">\n            <button type=\"button\" class=\"btn btn-scondary mb-3 text-right\" @click=\"Download\">Download</button>\n            <table id=\"tableDetail\">\n              <thead>\n                <tr id=\"top\">\n                  <th scope=\"col\" style=\"width: 70px\">No</th>\n                  <th scope=\"col\" style=\"width: 120px\">Trade Matched Id</th>\n                  <th scope=\"col\">TimeStamp</th>\n                  <!-- <th scope=\"col\">Rate</th> -->\n                  <th scope=\"col\">Order Id</th>\n                  <th scope=\"col\">Trade Id</th>\n                  <th scope=\"col\">Total(gr)</th>\n                  <th scope=\"col\">Direction</th>\n                  <!-- <th scope=\"col\" colspan=\"4\">Buyer</th>\n                <th scope=\"col\" colspan=\"4\">Seller</th> -->\n                </tr>\n              </thead>\n              <!-- <tbody v-if=\"loadingData\">\n              <tr>\n                <td class=\"text-center\" colspan=\"12\">\n                  <b-spinner label=\"Loading...\"></b-spinner>\n                </td>\n              </tr>\n            </tbody> -->\n              <tbody>\n                <tr>\n                  <td data-label=\"No\" style=\"border-right: 1px solid #ddd\">1</td>\n                  <td data-label=\"Trade Match Id\" style=\"border-right: 1px solid #ddd\">93209</td>\n                  <td data-label=\"Time Stamp\" style=\"border-right: 1px solid #ddd\">28 September 2022 16:20</td>\n                  <!-- <td data-label=\"Rate\" style=\"border-right: 1px solid #ddd\">\n                    <div>Rp 15,040</div>\n                    \n                  </td> -->\n                  <td data-label=\"Order Id\" class=\"description\">15600</td>\n                  <td data-label=\"Remarks\">\n                    037-PC008833-93212\n                    <!-- <div v-show=\"data.direction[0].tradebuy\">\n                    <span v-if=\"role == 6\">\n                      <img src=\"../assets/cimb.png\" alt=\"\" class=\"icon-trade\" v-show=\"data.direction[0].tradebuy[1] == '022'\" />\n                      <img src=\"../assets/bagi.png\" alt=\"\" class=\"icon-trade\" v-show=\"data.direction[0].tradebuy[1] == '037'\" />\n                    </span>\n                    <span v-else>\n                      {{ data.direction[0].tradebuy[1] }}\n                    </span>\n                    <span>\n                      {{ \" \" + data.direction[0].tradebuy[0] + \"-\" }}\n                    </span>\n                    <span>{{ data.direction[0].tradebuy[2] }}</span>\n                  </div> -->\n                  </td>\n                  <td data-label=\"VA Code\">1</td>\n                  <td data-label=\"Amount\" style=\"border-right: 1px solid #ddd\">Buy</td>\n                </tr>\n                <tr>\n                  <td data-label=\"No\" style=\"border-right: 1px solid #ddd\">2</td>\n                  <td data-label=\"Trade Match Id\" style=\"border-right: 1px solid #ddd\">93205</td>\n                  <td data-label=\"Time Stamp\" style=\"border-right: 1px solid #ddd\">27 September 2022 14:20</td>\n\n                  <td data-label=\"Order Id\" class=\"description\">15589</td>\n                  <td data-label=\"Remarks\">037-PC008822-93110</td>\n                  <td data-label=\"VA Code\">0.1</td>\n                  <td data-label=\"Amount\" style=\"border-right: 1px solid #ddd\">Sell</td>\n                </tr>\n                <!-- <tr v-show=\"data.length == 0\">\n                <td colspan=\"12\">No Data Available</td>\n              </tr> -->\n              </tbody>\n            </table>\n          </b-modal>\n          <!-- <b-pagination\n            v-model=\"currentPage\"\n            :total-rows=\"lengthData\"\n            :per-page=\"perPage\"\n            @change=\"handlePageChange\"\n            aria-controls=\"new-table\"\n            first-number\n            last-number\n            v-show=\"lengthData > 10\"\n          ></b-pagination> -->\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {},\n  data() {\n    return {\n      dataTransaction: [],\n      pageOfItems: [],\n      currentPage: 1,\n      perPage: 10,\n      lengthData: 1,\n      trade_id: [],\n      offset: 0,\n      data: [],\n      form: {\n        startDate: \"\",\n        endDate: \"\",\n      },\n    };\n  },\n  mounted() {\n    this.getData(this.currentPage);\n  },\n  methods: {\n    handlePageChange(value) {\n      this.getData(value);\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n\n    Download() {\n      // var mywindow = window.open(\"\", \"PRINT\", \"height=400,width=600\");\n\n      // mywindow.document.write(\"<html><head><title>\" + document.title + \"</title>\");\n      // mywindow.document.write(\"</head><body >\");\n      // mywindow.document.write(\"<h1>\" + document.title + \"</h1>\");\n      // mywindow.document.write(document.getElementById(\"tableDetail\").innerHTML);\n      // mywindow.document.write(\"</body></html>\");\n\n      // mywindow.document.close(); // necessary for IE >= 10\n      // mywindow.focus(); // necessary for IE >= 10*/\n\n      // mywindow.print();\n      // mywindow.close();\n\n      var divToPrint = document.getElementById(\"tableDetail\");\n      var htmlToPrint = \"\" + '<style type=\"text/css\">' + \"table th, table td {\" + \"border:1px solid #000;\" + \"padding:0.5em;\" + \"}\" + \"</style>\";\n      htmlToPrint += divToPrint.outerHTML;\n      var newWin = window.open(\"\");\n      newWin.document.write(htmlToPrint);\n      newWin.print();\n      newWin.close();\n    },\n  },\n  computed: {\n    rows() {\n      return (this.currentPage - 1) * this.perPage;\n    },\n  },\n};\n</script>\n\n<style scoped>\n/*.wrap-dashboard {\n  min-height: 100vh;\n  margin: 0;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n}*/\n\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n\n/* .wrap-content {\n  width: 98%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 20px 25px;\n} */\n\n.content {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.icon-trade {\n  width: 25px;\n}\n\n.footer {\n  background: var(--primary-color);\n  color: white;\n  padding: 20px 47px;\n  display: flex;\n  justify-content: space-between;\n  margin-top: auto;\n  height: 62px;\n}\n\n.filter {\n  display: flex;\n  gap: 1rem;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  font-size: 12px;\n  flex-wrap: wrap;\n}\n\n.wrap-input {\n  margin-bottom: 10px;\n}\n.label-input {\n  width: 108px;\n}\nselect {\n  width: 130px;\n  border-radius: 3px;\n  border-color: #a5a5a5a5;\n  padding: 3px;\n}\n\n.input-datalist {\n  border-radius: 3px;\n  border: 1px solid #a5a5a5a5;\n  padding: 1.5px 5px;\n}\n\n.card {\n  width: 314px;\n  font-size: 14px;\n  border-radius: 10px;\n}\n\n.card-header {\n  padding: 1rem;\n}\n\n.buyer,\n.seller,\n.card-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.title {\n  font-size: 12px;\n  position: relative;\n  left: 20px;\n}\n\n.title::before {\n  content: \"\";\n  position: absolute;\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: var(--scondary-color);\n  left: -17px;\n  top: 3px;\n}\n\n.buyer {\n  margin-bottom: 20px;\n}\n\n.content-right {\n  text-align: right;\n}\n\n.amount {\n  font-weight: bold;\n}\n\n.btn-primer {\n  background: var(--scondary-color);\n  border: none;\n  color: #ffffff;\n  padding: 5px 25px;\n  border-radius: 5px;\n}\n\n.btn-primer:hover {\n  background-color: var(--scondary-color-hover);\n}\n\n@media print {\n  * {\n    display: none;\n  }\n  table {\n    display: block;\n  }\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!./VmHolders.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!./VmHolders.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VmHolders.vue?vue&type=template&id=5b5a9688&scoped=true&\"\nimport script from \"./VmHolders.vue?vue&type=script&lang=js&\"\nexport * from \"./VmHolders.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VmHolders.vue?vue&type=style&index=0&id=5b5a9688&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  \"5b5a9688\",\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!./VmHolders.vue?vue&type=style&index=0&id=5b5a9688&scoped=true&lang=css&\""],"sourceRoot":""}