{"version":3,"sources":["webpack:///./src/views/dashboard/tables/blackboxuploadAccess.vue?c8db","webpack:///./src/views/dashboard/tables/blackboxuploadAccess.vue?bff5","webpack:///src/views/dashboard/tables/blackboxuploadAccess.vue","webpack:///./src/views/dashboard/tables/blackboxuploadAccess.vue?0bc7","webpack:///./src/views/dashboard/tables/blackboxuploadAccess.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","scopedSlots","_u","key","fn","proxy","userRole","Role","on","$event","clickAddUser","staticStyle","_e","reload","model","value","callback","$$v","search","expression","headers","userData","isLoaded","ref","item","user","useremail","fullName","gid","icon","clickUpdateUser","clickDeleteUser","snackbarColor","snackbar","_s","snackbarMassage","isUserUpdating","clickCloseUpdateUser","isUpdatingUserValid","isAdd","UserUpdate","$set","roleGroup","clickDoneUpdateUser","postDelete","isConfirmingDelete","staticRenderFns","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDataTable","VDialog","VForm","VIcon","VProgressCircular","VRow","VSelect","VSnackbar","VSpacer","VTextField"],"mappings":"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","file":"js/chunk-674b6242.10b78ef4.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./blackboxuploadAccess.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"acc_ctrl-Org-list\",\"tag\":\"section\"}},[_c('div',{attrs:{\"align\":\"end\"}},[_c('v-btn',{attrs:{\"large\":\"\",\"elevation\":\"10\",\"tile\":\"\",\"depressed\":\"\",\"color\":\"red\",\"to\":\"blackboxupload\"}},[_vm._v(\"\\n      Back\\n    \")])],1),_c('v-row',{staticClass:\"d-flex justify-center\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.show)?_c('base-material-card',{staticClass:\"px-5 py-3\",attrs:{\"icon\":\"mdi-account-settings\",\"inline\":\"\",\"min-height\":\"230\"},scopedSlots:_vm._u([{key:\"after-heading\",fn:function(){return [_c('div',{staticClass:\"text-h3 font-weight-light\"},[_vm._v(\"\\n            BlackBox Role Setting\\n          \")])]},proxy:true},{key:\"after-heading-right\",fn:function(){return [(_vm.userRole.Role === '1')?_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.clickAddUser()}}},[_c('v-icon',{staticStyle:{\"font-size\":\"15px\"}},[_vm._v(\"\\n              person_add\\n            \")])],1):_vm._e()]},proxy:true}],null,false,685541001)},[_c('v-text-field',{staticClass:\"ml-auto\",staticStyle:{\"max-width\":\"320px\"},attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"hide-details\":\"\",\"single-line\":\"\"},on:{\"input\":function($event){return _vm.reload()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),(_vm.update)?_c('v-data-table',{staticClass:\"mt-4 ml-10\",attrs:{\"headers\":_vm.headers,\"items\":_vm.userData,\"loading\":!_vm.isLoaded,\"search\":_vm.search,\"items-per-page\":10},scopedSlots:_vm._u([{key:\"item.user\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('poptip-profile',{attrs:{\"useremail\":item.user.useremail,\"username\":item.user.fullName,\"gid\":item.user.gid,\"url\":item.user.icon,\"avatarsize\":22,\"textsize\":12}})]}},{key:\"item.btn\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.canEdit)?_c('v-btn',{staticClass:\"mx-1 green lighten-1\",attrs:{\"icon\":\"\",\"width\":\"36\",\"height\":\"36\"},on:{\"click\":function($event){return _vm.clickUpdateUser(item)}}},[_c('v-icon',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                edit\\n              \")])],1):_vm._e(),(item.canDelete)?_c('v-btn',{staticClass:\"mx-1 red lighten-2\",attrs:{\"icon\":\"\",\"width\":\"36\",\"height\":\"36\"},on:{\"click\":function($event){return _vm.clickDeleteUser(item)}}},[_c('v-icon',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                delete_forever\\n              \")])],1):_vm._e()]}}],null,false,98181345)}):_vm._e()],1):_c('div',[_c('v-row',{staticClass:\"mx-auto\",attrs:{\"justify\":\"space-around\"}},[_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"auto\"}},[_c('v-progress-circular',{attrs:{\"size\":96,\"width\":8,\"color\":\"primary\",\"indeterminate\":\"\"}}),_c('p',{staticClass:\"text-subtitle-1 mt-5\"},[_vm._v(\"\\n              Loading...\\n            \")])],1)],1)],1)],1)],1),_c('v-snackbar',{attrs:{\"timeout\":4000,\"color\":_vm.snackbarColor,\"top\":\"\"},model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_vm._v(\"\\n    \"+_vm._s(_vm.snackbarMassage)+\"\\n    \"),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.snackbar = false}}},[_vm._v(\"\\n      Close\\n    \")])],1),_c('v-dialog',{attrs:{\"value\":_vm.isUserUpdating,\"persistent\":\"\",\"min-width\":\"450px\",\"max-width\":\"450px\"}},[_c('v-card',[_c('v-card-title',[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"vertical-align\":\"center\"}},[_c('div',{staticStyle:{\"flex\":\"1\",\"text-align\":\"left\",\"font-weight\":\"500\"}},[_vm._v(\"\\n            Role Setting\\n          \")]),_c('v-icon',{staticClass:\"mt-3\",attrs:{\"size\":\"18\"},on:{\"click\":_vm.clickCloseUpdateUser}},[_vm._v(\"\\n            mdi-close\\n          \")])],1)]),_c('v-card-text',[_c('v-form',{ref:\"cud-User\",attrs:{\"lazy-validation\":\"\"},model:{value:(_vm.isUpdatingUserValid),callback:function ($$v) {_vm.isUpdatingUserValid=$$v},expression:\"isUpdatingUserValid\"}},[_c('v-row',{staticClass:\"mx-1\"},[_c('v-col',{staticClass:\"px-0 py-1\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"ml-0 mb-2 font-weight-bold\"},[_vm._v(\"\\n                User\\n              \")]),_c('autocomplete-account-ms',{attrs:{\"close\":true,\"outlined\":\"\",\"disabled\":!_vm.isAdd,\"placeholder\":\"Please input a name / email\",\"no-data-text\":\"Please input a name / email\",\"hide-details\":false},model:{value:(_vm.UserUpdate.Appr),callback:function ($$v) {_vm.$set(_vm.UserUpdate, \"Appr\", $$v)},expression:\"UserUpdate.Appr\"}})],1)],1),_c('v-row',{staticClass:\"mx-1\"},[_c('v-col',{staticClass:\"px-0 py-1\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"ml-0 mb-2 font-weight-bold\"},[_vm._v(\"\\n                Role\\n              \")]),_c('v-select',{attrs:{\"items\":_vm.roleGroup,\"outlined\":\"\",\"disabled\":_vm.userRole.Role !== '1',\"item-value\":\"Id\",\"item-text\":\"roleName\"},model:{value:(_vm.UserUpdate.role),callback:function ($$v) {_vm.$set(_vm.UserUpdate, \"role\", $$v)},expression:\"UserUpdate.role\"}})],1)],1)],1)],1),_c('v-card-actions',{staticClass:\"pa-5 pt-3\"},[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"darken\",\"text\":\"\"},on:{\"click\":_vm.clickCloseUpdateUser}},[_vm._v(\"\\n          Cancel\\n        \")]),_c('v-btn',{staticClass:\"ma-0\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.clickDoneUpdateUser}},[_vm._v(\"\\n          Done\\n        \")])],1)],1)],1),_c('dialog-comments',{attrs:{\"title\":\"Delete\",\"message\":\"Do you confirm to delete this request?\",\"text-no\":\"Cancel\",\"text-yes\":\"Delete\",\"hide-comments\":true},on:{\"click-yes\":_vm.postDelete},model:{value:(_vm.isConfirmingDelete),callback:function ($$v) {_vm.isConfirmingDelete=$$v},expression:\"isConfirmingDelete\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container\r\n    id=\"acc_ctrl-Org-list\"\r\n    tag=\"section\"\r\n  >\r\n    <div\r\n      align=\"end\"\r\n    >\r\n      <v-btn\r\n        large\r\n        elevation=\"10\"\r\n        tile\r\n        depressed\r\n        color=\"red\"\r\n        to=\"blackboxupload\"\r\n      >\r\n        Back\r\n      </v-btn>\r\n    </div>\r\n    <v-row class=\"d-flex justify-center\">\r\n      <v-col\r\n        cols=\"12\"\r\n      >\r\n        <base-material-card\r\n          v-if=\"show\"\r\n          icon=\"mdi-account-settings\"\r\n          inline\r\n          class=\"px-5 py-3\"\r\n          min-height=\"230\"\r\n        >\r\n          <template v-slot:after-heading>\r\n            <div class=\"text-h3 font-weight-light\">\r\n              BlackBox Role Setting\r\n            </div>\r\n          </template>\r\n          <template v-slot:after-heading-right>\r\n            <v-btn\r\n              v-if=\"userRole.Role === '1'\"\r\n              text\r\n              @click=\"clickAddUser()\"\r\n            >\r\n              <v-icon\r\n                style=\"font-size: 15px;\"\r\n              >\r\n                person_add\r\n              </v-icon>\r\n            </v-btn>\r\n          </template>\r\n          <v-text-field\r\n            v-model=\"search\"\r\n            append-icon=\"mdi-magnify\"\r\n            class=\"ml-auto\"\r\n            label=\"Search\"\r\n            hide-details\r\n            single-line\r\n            style=\"max-width: 320px;\"\r\n            @input=\"reload()\"\r\n          />\r\n          <v-data-table\r\n            v-if=\"update\"\r\n            class=\"mt-4 ml-10\"\r\n            :headers=\"headers\"\r\n            :items=\"userData\"\r\n            :loading=\"!isLoaded\"\r\n            :search=\"search\"\r\n            :items-per-page=\"10\"\r\n          >\r\n            <!-- @update:page=\"changePage\"\r\n            :page.sync=\"page\"\r\n            @update:items-per-page=\"changePagePer\" -->\r\n            <template v-slot:item.user=\"{ item }\">\r\n              <poptip-profile\r\n                :useremail=\"item.user.useremail\"\r\n                :username=\"item.user.fullName\"\r\n                :gid=\"item.user.gid\"\r\n                :url=\"item.user.icon\"\r\n                :avatarsize=\"22\"\r\n                :textsize=\"12\"\r\n              />\r\n            </template>\r\n            <template\r\n              v-slot:item.btn=\"{ item }\"\r\n            >\r\n              <!-- # ms - add class width height -->\r\n              <v-btn\r\n                v-if=\"item.canEdit\"\r\n                icon\r\n                class=\"mx-1 green lighten-1\"\r\n                width=\"36\"\r\n                height=\"36\"\r\n                @click=\"clickUpdateUser(item)\"\r\n              >\r\n                <v-icon style=\"font-size:25px\">\r\n                  edit\r\n                </v-icon>\r\n              </v-btn>\r\n              <!-- # ms - add class width height -->\r\n              <v-btn\r\n                v-if=\"item.canDelete\"\r\n                icon\r\n                class=\"mx-1 red lighten-2\"\r\n                width=\"36\"\r\n                height=\"36\"\r\n                @click=\"clickDeleteUser(item)\"\r\n              >\r\n                <v-icon style=\"font-size:25px\">\r\n                  delete_forever\r\n                </v-icon>\r\n              </v-btn>\r\n            </template>\r\n          </v-data-table>\r\n        </base-material-card>\r\n        <div v-else>\r\n          <v-row\r\n            class=\"mx-auto\"\r\n            justify=\"space-around\"\r\n          >\r\n            <v-col\r\n              cols=\"auto\"\r\n              class=\"text-center\"\r\n            >\r\n              <v-progress-circular\r\n                :size=\"96\"\r\n                :width=\"8\"\r\n                color=\"primary\"\r\n                indeterminate\r\n              />\r\n              <p class=\"text-subtitle-1 mt-5\">\r\n                Loading...\r\n              </p>\r\n            </v-col>\r\n          </v-row>\r\n        </div>\r\n      </v-col>\r\n    </v-row>\r\n    <v-snackbar\r\n      v-model=\"snackbar\"\r\n      :timeout=\"4000\"\r\n      :color=\"snackbarColor\"\r\n      top\r\n    >\r\n      {{ snackbarMassage }}\r\n      <v-btn\r\n        text\r\n        @click=\"snackbar = false\"\r\n      >\r\n        Close\r\n      </v-btn>\r\n    </v-snackbar>\r\n    <v-dialog\r\n      :value=\"isUserUpdating\"\r\n      persistent\r\n      min-width=\"450px\"\r\n      max-width=\"450px\"\r\n    >\r\n      <v-card>\r\n        <v-card-title>\r\n          <div style=\"width:100%;display:flex;vertical-align:center;\">\r\n            <div style=\"flex:1;text-align:left;font-weight: 500;\">\r\n              Role Setting\r\n            </div>\r\n            <v-icon\r\n              class=\"mt-3\"\r\n              size=\"18\"\r\n              @click=\"clickCloseUpdateUser\"\r\n            >\r\n              mdi-close\r\n            </v-icon>\r\n          </div>\r\n        </v-card-title>\r\n        <v-card-text>\r\n          <v-form\r\n            ref=\"cud-User\"\r\n            v-model=\"isUpdatingUserValid\"\r\n            lazy-validation\r\n          >\r\n            <v-row class=\"mx-1\">\r\n              <v-col\r\n                cols=\"12\"\r\n                class=\"px-0 py-1\"\r\n              >\r\n                <div class=\"ml-0 mb-2 font-weight-bold\">\r\n                  User\r\n                </div>\r\n                <!-- # ms - change component -->\r\n                <autocomplete-account-ms\r\n                  v-model=\"UserUpdate.Appr\"\r\n                  :close=\"true\"\r\n                  outlined\r\n                  :disabled=\"!isAdd\"\r\n                  placeholder=\"Please input a name / email\"\r\n                  no-data-text=\"Please input a name / email\"\r\n                  :hide-details=\"false\"\r\n                />\r\n              </v-col>\r\n            </v-row>\r\n            <v-row class=\"mx-1\">\r\n              <v-col\r\n                cols=\"12\"\r\n                class=\"px-0 py-1\"\r\n              >\r\n                <div class=\"ml-0 mb-2 font-weight-bold\">\r\n                  Role\r\n                </div>\r\n                <v-select\r\n                  v-model=\"UserUpdate.role\"\r\n                  :items=\"roleGroup\"\r\n                  outlined\r\n                  :disabled=\"userRole.Role !== '1'\"\r\n                  item-value=\"Id\"\r\n                  item-text=\"roleName\"\r\n                />\r\n              </v-col>\r\n            </v-row>\r\n          </v-form>\r\n        </v-card-text>\r\n        <v-card-actions class=\"pa-5 pt-3\">\r\n          <v-spacer />\r\n          <v-btn\r\n            color=\"darken\"\r\n            text\r\n            @click=\"clickCloseUpdateUser\"\r\n          >\r\n            Cancel\r\n          </v-btn>\r\n          <v-btn\r\n            color=\"primary\"\r\n            class=\"ma-0\"\r\n            @click=\"clickDoneUpdateUser\"\r\n          >\r\n            Done\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n    <dialog-comments\r\n      v-model=\"isConfirmingDelete\"\r\n      title=\"Delete\"\r\n      message=\"Do you confirm to delete this request?\"\r\n      text-no=\"Cancel\"\r\n      text-yes=\"Delete\"\r\n      :hide-comments=\"true\"\r\n      @click-yes=\"postDelete\"\r\n    />\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\n  import { mapState } from 'vuex'\r\n  import { xPost } from '@/http/axios'\r\n  export default {\r\n    components: {\r\n      // # ms - change\r\n      // -----------------------\r\n      PoptipProfile: () => import('@/components/poptip-profile-v3'),\r\n      dialogComments: () => import('@/components/dialog/comments'),\r\n      autocompleteAccountMs: () => import('@/components/autocomplete-account-ms')\r\n      // -----------------------\r\n    },\r\n    data () {\r\n      return {\r\n        headers: [\r\n          {\r\n            text: 'Name',\r\n            value: 'user',\r\n            width: 200\r\n          },\r\n          {\r\n            text: 'Role',\r\n            value: 'role',\r\n            width: 80\r\n          },\r\n          {\r\n            text: 'Action',\r\n            value: 'btn',\r\n            width: 180,\r\n            sortable: false\r\n          },\r\n          {\r\n            text: 'Email',\r\n            value: 'userEmail',\r\n            width: 1,\r\n            sortable: false\r\n          }\r\n        ],\r\n        userData: [],\r\n        roleGroup: [],\r\n        isLoaded: false,\r\n        snackbar: false,\r\n        snackbarMessage: null,\r\n        snackbarColor: null,\r\n        search: '',\r\n        userRole: [],\r\n        isUserUpdating: false,\r\n        isUpdatingUserValid: true,\r\n        isConfirmingDelete: false,\r\n        isUserCanDelete: true,\r\n        deleteIndex: null,\r\n        UserUpdate: {\r\n          Appr: [],\r\n          role: null\r\n          // country: [],\r\n        },\r\n        // country: [],\r\n        // accessCountry: [],\r\n        isAdd: false,\r\n        update: false,\r\n        show: false,\r\n        page: 1,\r\n        // # ms - cover missing add\r\n        snackbarMassage: null,\r\n        // Product: ['All'],\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState(['user']),\r\n      // SelectAllItems () {\r\n      //   return this.UserUpdate.country.length - this.accessCountry.length === this.userRole.country.length\r\n      // },\r\n      // SelectSomeItems () {\r\n      //   return this.UserUpdate.country.length > 0 && !this.SelectAllItems\r\n      // },\r\n      icon () {\r\n        // if (this.SelectAllItems) return 'mdi-close-box'\r\n        // if (this.SelectSomeItems) return 'mdi-minus-box'\r\n        return 'mdi-checkbox-blank-outline'\r\n      }\r\n    },\r\n    beforeMount () {\r\n      this.getRole();\r\n    },\r\n    mounted () {\r\n      window.scrollTo(0, 0)\r\n      this.refreshAll()\r\n    },\r\n    methods: {\r\n      clickCloseUpdateUser () {\r\n        this.closeUpdateUserDialog()\r\n        this.refreshAll()\r\n      },\r\n      closeUpdateUserDialog () {\r\n        this.isUserUpdating = false\r\n      },\r\n      clickDoneUpdateUser () {\r\n        const valid = this.$refs['cud-User'].validate()\r\n        if (!valid) return\r\n        this.postUpdateUserAdmin()\r\n      },\r\n      clickUpdateUser (item) {\r\n        this.isAdd = false\r\n        this.UserUpdate.role = item.roleId\r\n        const user = {\r\n          email: item.user.useremail,\r\n          gid: item.user.gid,\r\n          icon: item.user.icon,\r\n          name: item.user.fullName\r\n        }\r\n        this.UserUpdate.Appr = user\r\n        if (this.$refs['cud-user']) this.$refs['cud-user'].resetValidation()\r\n        this.isUserUpdating = true\r\n        // this.isUserChanged = true\r\n        this.isUserCanDelete = true\r\n      },\r\n      clickAddUser () {\r\n        this.isAdd = true\r\n        // this.UserUpdate.country = []\r\n        // this.accessCountry = []\r\n        this.UserUpdate.Appr = {\r\n          email: null,\r\n          gid: null,\r\n          icon: null,\r\n          name: null\r\n        }\r\n        if (this.$refs['cud-User']) this.$refs['cud-User'].resetValidation()\r\n        this.isUserUpdating = true\r\n        // this.isUserChanged = true\r\n        this.isUserCanDelete = true\r\n      },\r\n      clickDeleteUser (item) {\r\n        this.deleteIndex = item.user.useremail\r\n        if (this.$refs['cud-User']) this.$refs['cud-User'].resetValidation()\r\n        this.isConfirmingDelete = true\r\n      },\r\n      async GetData () {\r\n        this.isLoaded = false\r\n        const flagGetApps = new Date()\r\n        this.flagGetApps = flagGetApps\r\n        const y = flagGetApps.getFullYear()\r\n        // if (y === 2022) {\r\n        //    this.$router.push('/tables/login')\r\n        // } else {\r\n        try {\r\n          const req = xPost(\r\n            'blackboxaccess',\r\n            'getBlackboxUser',\r\n            {\r\n              userinfo: this.user\r\n            })\r\n          const res = await req\r\n          if (this.flagGetApps === flagGetApps && res.status === 200 && res.data.status === 200) {\r\n            this.userRole = {\r\n              Id: res.data.role.Id,\r\n              Role: res.data.role.Role\r\n            }\r\n            this.roleGroup = res.data.roleGroup\r\n            this.userData = res.data.user.map(el => ({\r\n              user: {\r\n                useremail: el.useremail,\r\n                // # ms - change\r\n                msId: el.msId,\r\n                fullName: el.Name,\r\n                icon: el.Avatar\r\n              },\r\n              role: el.Role,\r\n              roleId: el.RoleId,\r\n              userEmail: el.useremail,\r\n              canEdit: this.checkCanEdit(el.RoleId),\r\n              canDelete: this.checkCanDelete(el.RoleId)\r\n            }))\r\n          }\r\n        } catch (err) {\r\n          console.log(err)\r\n          this.snackbarMessage = \"can't get user info\"\r\n          this.snackbar = true\r\n          this.snackbarColor = 'error'\r\n          // this.confirmUploading = false\r\n        }\r\n        this.reload()\r\n        this.isLoaded = true\r\n      },\r\n      async refreshAll () {\r\n        this.isLoaded = false\r\n        await this.GetData()\r\n        this.show = true\r\n        this.isLoaded = true\r\n      },\r\n      reload () {\r\n        this.update = false\r\n        this.$nextTick(() => {\r\n          this.update = true\r\n        })\r\n      },\r\n      // changePage (x) {\r\n      //   this.page = x || 1\r\n      //   this.update = false\r\n      //   this.$nextTick(() => {\r\n      //     this.update = true\r\n      //   })\r\n      // },\r\n      // changePagePer (x) {\r\n      //   this.page = x || 1\r\n      //   this.update = false\r\n      //   this.$nextTick(() => {\r\n      //     this.update = true\r\n      //   })\r\n      // },\r\n      async postUpdateUserAdmin () {\r\n        if (this.isAdd) {\r\n          const userEmail = this.UserUpdate.Appr.email\r\n          const updateUserInfo = {\r\n            email: this.UserUpdate.Appr.email,\r\n            // # ms - change\r\n            msId: this.UserUpdate.Appr.msId,\r\n            Avatar: this.UserUpdate.Appr.icon,\r\n            Name: this.UserUpdate.Appr.name\r\n          }\r\n          const userList = this.userData.map(el => el.userEmail)\r\n          if (userList.indexOf(userEmail) > 0) {\r\n            this.snackbarMassage = 'The user already exists.'\r\n            this.snackbar = true\r\n            this.snackbarColor = 'error'\r\n            return\r\n          }\r\n          try {\r\n            const req = xPost(\r\n              'blackboxaccess',\r\n              'addBlackboxUser',\r\n              {\r\n                userinfo: this.user,\r\n                update: this.UserUpdate,\r\n                updateUserInfo: updateUserInfo\r\n              }\r\n            )\r\n            const res = await req\r\n            if (res.status === 200 && res.data.status === 200) {\r\n              this.closeUpdateUserDialog()\r\n              this.refreshAll()\r\n            } else {\r\n              if (res.message === 'Authorize Failed') {\r\n                this.snackbarMassage = 'Authorize Failed.'\r\n                this.snackbar = true\r\n                this.snackbarColor = 'error'\r\n              } else {\r\n                this.snackbarMassage = 'An unexpected error occurred while uploading your file, please try again later.'\r\n                this.snackbar = true\r\n                this.snackbarColor = 'error'\r\n              }\r\n            }\r\n          } catch (err) {\r\n            console.log('[Error - Add User]')\r\n            this.snackbarMassage = 'An unexpected error occurred while uploading your file, please try again later.'\r\n            this.snackbar = true\r\n            this.snackbarColor = 'error'\r\n          }\r\n        } else {\r\n          try {\r\n            const req = xPost(\r\n              'blackboxaccess',\r\n              'changeBlackboxUser',\r\n              {\r\n                userinfo: this.user,\r\n                update: this.UserUpdate\r\n              }\r\n            )\r\n            const res = await req\r\n            if (res.status === 200 && res.data.status === 200) {\r\n              this.closeUpdateUserDialog()\r\n              this.refreshAll()\r\n            } else {\r\n              if (res.message === 'Authorize Failed') {\r\n                this.snackbarMessage = 'Authorize Failed.'\r\n                this.snackbar = true\r\n                this.snackbarColor = 'error'\r\n              } else {\r\n                this.snackbarMassage = 'An unexpected error occurred while uploading your file, please try again later.'\r\n                this.snackbar = true\r\n                this.snackbarColor = 'error'\r\n              }\r\n            }\r\n          } catch (err) {\r\n            console.log('[Error - Add User]')\r\n            this.snackbarMassage = 'An unexpected error occurred while uploading your file, please try again later.'\r\n            this.snackbar = true\r\n            this.snackbarColor = 'error'\r\n          }\r\n        }\r\n        this.UserUpdate.Appr = null\r\n      },\r\n      checkCanEdit (role) {\r\n        if (this.userRole.Role === '1') {\r\n          return true\r\n        } else {\r\n          return false\r\n        }\r\n      },\r\n      checkCanDelete (role) {\r\n        if (this.userRole.Role === '1') {\r\n          return true\r\n        } else {\r\n          return false\r\n        }\r\n      },\r\n      async postDelete () {\r\n        this.isLoaded = false\r\n        const flagGetApps = new Date()\r\n        this.flagGetApps = flagGetApps\r\n        try {\r\n          const req = xPost(\r\n            'blackboxaccess',\r\n            'delBlackboxUser',\r\n            {\r\n              userinfo: this.user,\r\n              deleteUser: this.deleteIndex\r\n            })\r\n          const res = await req\r\n          if (res.status === 200 && res.data.status === 200) {\r\n            this.isConfirmingDelete = false\r\n            this.refreshAll()\r\n          }\r\n        } catch (err) {\r\n          console.log('[Error - del user]')\r\n          this.snackbarMessage = 'An unexpected error occured while uploading your file, please try again later.'\r\n          this.snackbar = true\r\n          this.snackbarColor = 'error'\r\n        }\r\n        this.isLoaded = true\r\n      },\r\n      async getRole() {\r\n        const params = {\r\n          useremail: this.user.email\r\n        }\r\n        try {\r\n          const res = await xPost(\r\n            'blackboxaccess',\r\n            'blackboxRole',\r\n            params\r\n          )\r\n          if (res.status === 200 && res.data.blackboxRole) {\r\n            this.blackboxRole = res.data.blackboxRole.Role || []\r\n          }\r\n        } catch (err) {\r\n          console.log(\"can't get user Role\")\r\n          console.log(err)\r\n        }\r\n        if (this.blackboxRole != 1 && this.blackboxRole != 2) {\r\n          window.location.href= '/';\r\n        } \r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"sass\">\r\n  .v-data-table table thead tr th\r\n    font-size: 14px !important\r\n\r\n  .v-btn--icon.v-size--default\r\n    height: auto\r\n    min-width: auto\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!./blackboxuploadAccess.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!./blackboxuploadAccess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./blackboxuploadAccess.vue?vue&type=template&id=77c1e04e&\"\nimport script from \"./blackboxuploadAccess.vue?vue&type=script&lang=js&\"\nexport * from \"./blackboxuploadAccess.vue?vue&type=script&lang=js&\"\nimport style0 from \"./blackboxuploadAccess.vue?vue&type=style&index=0&lang=sass&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDataTable,VDialog,VForm,VIcon,VProgressCircular,VRow,VSelect,VSnackbar,VSpacer,VTextField})\n"],"sourceRoot":""}