{"version":3,"sources":["webpack:///./src/views/superadmin/AuditTrail.vue?1252","webpack:///./src/views/superadmin/AuditTrail.vue?4558","webpack:///src/views/superadmin/AuditTrail.vue","webpack:///./src/views/superadmin/AuditTrail.vue?7aca","webpack:///./src/views/superadmin/AuditTrail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","_l","audit","i","key","attrs","_s","_f","created_at","transaction_id","activity_type","description","status","newInfo","city","userIP","staticRenderFns","components","data","auditsData","pageOfItems","currentPage","perPage","lengthData","trade_id","offset","form","startDate","endDate","formAddUser","email","username","phonenumber","fullname","password","role_id","roles","mounted","getData","methods","handlePageChange","value","window","scrollTo","console","log","JSON","parse","computed","rows","component"],"mappings":"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","file":"js/chunk-2cf729fc.a4fd4016.js","sourcesContent":["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!./AuditTrail.vue?vue&type=style&index=0&id=6b67726c&scoped=true&lang=css&\"","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(\"Audit Trail\")]),_c('div',{staticClass:\"content\"},[_c('table',[_vm._m(0),_c('tbody',_vm._l((_vm.auditsData),function(audit,i){return _c('tr',{key:i},[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(_vm._s(i + 1))]),_c('td',{attrs:{\"data-label\":\"Created At\"}},[_vm._v(_vm._s(_vm._f(\"formatDateTime\")(audit.created_at)))]),_c('td',{attrs:{\"data-label\":\"Transaction Id\"}},[_vm._v(_vm._s(audit.transaction_id))]),_c('td',{attrs:{\"data-label\":\"Activity Type\"}},[_vm._v(_vm._s(audit.activity_type))]),_c('td',{attrs:{\"data-label\":\"Description\"}},[_vm._v(_vm._s(audit.description))]),_c('td',{attrs:{\"data-label\":\"Status\"}},[_vm._v(_vm._s(audit.status))]),_c('td',{attrs:{\"data-label\":\"Info\"}},[_c('div',[_c('span',[_vm._v(\" \"+_vm._s(audit.newInfo.city ? audit.newInfo.city : \"-\")+\" \"+_vm._s(audit.newInfo.userIP ? audit.newInfo.userIP : \"-\"))])])])])}),0)])])])])])}\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',{attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Created At\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Transaction Id\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Activity Type\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Description\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Status\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Info\")])])])}]\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\">Audit Trail</div>\n        <div class=\"content\">\n          <table>\n            <thead>\n              <tr id=\"top\">\n                <th scope=\"col\">No</th>\n                <th scope=\"col\">Created At</th>\n                <th scope=\"col\">Transaction Id</th>\n                <th scope=\"col\">Activity Type</th>\n                <th scope=\"col\">Description</th>\n                <th scope=\"col\">Status</th>\n                <th scope=\"col\">Info</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"(audit, i) in auditsData\" :key=\"i\">\n                <td data-label=\"No\">{{ i + 1 }}</td>\n                <td data-label=\"Created At\">{{ audit.created_at | formatDateTime }}</td>\n                <td data-label=\"Transaction Id\">{{ audit.transaction_id }}</td>\n                <td data-label=\"Activity Type\">{{ audit.activity_type }}</td>\n                <td data-label=\"Description\">{{ audit.description }}</td>\n                <td data-label=\"Status\">{{ audit.status }}</td>\n                <td data-label=\"Info\">\n                  <div>\n                    <span> {{ audit.newInfo.city ? audit.newInfo.city : \"-\" }} {{ audit.newInfo.userIP ? audit.newInfo.userIP : \"-\" }}</span>\n                  </div>\n                </td>\n                <!-- <td data-label=\"No\">{{ i + 1 }}</td>\n                <td data-label=\"Email\">{{ user.created_at | formatDateTime }}</td>\n                <td data-label=\"Name\">{{ user.transaction_id }}</td>\n                <td data-label=\"Username\">{{ user.activity_type }}</td>\n                <td data-label=\"Role\">{{ user.description }}</td>\n                <td data-label=\"Status\">{{ user.status }}</td>\n                <td data-label=\"Action\">\n                  <div>\n                    <div>{{ user.newInfo.city + \" - \" + user.newInfo.province }}</div>\n                  </div>\n                </td> -->\n              </tr>\n            </tbody>\n          </table>\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>\nimport axios from \"axios\";\nexport default {\n  components: {},\n  data() {\n    return {\n      auditsData: [],\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      formAddUser: {\n        email: \"\",\n        username: \"\",\n        phonenumber: \"\",\n        fullname: \"\",\n        password: \"\",\n        role_id: \"\",\n      },\n      roles: [],\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    getData(value) {\n      let offset = (value - 1) * this.perPage;\n      console.log(offset);\n      let param = this.$route.params.id;\n      axios.get(\"/v2/clearing/audit_trail/get?activity_id=\" + param).then((res) => {\n        this.auditsData = res.data.data.body;\n        for (let i = 0; i < this.auditsData.length; i++) {\n          let newInfo;\n          if (this.auditsData[i].info != undefined) {\n            newInfo = JSON.parse(this.auditsData[i].info);\n            this.auditsData[i].newInfo = newInfo;\n          } else {\n            this.auditsData[i].newInfo = \"\";\n          }\n        }\n        // this.lengthData = res.data.data.count;\n      });\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: end;\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}\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.form-group label {\n  font-weight: 600;\n  width: 30%;\n}\n\n.form-input {\n  width: 70%;\n  border-radius: 5px;\n  border: none;\n  padding: 8px 13px;\n  box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);\n  font-size: 14px;\n}\n\n.form-input:focus {\n  border-color: var(--primary-color);\n  outline: 0;\n  box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);\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!./AuditTrail.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!./AuditTrail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AuditTrail.vue?vue&type=template&id=6b67726c&scoped=true&\"\nimport script from \"./AuditTrail.vue?vue&type=script&lang=js&\"\nexport * from \"./AuditTrail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AuditTrail.vue?vue&type=style&index=0&id=6b67726c&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  \"6b67726c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}