{"version":3,"sources":["webpack:///./src/views/superadmin/Role.vue?8317","webpack:///./src/views/superadmin/Role.vue?9ad3","webpack:///src/views/superadmin/Role.vue","webpack:///./src/views/superadmin/Role.vue?40a6","webpack:///./src/views/superadmin/Role.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","modifiers","attrs","_m","_l","user","i","key","_s","role_id","on","handleOk","value","formAddRole","expression","domProps","$event","target","composing","$set","staticRenderFns","components","data","usersData","pageOfItems","currentPage","perPage","lengthData","trade_id","offset","form","startDate","endDate","roles","mounted","getData","methods","console","log","bvModal","res","status_code","handlePageChange","window","scrollTo","filterDate","computed","rows","component"],"mappings":"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","file":"js/chunk-83574800.4f5656c3.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!./Role.vue?vue&type=style&index=0&id=808e185c&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(\"Role\")]),_c('div',{staticClass:\"content\"},[_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-1\",modifiers:{\"modal-1\":true}}],staticClass:\"btn btn-light\",attrs:{\"type\":\"button\"}},[_vm._v(\"Add\")]),_c('table',[_vm._m(0),_c('tbody',_vm._l((_vm.usersData),function(user,i){return _c('tr',{key:i},[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(_vm._s(i + 1))]),_c('td',{attrs:{\"data-label\":\"Name\"}},[_vm._v(_vm._s(user.name))]),_c('td',{attrs:{\"data-label\":\"Role\"}},[_vm._v(_vm._s(user.role_id))])])}),0)])]),_c('b-modal',{attrs:{\"id\":\"modal-1\",\"title\":\"ADD Role\"},on:{\"ok\":_vm.handleOk}},[_c('form',[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formAddRole.name),expression:\"formAddRole.name\"}],staticClass:\"form-input\",attrs:{\"type\":\"text\",\"placeholder\":\"input Name\"},domProps:{\"value\":(_vm.formAddRole.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formAddRole, \"name\", $event.target.value)}}})])])])],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',{attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Role\")])])])}]\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\">Role</div>\n        <div class=\"content\">\n          <button type=\"button\" class=\"btn btn-light\" v-b-modal.modal-1>Add</button>\n          <table>\n            <thead>\n              <tr id=\"top\">\n                <th scope=\"col\">No</th>\n                <th scope=\"col\">Name</th>\n                <th scope=\"col\">Role</th>\n                <!-- <th scope=\"col\">Action</th> -->\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"(user, i) in usersData\" :key=\"i\">\n                <td data-label=\"No\">{{ i + 1 }}</td>\n                <td data-label=\"Name\">{{ user.name }}</td>\n                <td data-label=\"Role\">{{ user.role_id }}</td>\n                <!-- <td data-label=\"Action\">\n                  <button type=\"button\" class=\"btn btn-outline-warning btn-sm\">Edit</button>\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        <b-modal id=\"modal-1\" title=\"ADD Role\" @ok=\"handleOk\">\n          <form>\n            <div class=\"form-group\">\n              <label for=\"\">Name</label>\n              <input type=\"text\" placeholder=\"input Name\" class=\"form-input\" v-model=\"formAddRole.name\" />\n            </div>\n          </form>\n        </b-modal>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nexport default {\n  components: {},\n  data() {\n    return {\n      usersData: [],\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      formAddRole: {\n        name: \"\",\n      },\n      roles: [],\n    };\n  },\n  mounted() {\n    this.getData(this.currentPage);\n    axios.post(\"/v2/management/role/all\").then((res) => {\n      this.roles = res.data.data.roles;\n    });\n  },\n  methods: {\n    handleOk(bvModal) {\n      console.log(bvModal);\n      axios.post(\"/v2/management/role\", this.formAddRole).then((res) => {\n        if (res.data.data.status_code == \"00\") {\n          console.log(res);\n          // location.reload();\n        }\n      });\n    },\n    handlePageChange(value) {\n      this.getData(value);\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n    filterDate() {\n      axios\n        .get(\n          \"https://api2-dev.abicommodity.co.id/v1/counter/get/customer/transaction?offset=&limit=&startDate=\" + this.form.startDate + \"&endDate=\" + this.form.endDate\n        )\n        .then((res) => {\n          this.data = res.data.data.data;\n          this.lengthData = res.data.data.count;\n          for (let i = 0; i < this.data.length; i++) {\n            let trade;\n            let tradeSell;\n            trade = this.data[i].direction[0].trade_id;\n            tradeSell = this.data[i].direction[1].trade_id;\n            if (trade && tradeSell) {\n              this.data[i].direction[0].tradebuy = trade.split(\";\");\n              this.data[i].direction[1].tradeSell = tradeSell.split(\";\");\n            } else {\n              this.data[i].direction[0].tradebuy = \"\";\n              this.data[i].direction[1].tradeSell = \"\";\n            }\n          }\n        });\n    },\n    getData(value) {\n      let offset = (value - 1) * this.perPage;\n      console.log(offset);\n      axios.get(\"v2/management/role/all\").then((res) => {\n        console.log(res);\n        this.usersData = res.data.data.roles;\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!./Role.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!./Role.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Role.vue?vue&type=template&id=808e185c&scoped=true&\"\nimport script from \"./Role.vue?vue&type=script&lang=js&\"\nexport * from \"./Role.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Role.vue?vue&type=style&index=0&id=808e185c&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  \"808e185c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}