{"version":3,"sources":["webpack:///./src/module/UserPermission/PermissionType.vue?607a","webpack:///src/module/UserPermission/PermissionType.vue","webpack:///./src/module/UserPermission/PermissionType.vue?9b8c","webpack:///./src/module/UserPermission/PermissionType.vue","webpack:///./src/module/UserPermission/PermissionType.vue?942c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","goto","attrs","_v","_s","lbl","_l","item","index","key","class","type","image_url","detail","data","index_data","key_local","tag","index_tag","scopedSlots","_u","fn","proxy","colspan","_e","detail_local","staticRenderFns","name","mixins","components","Header","permission","preparing","created","beforeDestroy","methods","init","Config","component"],"mappings":"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","file":"js/chunk-f62cda66.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid page-permission-type\"},[_c('Header'),_c('div',{staticClass:\"mx-auto mt-1 content-outer-container\"},[_c('div',{staticClass:\"mx-auto content-inner-container border-header pt-3 pb-3 px-3\"},[_c('div',{staticClass:\"col-12 title-header\"},[_c('div',{on:{\"click\":function($event){return _vm.goto('UserPermission')}}},[_c('img',{staticClass:\"button-arrow-back mr-3\",attrs:{\"src\":require(\"@/assets/images/userlevel/arrow_back.svg\"),\"alt\":\"image\"}})]),_vm._v(\" \"+_vm._s(_vm.lbl['permission-type-btn'])+\" \")]),_c('div',{staticClass:\"col-12 mt-4\"},[_c('div',{staticClass:\"title-detail\"},[_vm._v(\" \"+_vm._s(_vm.lbl['permission-understand-more-clearly-with-permission-and-role'])+\" \")]),_c('div',{staticClass:\"sub-title-detail mt-1\"},[_vm._v(_vm._s(_vm.lbl['permission-roles']))]),_c('div',{staticClass:\"row mt-4 d-flex align-end\"},_vm._l((_vm.permission),function(item,index){return _c('div',{key:index,staticClass:\"col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 mb-2\"},[_c('div',{staticClass:\"box-permission\",class:'permission-' + item.type},[_c('div',{staticClass:\"title-type text-capitalize\"},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":item.image_url,\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(item.type)+\" \")]),_c('div',{staticClass:\"permission-detail mt-1\"},[_vm._v(\" \"+_vm._s(_vm.lbl[item.detail])+\" \")]),_vm._l((item.data),function(data,index_data){return _c('div',{key:index_data,staticClass:\"permission-list mt-2 d-flex align-center\"},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-check.svg\"),\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(_vm.lbl[data.key_local])+\" \")])}),_c('div',{staticClass:\"mt-2\"},_vm._l((item.tag),function(tag,index_tag){return _c('a-tag',{key:index_tag,staticClass:\"mb-1\"},[_vm._v(\" \"+_vm._s(_vm.lbl[tag.key_local]))])}),1)],2)])}),0),_c('div',{staticClass:\"row mt-4 collapse-preparing\"},[_c('div',{staticClass:\"col-12\"},[_c('a-collapse',[_c('a-collapse-panel',{key:\"1\",attrs:{\"header\":_vm.lbl['preparing-user-access-by-permission']},scopedSlots:_vm._u([{key:\"extra\",fn:function(){return [_c('img',{staticClass:\"arrowdown\",attrs:{\"src\":require(\"@/assets/images/Angle-down.svg\"),\"alt\":\"image\"}})]},proxy:true}])},[_c('table',{staticClass:\"table\"},[_c('tr',[_c('th',[_vm._v(_vm._s(_vm.lbl['permission-type-menu']))]),_c('th',{staticClass:\"table-status text-center\"},[_vm._v(\" \"+_vm._s(_vm.lbl['permission-type-owner'])+\" \")]),_c('th',{staticClass:\"table-status text-center\"},[_vm._v(\" \"+_vm._s(_vm.lbl['permission-type-admin'])+\" \")]),_c('th',{staticClass:\"table-status text-center\"},[_vm._v(\" \"+_vm._s(_vm.lbl['permission-type-operator'])+\" \")]),_c('th',{staticClass:\"table-status text-center\"},[_vm._v(\" \"+_vm._s(_vm.lbl['permission-type-staff'])+\" \")]),_c('th',{staticClass:\"table-description\"},[_vm._v(\" \"+_vm._s(_vm.lbl['plan-reward-point-earn-manage-description'])+\" \")])]),_vm._l((_vm.preparing),function(item,index){return _c('tr',{key:index},[(item.colspan > 1)?_c('td',{class:{ 'table-colspan': item.colspan > 1 },attrs:{\"colspan\":item.colspan}},[_vm._v(\" \"+_vm._s(_vm.lbl[item.key_local])+\" \")]):_vm._e(),(item.colspan == 1)?_c('td',{attrs:{\"colspan\":item.colspan}},[_vm._v(\" \"+_vm._s(_vm.lbl[item.key_local])+\" \")]):_vm._e(),(item.colspan == 1)?_c('td',{staticClass:\"text-center\",attrs:{\"colspan\":item.colspan}},[(item.is_owner)?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-pass.svg\"),\"alt\":\"image\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-close.svg\"),\"alt\":\"image\"}})]):_vm._e(),(item.colspan == 1)?_c('td',{staticClass:\"text-center\",attrs:{\"colspan\":item.colspan}},[(item.is_admin)?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-pass.svg\"),\"alt\":\"image\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-close.svg\"),\"alt\":\"image\"}})]):_vm._e(),(item.colspan == 1)?_c('td',{staticClass:\"text-center\",attrs:{\"colspan\":item.colspan}},[(item.is_operator)?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-pass.svg\"),\"alt\":\"image\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-close.svg\"),\"alt\":\"image\"}})]):_vm._e(),(item.colspan == 1)?_c('td',{staticClass:\"text-center\",attrs:{\"colspan\":item.colspan}},[(item.is_staff)?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-pass.svg\"),\"alt\":\"image\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/permission-close.svg\"),\"alt\":\"image\"}})]):_vm._e(),(item.colspan == 1)?_c('td',{attrs:{\"colspan\":item.colspan}},[_vm._v(\" \"+_vm._s(_vm.lbl[item.detail_local])+\" \")]):_vm._e()])})],2)])],1)],1)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid page-permission-type\">\r\n    <Header />\r\n\r\n    <div class=\"mx-auto mt-1 content-outer-container\">\r\n      <div class=\"mx-auto content-inner-container border-header pt-3 pb-3 px-3\">\r\n        <div class=\"col-12 title-header\">\r\n          <div @click=\"goto('UserPermission')\">\r\n            <img\r\n              class=\"button-arrow-back mr-3\"\r\n              src=\"@/assets/images/userlevel/arrow_back.svg\"\r\n              alt=\"image\"\r\n            />\r\n          </div>\r\n          {{ lbl['permission-type-btn'] }}\r\n        </div>\r\n        <div class=\"col-12 mt-4\">\r\n          <div class=\"title-detail\">\r\n            {{\r\n              lbl['permission-understand-more-clearly-with-permission-and-role']\r\n            }}\r\n          </div>\r\n          <div class=\"sub-title-detail mt-1\">{{ lbl['permission-roles'] }}</div>\r\n\r\n          <div class=\"row mt-4 d-flex align-end\">\r\n            <div\r\n              class=\"col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12 mb-2\"\r\n              v-for=\"(item, index) in permission\"\r\n              :key=\"index\"\r\n            >\r\n              <div class=\"box-permission\" :class=\"'permission-' + item.type\">\r\n                <div class=\"title-type text-capitalize\">\r\n                  <img :src=\"item.image_url\" alt=\"image\" class=\"mr-1\" />\r\n                  {{ item.type }}\r\n                </div>\r\n                <div class=\"permission-detail mt-1\">\r\n                  {{ lbl[item.detail] }}\r\n                </div>\r\n                <div\r\n                  class=\"permission-list mt-2 d-flex align-center\"\r\n                  v-for=\"(data, index_data) in item.data\"\r\n                  :key=\"index_data\"\r\n                >\r\n                  <img\r\n                    src=\"@/assets/images/selfonboard/permission-check.svg\"\r\n                    alt=\"image\"\r\n                    class=\"mr-1\"\r\n                  />\r\n                  {{ lbl[data.key_local] }}\r\n                </div>\r\n                <div class=\"mt-2\">\r\n                  <a-tag\r\n                    v-for=\"(tag, index_tag) in item.tag\"\r\n                    :key=\"index_tag\"\r\n                    class=\"mb-1\"\r\n                  >\r\n                    {{ lbl[tag.key_local] }}</a-tag\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row mt-4 collapse-preparing\">\r\n            <div class=\"col-12\">\r\n              <a-collapse>\r\n                <a-collapse-panel\r\n                  key=\"1\"\r\n                  :header=\"lbl['preparing-user-access-by-permission']\"\r\n                >\r\n                  <template #extra>\r\n                    <img\r\n                      class=\"arrowdown\"\r\n                      src=\"@/assets/images/Angle-down.svg\"\r\n                      alt=\"image\"\r\n                    />\r\n                  </template>\r\n                  <table class=\"table\">\r\n                    <tr>\r\n                      <th>{{ lbl['permission-type-menu'] }}</th>\r\n                      <th class=\"table-status text-center\">\r\n                        {{ lbl['permission-type-owner'] }}\r\n                      </th>\r\n                      <th class=\"table-status text-center\">\r\n                        {{ lbl['permission-type-admin'] }}\r\n                      </th>\r\n                      <th class=\"table-status text-center\">\r\n                        {{ lbl['permission-type-operator'] }}\r\n                      </th>\r\n                      <th class=\"table-status text-center\">\r\n                        {{ lbl['permission-type-staff'] }}\r\n                      </th>\r\n                      <th class=\"table-description\">\r\n                        {{ lbl['plan-reward-point-earn-manage-description'] }}\r\n                      </th>\r\n                    </tr>\r\n                    <tr v-for=\"(item, index) in preparing\" :key=\"index\">\r\n                      <td\r\n                        v-if=\"item.colspan > 1\"\r\n                        :colspan=\"item.colspan\"\r\n                        :class=\"{ 'table-colspan': item.colspan > 1 }\"\r\n                      >\r\n                        {{ lbl[item.key_local] }}\r\n                      </td>\r\n                      <td v-if=\"item.colspan == 1\" :colspan=\"item.colspan\">\r\n                        {{ lbl[item.key_local] }}\r\n                      </td>\r\n                      <td\r\n                        v-if=\"item.colspan == 1\"\r\n                        :colspan=\"item.colspan\"\r\n                        class=\"text-center\"\r\n                      >\r\n                        <img\r\n                          v-if=\"item.is_owner\"\r\n                          src=\"@/assets/images/selfonboard/permission-pass.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                        <img\r\n                          v-else\r\n                          src=\"@/assets/images/selfonboard/permission-close.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                      </td>\r\n                      <td\r\n                        v-if=\"item.colspan == 1\"\r\n                        :colspan=\"item.colspan\"\r\n                        class=\"text-center\"\r\n                      >\r\n                        <img\r\n                          v-if=\"item.is_admin\"\r\n                          src=\"@/assets/images/selfonboard/permission-pass.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                        <img\r\n                          v-else\r\n                          src=\"@/assets/images/selfonboard/permission-close.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                      </td>\r\n                      <td\r\n                        v-if=\"item.colspan == 1\"\r\n                        :colspan=\"item.colspan\"\r\n                        class=\"text-center\"\r\n                      >\r\n                        <img\r\n                          v-if=\"item.is_operator\"\r\n                          src=\"@/assets/images/selfonboard/permission-pass.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                        <img\r\n                          v-else\r\n                          src=\"@/assets/images/selfonboard/permission-close.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                      </td>\r\n                      <td\r\n                        v-if=\"item.colspan == 1\"\r\n                        :colspan=\"item.colspan\"\r\n                        class=\"text-center\"\r\n                      >\r\n                        <img\r\n                          v-if=\"item.is_staff\"\r\n                          src=\"@/assets/images/selfonboard/permission-pass.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                        <img\r\n                          v-else\r\n                          src=\"@/assets/images/selfonboard/permission-close.svg\"\r\n                          alt=\"image\"\r\n                        />\r\n                      </td>\r\n                      <td v-if=\"item.colspan == 1\" :colspan=\"item.colspan\">\r\n                        {{ lbl[item.detail_local] }}\r\n                      </td>\r\n                    </tr>\r\n                  </table>\r\n                </a-collapse-panel>\r\n              </a-collapse>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Config from '@/helper/Config.js'\r\nimport Header from '@/components/Layout/Header'\r\n\r\nexport default {\r\n  name: 'PermissionType',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n  },\r\n  data() {\r\n    return {\r\n      permission: [],\r\n      preparing: [],\r\n    }\r\n  },\r\n  created() {\r\n    this.init()\r\n  },\r\n  beforeDestroy() {\r\n    this.permission = []\r\n  },\r\n  methods: {\r\n    init() {\r\n      Config.getConfigPermission().then(res => {\r\n        if (res) {\r\n          this.permission = res.permission\r\n          this.preparing = res.preparing\r\n        }\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@use '@/style/base/common' as common;\r\n@import '@/style/main.scss';\r\n.page-permission-type {\r\n  padding-bottom: 100px !important;\r\n\r\n  .collapse-preparing {\r\n    .ant-collapse\r\n      > .ant-collapse-item\r\n      > .ant-collapse-header\r\n      .ant-collapse-arrow {\r\n      display: none;\r\n    }\r\n\r\n    .ant-collapse {\r\n      background-color: transparent;\r\n      border: initial;\r\n    }\r\n\r\n    .ant-collapse > .ant-collapse-item {\r\n      border: initial;\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: 1.2;\r\n      letter-spacing: 0.15px;\r\n      text-align: left;\r\n      color: #424242;\r\n    }\r\n\r\n    .ant-collapse > .ant-collapse-item > .ant-collapse-header {\r\n      padding-left: 0;\r\n      display: flex;\r\n      display: -webkit-box;\r\n      display: -webkit-flex;\r\n      display: -ms-flexbox;\r\n      display: flex;\r\n      -webkit-flex-wrap: wrap;\r\n      -ms-flex-wrap: wrap;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n    }\r\n\r\n    .ant-collapse\r\n      > .ant-collapse-item\r\n      > .ant-collapse-header\r\n      .ant-collapse-extra {\r\n      margin-left: 10px;\r\n    }\r\n\r\n    .ant-collapse-content {\r\n      overflow-x: auto;\r\n    }\r\n\r\n    .arrowdown {\r\n      width: 28px;\r\n      &:hover {\r\n        filter: invert(73%) sepia(83%) saturate(700%) hue-rotate(353deg)\r\n          brightness(98%) contrast(88%);\r\n      }\r\n    }\r\n\r\n    .ant-collapse-item-active {\r\n      .ant-collapse-extra {\r\n        transform: rotate(180deg);\r\n      }\r\n    }\r\n\r\n    .ant-collapse-content {\r\n      border-top: initial;\r\n    }\r\n\r\n    .ant-collapse-content > .ant-collapse-content-box {\r\n      padding: 0;\r\n    }\r\n\r\n    .table {\r\n      & th {\r\n        background-color: common.$color-grey-42;\r\n        border: 1px solid common.$color-white;\r\n        color: common.$color-white;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        line-height: 1.5;\r\n        letter-spacing: normal;\r\n        text-align: left;\r\n      }\r\n      & td {\r\n        border: solid 1px common.$color-grey-e4;\r\n        background-color: common.$color-white;\r\n        color: common.$text-dark;\r\n        font-size: 14px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        line-height: 1.5;\r\n        letter-spacing: normal;\r\n        text-align: left;\r\n\r\n        &.table-colspan {\r\n          background-color: #eff2f5;\r\n          font-size: 16px;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n      .table-status {\r\n        width: 6%;\r\n      }\r\n\r\n      .table-description {\r\n        width: 40%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .box-permission {\r\n    padding: 15px 10px;\r\n    border-radius: 12px;\r\n    &.permission-owner {\r\n      background-color: common.$color-orange-7e;\r\n    }\r\n    &.permission-admin {\r\n      background-color: common.$color-orange-be;\r\n    }\r\n    &.permission-operator {\r\n      background-color: common.$color-blue-e6;\r\n    }\r\n    &.permission-staff {\r\n      background-color: common.$color-pink-f6;\r\n    }\r\n    .title-type {\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: 1.5;\r\n      letter-spacing: normal;\r\n      text-align: left;\r\n      color: common.$text-dark;\r\n    }\r\n    .permission-detail {\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n      font-stretch: normal;\r\n      font-style: normal;\r\n      line-height: 1.5;\r\n      letter-spacing: normal;\r\n      text-align: left;\r\n      color: common.$text-dark-gray;\r\n    }\r\n  }\r\n\r\n  .title-header {\r\n    font-weight: normal;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    font-size: 24px;\r\n    color: common.$text-dark;\r\n  }\r\n\r\n  .button-arrow-back {\r\n    border: solid 1px common.$color-grey-75;\r\n    border-radius: 8px;\r\n    padding: 8px 20px;\r\n    align-items: center;\r\n    justify-content: end;\r\n    float: right;\r\n    cursor: pointer;\r\n    width: 65px;\r\n  }\r\n\r\n  .title-detail {\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.15px;\r\n    text-align: left;\r\n    color: common.$color-grey-42;\r\n  }\r\n\r\n  .sub-title-detail {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.43;\r\n    letter-spacing: 0.1px;\r\n    text-align: left;\r\n    color: common.$color-grey-61;\r\n  }\r\n}\r\n</style>\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!./PermissionType.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!./PermissionType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PermissionType.vue?vue&type=template&id=68cefa46&\"\nimport script from \"./PermissionType.vue?vue&type=script&lang=js&\"\nexport * from \"./PermissionType.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PermissionType.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PermissionType.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}