{"version":3,"sources":["webpack:///./src/views/pages/SelectSite.vue?d2bf","webpack:///./src/views/pages/SelectSite.vue?97d0","webpack:///src/views/pages/SelectSite.vue","webpack:///./src/views/pages/SelectSite.vue?bd24","webpack:///./src/views/pages/SelectSite.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","sites","on","handleSelectedSite","scopedSlots","_u","key","fn","data","_l","tr","indextr","logoUrl","_v","_s","name","model","value","callback","$$v","selected","expression","slot","staticRenderFns","mounted","loadData","methods","self","showLoadingOnTable","siteId","theme","themeColor","navbarColor","navbarType","localStorage","setItem","JSON","stringify","$setPermissions","removeItem","$acl","change","sessionStorage","getItem","split","parse","Array","$vs","primary","$store","dispatch","$router","push","loading","type","container","$refs","sitesTable","$el","scale","setTimeout","close","component"],"mappings":"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","file":"js/chunk-e0d0461c.181943b8.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./SelectSite.vue?vue&type=style&index=0&id=503a7522&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-screen flex w-full bg-img\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 md:w-1/2 lg:w-2/5 mx-auto pt-2 self-center\"},[_c('vx-card',[_c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-thumb-view\"}},[_c('vs-table',{ref:\"sitesTable\",attrs:{\"striped\":\"\",\"single\":\"\",\"pagination\":\"\",\"max-items\":\"3\",\"search\":\"\",\"data\":_vm.sites},on:{\"selected\":_vm.handleSelectedSite},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{staticClass:\"img-container\"},[_c('img',{staticClass:\"product-img\",attrs:{\"src\":tr.logoUrl}})]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium\"},[_vm._v(_vm._s(tr.name))])])],1)}),1)]}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',[_c('h2',{staticClass:\"text-left pb-4\"},[_vm._v(\"Please choose a site\")])])])])],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Login.vue\r\n    Description: Login Page\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <div class=\"h-screen flex w-full bg-img\">\r\n    <div class=\"vx-col sm:w-1/2 md:w-1/2 lg:w-2/5 mx-auto pt-2 self-center\">\r\n      <vx-card>\r\n        <!-- <div class=\"vx-card__title pb-4\">\r\n          <h2 class=\"text-center\">Please choose a site</h2>\r\n        </div> -->\r\n        <div id=\"data-list-thumb-view\" class=\"data-list-container\">\r\n          <vs-table ref=\"sitesTable\" striped single v-model=\"selected\" @selected=\"handleSelectedSite\" pagination max-items=\"3\" search :data=\"sites\">\r\n            <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\r\n              <div>\r\n                <h2 class=\"text-left pb-4\">Please choose a site</h2>\r\n              </div>\r\n            </div>\r\n            <template slot-scope=\"{data}\">\r\n              <tbody>\r\n                <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n                  <vs-td class=\"img-container\">\r\n                    <img :src=\"tr.logoUrl\" class=\"product-img\" />\r\n                  </vs-td>\r\n                  <vs-td>\r\n                    <p class=\"product-name font-medium\">{{ tr.name }}</p>\r\n                  </vs-td>\r\n                </vs-tr>\r\n              </tbody>\r\n            </template>\r\n          </vs-table>\r\n        </div>\r\n      </vx-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport themeConfig from '@/../themeConfig.js';\r\nexport default {\r\n  data () {\r\n    return {\r\n      selected: [],\r\n      sites: []\r\n    };\r\n  },\r\n  mounted () {\r\n    this.loadData();\r\n  },\r\n  methods: {\r\n    handleSelectedSite (tr) {\r\n      const self = this;\r\n      self.showLoadingOnTable();\r\n      self.selected = [\r\n        {\r\n          siteId: tr.siteId,\r\n          name: tr.name,\r\n          logoUrl: tr.logoUrl,\r\n          theme: tr.theme,\r\n          themeColor: tr.themeColor,\r\n          navbarColor: tr.navbarColor,\r\n          navbarType: tr.navbarType\r\n        }\r\n      ];\r\n\r\n      localStorage.setItem('userSiteInfo', JSON.stringify(self.selected));\r\n      self.$setPermissions(self, function () {\r\n        localStorage.removeItem('allUserSites');\r\n        self.$acl.change(sessionStorage.getItem('permissions').split(','));\r\n        if (JSON.parse(localStorage.getItem('userSiteInfo')) instanceof Array) {\r\n          self.$vs.theme({ primary: JSON.parse(localStorage.getItem('userSiteInfo'))[0].themeColor });\r\n          self.$store.dispatch('updateTheme', JSON.parse(localStorage.getItem('userSiteInfo'))[0].theme);\r\n        } else { \r\n          self.$vs.theme({ primary: JSON.parse(localStorage.getItem('userSiteInfo')).themeColor });\r\n          self.$store.dispatch('updateTheme', JSON.parse(localStorage.getItem('userSiteInfo')).theme);\r\n        }\r\n        self.$router.push('/dashboard');\r\n      });\r\n    },\r\n    loadData () {\r\n      this.sites = JSON.parse(localStorage.getItem('allUserSites'));\r\n    },\r\n\r\n    showLoadingOnTable () {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        type: 'corners',\r\n        container: self.$refs.sitesTable.$el,\r\n        scale: 1\r\n      });\r\n      setTimeout(() => {\r\n        self.$vs.loading.close();\r\n      }, 4000);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n#data-list-thumb-view {\r\n  .vs-con-table {\r\n    .vs-table--header {\r\n      display: flex;\r\n      flex-wrap: wrap-reverse;\r\n      margin-left: 1.5rem;\r\n      margin-right: 1.5rem;\r\n      > span {\r\n        display: flex;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .vs-table--search {\r\n        padding-top: 0;\r\n\r\n        .vs-table--search-input {\r\n          padding: 0.9rem 2.5rem;\r\n          font-size: 1rem;\r\n\r\n          & + i {\r\n            left: 1rem;\r\n          }\r\n\r\n          &:focus + i {\r\n            left: 1rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table {\r\n      border-collapse: separate;\r\n      border-spacing: 0 1.3rem;\r\n      padding: 0 1rem;\r\n\r\n      tr {\r\n        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\r\n        td {\r\n          padding: 10px;\r\n          &:first-child {\r\n            border-top-left-radius: 0.5rem;\r\n            border-bottom-left-radius: 0.5rem;\r\n          }\r\n          &:last-child {\r\n            border-top-right-radius: 0.5rem;\r\n            border-bottom-right-radius: 0.5rem;\r\n          }\r\n          &.img-container {\r\n            // width: 1rem;\r\n            // background: #fff;\r\n            height:100px;\r\n\r\n            span {\r\n              display: flex;\r\n              justify-content: left;\r\n            }\r\n\r\n            .product-img {\r\n                display: block;\r\n                max-width: 100px;\r\n                max-height: 100px;\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n          }\r\n        }\r\n        td.td-check {\r\n          padding: 20px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table--thead {\r\n      th {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n\r\n        .vs-table-text {\r\n          text-transform: uppercase;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n      th.td-check {\r\n        padding: 0 15px !important;\r\n      }\r\n      tr {\r\n        background: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .vs-table--pagination {\r\n      justify-content: center;\r\n    }\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!./SelectSite.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!./SelectSite.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectSite.vue?vue&type=template&id=503a7522\"\nimport script from \"./SelectSite.vue?vue&type=script&lang=js\"\nexport * from \"./SelectSite.vue?vue&type=script&lang=js\"\nimport style0 from \"./SelectSite.vue?vue&type=style&index=0&id=503a7522&prod&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"],"sourceRoot":""}