{"version":3,"sources":["webpack:///./src/views/Users.vue?cd1e","webpack:///src/views/Users.vue","webpack:///./src/views/Users.vue?8114","webpack:///./src/views/Users.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","usersImportTemplateLoading","on","getUsersImportTemplate","scopedSlots","_u","key","fn","ref","_g","_b","exportUsersOverviewLoading","$event","exportUsersOverview","staticStyle","importUsersFileSelected","model","value","callback","$$v","files","expression","importUsersLoading","importUsersSelectingFile","showAllUsers","headers","users","loading","options","editItem","props","directives","name","rawName","$vuetify","breakpoint","_l","header","type","text","searchUpdated","search","$set","headerSelects","_e","uploadReportDialog","uploadReport","slot","staticRenderFns","components","UploadReport","data","showInDev","importUsersLoadingSelectingFile","importUsersLoadingFileUploading","class","organisation","newItem","computed","methods","getUsers","$api","getUserOverview","then","resp","finally","clearTimeout","searchTimeOut","setTimeout","save","id","updateUser","email","passwordHash","$common","hash","password","splice","index","$toast","success","createUser","push","dialog","user","$router","params","userId","getOrganisations","exportUserImportTemplate","showAll","exportUserOverview","window","addEventListener","once","$refs","fileInput","input","click","file","formData","FormData","append","postImportUsersData","watch","mounted","component","VAutocomplete","VBtn","VCard","VCardText","VCardTitle","VCol","VDataTable","VFileInput","VList","VListItem","VListItemTitle","VMenu","VRow","VSpacer","VSwitch","VTextField"],"mappings":"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","file":"js/chunk-2d2308ce.a5be3f6c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"users\"},[_c('v-card',{staticClass:\"ml-5 mr-5\",attrs:{\"flat\":\"\"}},[_c('v-card-title',{staticClass:\"mr-0 pr-0\"},[_vm._v(\"\\n      Users\\n      \"),_c('v-spacer'),_c('v-btn',{staticClass:\"mt-2 mr-2\",attrs:{\"loading\":_vm.usersImportTemplateLoading,\"small\":\"\",\"color\":\"none\"},on:{\"click\":_vm.getUsersImportTemplate}},[_vm._v(\"\\n        Users import template\\n      \")]),_c('v-menu',{attrs:{\"bottom\":\"\",\"close-on-content-click\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"mt-2 mr-2\",attrs:{\"loading\":_vm.exportUsersOverviewLoading,\"small\":\"\"}},'v-btn',attrs,false),on),[_vm._v(\"\\n            Export users overview\\n          \")])]}}])},[_c('v-list',[_c('v-list-item',{on:{\"click\":function($event){return _vm.exportUsersOverview(false)}}},[_c('v-list-item-title',[_vm._v(\"Only active users\")])],1),_c('v-list-item',{on:{\"click\":function($event){return _vm.exportUsersOverview(true)}}},[_c('v-list-item-title',[_vm._v(\"All users\")])],1)],1)],1),_c('v-file-input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"hidden\":\"\",\"accept\":\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"},on:{\"change\":_vm.importUsersFileSelected},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}}),_c('v-btn',{staticClass:\"mr-2 mt-2\",attrs:{\"color\":\"success\",\"small\":\"\",\"loading\":_vm.importUsersLoading},on:{\"click\":_vm.importUsersSelectingFile}},[_vm._v(\"\\n        Import users\\n      \")]),_c('v-btn',{staticClass:\"mt-2\",attrs:{\"small\":\"\",\"color\":\"primary\",\"to\":\"/users/create\"}},[_vm._v(\"\\n        New user\\n      \")])],1),_c('v-card-text',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex justify-end\"},[_c('v-switch',{staticClass:\"mt-0\",attrs:{\"label\":\"Show all users\",\"hide-details\":\"\"},model:{value:(_vm.showAllUsers),callback:function ($$v) {_vm.showAllUsers=$$v},expression:\"showAllUsers\"}})],1)],1)],1)],1),_c('v-card',{staticClass:\"ml-5 mr-5\",attrs:{\"outlined\":\"\"}},[_c('v-card-text',[_c('v-data-table',{attrs:{\"dense\":\"\",\"headers\":_vm.headers,\"items\":_vm.users,\"loading\":_vm.loading,\"options\":_vm.options,\"footer-props\":{\n          'items-per-page-options': [15, 50, 100, -1]\n        },\"items-per-page\":50,\"multi-sort\":\"\",\"item-class\":function () { return 'cursor-pointer'; }},on:{\"click:row\":_vm.editItem},scopedSlots:_vm._u([{key:\"header\",fn:function(ref){\n        var headers = ref.props.headers;\nreturn [_c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.smAndUp),expression:\"$vuetify.breakpoint.smAndUp\"}]},_vm._l((headers),function(header){return _c('th',{key:header.value},[(header.type === 'text')?_c('div',{staticClass:\"mx-2 font-weight-light\"},[_c('v-text-field',{attrs:{\"dense\":\"\",\"label\":header.text,\"clearable\":\"\",\"outlined\":\"\"},on:{\"input\":_vm.searchUpdated},model:{value:(_vm.search[header.value]),callback:function ($$v) {_vm.$set(_vm.search, header.value, $$v)},expression:\"search[header.value]\"}})],1):(header.type === 'autocomplete')?_c('div',{staticClass:\"mx-2 font-weight-light\"},[_c('v-autocomplete',{attrs:{\"dense\":\"\",\"label\":header.text,\"items\":_vm.headerSelects[header.value],\"outlined\":\"\",\"clearable\":\"\"},on:{\"change\":_vm.searchUpdated},model:{value:(_vm.search[header.value]),callback:function ($$v) {_vm.$set(_vm.search, header.value, $$v)},expression:\"search[header.value]\"}})],1):_vm._e()])}),0),_vm._l((headers),function(header){return _c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.xsOnly),expression:\"$vuetify.breakpoint.xsOnly\"}],key:header.value},[_c('th',[(header.type === 'text')?_c('div',{staticClass:\"mx-2 font-weight-light\"},[_c('v-text-field',{attrs:{\"dense\":\"\",\"label\":header.text,\"clearable\":\"\",\"outlined\":\"\"},on:{\"input\":_vm.searchUpdated},model:{value:(_vm.search[header.value]),callback:function ($$v) {_vm.$set(_vm.search, header.value, $$v)},expression:\"search[header.value]\"}})],1):(header.type === 'autocomplete')?_c('div',{staticClass:\"mx-2 font-weight-light\"},[_c('v-autocomplete',{attrs:{\"dense\":\"\",\"label\":header.text,\"items\":_vm.headerSelects[header.value],\"outlined\":\"\",\"clearable\":\"\"},on:{\"change\":_vm.searchUpdated},model:{value:(_vm.search[header.value]),callback:function ($$v) {_vm.$set(_vm.search, header.value, $$v)},expression:\"search[header.value]\"}})],1):_vm._e()])])})]}}])})],1)],1),_c('upload-report',{attrs:{\"dialog\":_vm.uploadReportDialog,\"uploadReport\":_vm.uploadReport},on:{\"close\":function($event){_vm.uploadReportDialog = false}}},[_c('template',{slot:\"title\"},[_vm._v(\" Imported users report \")])],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"users\">\r\n    <v-card class=\"ml-5 mr-5\" flat>\r\n      <v-card-title class=\"mr-0 pr-0\">\r\n        Users\r\n        <v-spacer></v-spacer>\r\n        <v-btn\r\n          class=\"mt-2 mr-2\"\r\n          @click=\"getUsersImportTemplate\"\r\n          :loading=\"usersImportTemplateLoading\"\r\n          small\r\n          color=\"none\"\r\n        >\r\n          Users import template\r\n        </v-btn>\r\n\r\n        <v-menu bottom close-on-content-click>\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n              class=\"mt-2 mr-2\"\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n              :loading=\"exportUsersOverviewLoading\"\r\n              small\r\n            >\r\n              Export users overview\r\n            </v-btn>\r\n          </template>\r\n\r\n          <v-list>\r\n            <v-list-item @click=\"exportUsersOverview(false)\">\r\n              <v-list-item-title>Only active users</v-list-item-title>\r\n            </v-list-item>\r\n            <v-list-item @click=\"exportUsersOverview(true)\">\r\n              <v-list-item-title>All users</v-list-item-title>\r\n            </v-list-item>\r\n          </v-list>\r\n        </v-menu>\r\n\r\n        <v-file-input\r\n          type=\"file\"\r\n          hidden\r\n          ref=\"fileInput\"\r\n          accept=\".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel\"\r\n          v-model=\"files\"\r\n          @change=\"importUsersFileSelected\"\r\n          style=\"display: none\"\r\n        />\r\n        <v-btn\r\n          color=\"success\"\r\n          small\r\n          class=\"mr-2 mt-2\"\r\n          @click=\"importUsersSelectingFile\"\r\n          :loading=\"importUsersLoading\"\r\n        >\r\n          Import users\r\n        </v-btn>\r\n\r\n        <v-btn class=\"mt-2\" small color=\"primary\" to=\"/users/create\">\r\n          New user\r\n        </v-btn>\r\n      </v-card-title>\r\n      <v-card-text>\r\n        <v-row no-gutters>\r\n          <v-col class=\"d-flex justify-end\">\r\n            <v-switch\r\n              class=\"mt-0\"\r\n              v-model=\"showAllUsers\"\r\n              label=\"Show all users\"\r\n              hide-details\r\n            ></v-switch>\r\n          </v-col>\r\n        </v-row>\r\n      </v-card-text>\r\n    </v-card>\r\n    <v-card class=\"ml-5 mr-5\" outlined>\r\n      <v-card-text>\r\n        <v-data-table\r\n          dense\r\n          :headers=\"headers\"\r\n          :items=\"users\"\r\n          :loading=\"loading\"\r\n          :options=\"options\"\r\n          :footer-props=\"{\r\n            'items-per-page-options': [15, 50, 100, -1]\r\n          }\"\r\n          :items-per-page=\"50\"\r\n          @click:row=\"editItem\"\r\n          multi-sort\r\n          :item-class=\"() => 'cursor-pointer'\"\r\n        >\r\n          <!-- Headers and search boxes -->\r\n          <template v-slot:header=\"{ props: { headers } }\">\r\n            <tr v-show=\"$vuetify.breakpoint.smAndUp\">\r\n              <th v-for=\"header in headers\" :key=\"header.value\">\r\n                <div\r\n                  v-if=\"header.type === 'text'\"\r\n                  class=\"mx-2 font-weight-light\"\r\n                >\r\n                  <v-text-field\r\n                    dense\r\n                    :label=\"header.text\"\r\n                    clearable\r\n                    v-model=\"search[header.value]\"\r\n                    v-on:input=\"searchUpdated\"\r\n                    outlined\r\n                  ></v-text-field>\r\n                </div>\r\n                <div\r\n                  v-else-if=\"header.type === 'autocomplete'\"\r\n                  class=\"mx-2 font-weight-light\"\r\n                >\r\n                  <v-autocomplete\r\n                    dense\r\n                    :label=\"header.text\"\r\n                    v-model=\"search[header.value]\"\r\n                    :items=\"headerSelects[header.value]\"\r\n                    v-on:change=\"searchUpdated\"\r\n                    outlined\r\n                    clearable\r\n                  ></v-autocomplete>\r\n                </div>\r\n              </th>\r\n            </tr>\r\n            <tr\r\n              v-show=\"$vuetify.breakpoint.xsOnly\"\r\n              v-for=\"header in headers\"\r\n              :key=\"header.value\"\r\n            >\r\n              <th>\r\n                <div\r\n                  v-if=\"header.type === 'text'\"\r\n                  class=\"mx-2 font-weight-light\"\r\n                >\r\n                  <v-text-field\r\n                    dense\r\n                    :label=\"header.text\"\r\n                    clearable\r\n                    v-model=\"search[header.value]\"\r\n                    v-on:input=\"searchUpdated\"\r\n                    outlined\r\n                  ></v-text-field>\r\n                </div>\r\n                <div\r\n                  v-else-if=\"header.type === 'autocomplete'\"\r\n                  class=\"mx-2 font-weight-light\"\r\n                >\r\n                  <v-autocomplete\r\n                    dense\r\n                    :label=\"header.text\"\r\n                    v-model=\"search[header.value]\"\r\n                    :items=\"headerSelects[header.value]\"\r\n                    v-on:change=\"searchUpdated\"\r\n                    outlined\r\n                    clearable\r\n                  ></v-autocomplete>\r\n                </div>\r\n              </th>\r\n            </tr>\r\n          </template>\r\n        </v-data-table>\r\n      </v-card-text>\r\n    </v-card>\r\n    <upload-report\r\n      :dialog=\"uploadReportDialog\"\r\n      :uploadReport=\"uploadReport\"\r\n      @close=\"uploadReportDialog = false\"\r\n    >\r\n      <template slot=\"title\"> Imported users report </template>\r\n    </upload-report>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\n\r\nexport default {\r\n  name: \"Users\",\r\n  components: {\r\n    UploadReport: () => import(\"@/components/Upload/UploadReport.vue\"),\r\n  },\r\n  data: () => ({\r\n    showInDev: false,\r\n    usersImportTemplateLoading: false,\r\n    exportUsersOverviewLoading: false,\r\n    importUsersLoadingSelectingFile: false,\r\n    importUsersLoadingFileUploading: false,\r\n    files: [],\r\n    users: [],\r\n    showAllUsers: false,\r\n    loading: false,\r\n    headers: [\r\n      {\r\n        text: \"First Name\",\r\n        value: \"firstName\",\r\n        type: \"text\",\r\n        class: \"text-subtitle-1 font-weight-bold\",\r\n      },\r\n      {\r\n        text: \"Last Name\",\r\n        value: \"lastName\",\r\n        type: \"text\",\r\n        class: \"text-subtitle-1 font-weight-bold\",\r\n      },\r\n      {\r\n        text: \"Job Title\",\r\n        value: \"jobTitle\",\r\n        type: \"text\",\r\n        class: \"text-subtitle-1 font-weight-bold\",\r\n      },\r\n      {\r\n        text: \"Organisation\",\r\n        value: \"organisation\",\r\n        type: \"autocomplete\",\r\n        class: \"text-subtitle-1 font-weight-bold\",\r\n      },\r\n      {\r\n        text: \"Email\",\r\n        value: \"email\",\r\n        type: \"text\",\r\n        class: \"text-subtitle-1 font-weight-bold\",\r\n      },\r\n      // { text: \"Actions\", value: \"actions\", sortable: false },\r\n    ],\r\n    headerSelects: [{ organisation: [] }],\r\n    newItem: {},\r\n    search: [],\r\n    options: { /*itemsPerPage: 15*/ },\r\n    uploadReport: {},\r\n    uploadReportDialog: false,\r\n  }),\r\n  computed: {\r\n    importUsersLoading() {\r\n      return (\r\n        this.importUsersLoadingSelectingFile ||\r\n        this.importUsersLoadingFileUploading\r\n      );\r\n    },\r\n  },\r\n  methods: {\r\n    getUsers() {\r\n      this.loading = true;\r\n      this.$api\r\n        .getUserOverview(this.options, this.search, this.showAllUsers)\r\n        .then((resp) => (this.users = resp.data))\r\n        .finally(() => (this.loading = false));\r\n    },\r\n    searchUpdated() {\r\n      clearTimeout(this.searchTimeOut);\r\n      this.searchTimeOut = setTimeout(() => {\r\n        this.getUsers();\r\n      }, 500);\r\n    },\r\n    save() {\r\n      if (!this.newItem.id) {\r\n        this.$api\r\n          .createUser({\r\n            id: this.newItem.id,\r\n            email: this.newItem.email,\r\n            passwordHash: this.$common.hash(this.newItem.password),\r\n          })\r\n          .then((resp) => {\r\n            this.users.push(resp.data);\r\n            this.$toast.success(\"User has been created\");\r\n          });\r\n      } else {\r\n        this.$api\r\n          .updateUser({\r\n            id: this.newItem.id,\r\n            email: this.newItem.email,\r\n            passwordHash: this.$common.hash(this.newItem.password),\r\n          })\r\n          .then(() => {\r\n            this.users.splice(this.newItem.index, 1, this.newItem);\r\n            this.$toast.success(\"User has been updated\");\r\n          });\r\n      }\r\n      this.dialog = !this.dialog;\r\n    },\r\n    editItem(user) {\r\n      // console.log(user);\r\n      this.$router.push({ name: \"Users/Update\", params: { userId: user.id } });\r\n      // this.newItem = Object.assign({}, item);\r\n      // this.newItem.index = this.users.indexOf(item);\r\n      // this.dialog = true;\r\n    },\r\n    getOrganisations() {\r\n      this.$api\r\n        .getOrganisations()\r\n        .then((resp) => (this.headerSelects[\"organisation\"] = resp.data));\r\n    },\r\n    getUsersImportTemplate() {\r\n      this.usersImportTemplateLoading = true;\r\n      this.$api.exportUserImportTemplate().finally(() => {\r\n        this.usersImportTemplateLoading = false;\r\n      });\r\n    },\r\n    exportUsersOverview(showAll) {\r\n      this.exportUsersOverviewLoading = true;\r\n      this.$api.exportUserOverview(showAll).finally(() => {\r\n        this.exportUsersOverviewLoading = false;\r\n      });\r\n    },\r\n    importUsersSelectingFile() {\r\n      this.importUsersLoadingSelectingFile = true;\r\n      window.addEventListener(\r\n        \"focus\",\r\n        () => {\r\n          this.importUsersLoadingSelectingFile = false;\r\n        },\r\n        { once: true }\r\n      );\r\n      this.$refs.fileInput.$refs.input.click();\r\n    },\r\n    importUsersFileSelected(file) {\r\n      // this.importUsersFile = e.target.files[0];\r\n      // console.log(this.importUsersFile);\r\n      this.importUsersLoadingFileUploading = true;\r\n\r\n      var formData = new FormData();\r\n      formData.append(\"File\", file);\r\n\r\n      return this.$api\r\n        .postImportUsersData(formData)\r\n        .then((resp) => {\r\n          // console.log(resp);\r\n          this.uploadReport = resp.data;\r\n          this.uploadReportDialog = true;\r\n        })\r\n        .finally(() => {\r\n          this.importUsersLoadingFileUploading = false;\r\n        });\r\n    }\r\n  },\r\n  watch: {\r\n    showAllUsers() {\r\n      this.getUsers();\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    this.searchTimeOut = setTimeout(() => {\r\n        this.getUsers();\r\n      }, 0);\r\n    this.getOrganisations();\r\n  },\r\n};\r\n</script>\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!./Users.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!./Users.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Users.vue?vue&type=template&id=0898d868&\"\nimport script from \"./Users.vue?vue&type=script&lang=js&\"\nexport * from \"./Users.vue?vue&type=script&lang=js&\"\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 { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } 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 { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VFileInput } from 'vuetify/lib/components/VFileInput';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAutocomplete,VBtn,VCard,VCardText,VCardTitle,VCol,VDataTable,VFileInput,VList,VListItem,VListItemTitle,VMenu,VRow,VSpacer,VSwitch,VTextField})\n"],"sourceRoot":""}