{"version":3,"sources":["webpack:///./src/components/usermanagement/Usermanagement.vue?8fe6","webpack:///./src/components/usermanagement/Usermanagement.vue","webpack:///src/components/usermanagement/Usermanagement.vue","webpack:///./src/components/usermanagement/Usermanagement.vue?df2a","webpack:///./src/components/usermanagement/Usermanagement.vue?af86"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","class","userlistStyle","attrs","usersLabel","checkboxObject","id","title","concat","roleForColumLabel","usernameLabel","countryLabel","emailLabel","reportsLabel","_f","usersForTable","sortColumn","sortDirection","page","pageSize","item","currentUser","scopedSlots","_u","key","fn","_ref","user","style","opacity","active","directives","name","rawName","value","roleLabel","role","expression","roleIcon","_v","_s","country","email","receivesReportLabel","reports","on","$event","toggleReport","model","callback","$$v","$set","getEditLabel","selectUser","sendMailLabel","cursor","sendTestMail","_e","deleteUserLabel","deleteUser","prevPage","pages","nextPage","addUser","isUserDetailsVisible","reportToggled","staticRenderFns","mixins","sortTable","data","areSomeUsersHidden","components","Userdetail","Spacer","computed","_objectSpread","mapGetters","mapState","$gettext","Math","ceil","length","tableStyle","table","fadeIn","animated","userlistsmall","userlistextended","_this","users","some","u","label","changeDisplayingState","watch","filterUsers","mounted","methods","filter","_this2","HTTP","patch","headers","localStorage","getItem","then","catch","error","message","response","_error$response","status","displayError","_this3","get","encodeURIComponent","displayInfo","loginFailed","_error$response2","_this4","$store","commit","icon","content","confirm","dispatch","action","_error$response3","_error$response4","cancel","getters","labels","sys_admin","waterway_admin","waterway_user","beforeRouteEnter","to","from","next","_this5","store","_error$response5","beforeRouteLeave","component"],"mappings":"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","file":"js/chunk-23249a0a.3fcb5935.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Usermanagement.vue?vue&type=style&index=0&id=4d848c70&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main d-flex flex-row\",staticStyle:{\"position\":\"relative\"}},[_c('Spacer'),_c('div',{staticClass:\"d-flex content py-2\"},[_c('div',{class:_vm.userlistStyle},[_c('div',{staticClass:\"card shadow-xs\"},[_c('UIBoxHeader',{attrs:{\"icon\":\"users-cog\",\"title\":_vm.usersLabel,\"checkBox\":_vm.checkboxObject}}),_c('UITableHeader',{attrs:{\"columns\":[\n            { id: 'role', title: `${_vm.roleForColumLabel}`, class: 'col-1' },\n            { id: 'user', title: `${_vm.usernameLabel}`, class: 'col-4' },\n            { id: 'country', title: `${_vm.countryLabel}`, class: 'col-1' },\n            { id: 'email', title: `${_vm.emailLabel}`, class: 'col-3' },\n            { id: 'reports', title: `${_vm.reportsLabel}`, class: 'col-1' }\n          ]}}),_c('UITableBody',{attrs:{\"data\":_vm._f(\"sortTable\")(_vm.usersForTable,_vm.sortColumn, _vm.sortDirection, _vm.page, _vm.pageSize),\"isActive\":item => item === _vm.currentUser,\"maxHeight\":\"47rem\"},scopedSlots:_vm._u([{key:\"row\",fn:function({ item: user }){return [_c('div',{staticClass:\"table-cell center col-1\",style:({ opacity: user.active ? '1' : '0.7' })},[_c('font-awesome-icon',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.roleLabel(user.role)),expression:\"roleLabel(user.role)\"}],staticClass:\"fa-lg\",attrs:{\"icon\":_vm.roleIcon(user.role)}})],1),_c('div',{staticClass:\"table-cell col-4\",style:({ opacity: user.active ? '1' : '0.7' })},[_vm._v(\"\\n              \"+_vm._s(user.user)+\"\\n            \")]),_c('div',{staticClass:\"table-cell center col-1\",style:({ opacity: user.active ? '1' : '0.7' })},[_vm._v(\"\\n              \"+_vm._s(user.country)+\"\\n            \")]),_c('div',{staticClass:\"table-cell col-3\",style:({ opacity: user.active ? '1' : '0.7' })},[_vm._v(\"\\n              \"+_vm._s(user.email)+\"\\n            \")]),_c('div',{staticClass:\"table-cell center col-1\"},[_c('toggle-button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.receivesReportLabel),expression:\"receivesReportLabel\"}],staticClass:\"pt-1\",attrs:{\"value\":user.reports,\"sync\":true,\"speed\":100,\"width\":40,\"disabled\":!user.active,\"height\":20},on:{\"change\":function($event){return _vm.toggleReport(user)}},model:{value:(user.reports),callback:function ($$v) {_vm.$set(user, \"reports\", $$v)},expression:\"user.reports\"}})],1),_c('div',{staticClass:\"table-cell col text-right justify-content-end\"},[_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.getEditLabel(user.active)),expression:\"getEditLabel(user.active)\"}],staticClass:\"btn btn-xs btn-dark mr-1\",on:{\"click\":function($event){return _vm.selectUser(user.user)}}},[(user.active)?_c('font-awesome-icon',{attrs:{\"icon\":\"pencil-alt\",\"fixed-width\":\"\"}}):_c('font-awesome-icon',{attrs:{\"icon\":\"undo\",\"fixed-width\":\"\"}})],1),(user.email)?_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.sendMailLabel),expression:\"sendMailLabel\"}],staticClass:\"btn btn-xs btn-dark mr-1\",style:({ cursor: user.active ? 'pointer' : 'default' }),attrs:{\"disabled\":!user.active},on:{\"click\":function($event){return _vm.sendTestMail(user.user)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"paper-plane\",\"fixed-width\":\"\"}})],1):_vm._e(),_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.deleteUserLabel),expression:\"deleteUserLabel\"}],staticClass:\"btn btn-xs btn-dark\",style:({ cursor: user.active ? 'pointer' : 'default' }),attrs:{\"disabled\":!user.active},on:{\"click\":function($event){return _vm.deleteUser(user.user)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"trash\",\"fixed-width\":\"\"}})],1)])]}}])}),_c('div',{staticClass:\"p-3 border-top d-flex justify-content-between\"},[_c('div'),_c('div',[(this.page !== 1)?_c('button',{staticClass:\"mr-2 btn btn-sm btn-light align-self-center\",on:{\"click\":_vm.prevPage}},[_c('font-awesome-icon',{attrs:{\"icon\":\"angle-left\"}})],1):_vm._e(),_vm._v(\"\\n            \"+_vm._s(this.page)+\" / \"+_vm._s(this.pages)+\"\\n            \"),(this.page !== this.pages)?_c('button',{staticClass:\"ml-2 btn btn-sm btn-light align-self-center\",on:{\"click\":_vm.nextPage}},[_c('font-awesome-icon',{attrs:{\"icon\":\"angle-right\"}})],1):_vm._e()]),_c('button',{staticClass:\"btn btn-info addbutton shadow-sm\",on:{\"click\":_vm.addUser}},[_c('translate',[_vm._v(\"Add User\")])],1)])],1)]),(_vm.isUserDetailsVisible)?_c('Userdetail',{attrs:{\"reportToggled\":_vm.reportToggled}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main d-flex flex-row\" style=\"position: relative;\">\n    <Spacer />\n    <div class=\"d-flex content py-2\">\n      <div :class=\"userlistStyle\">\n        <div class=\"card shadow-xs\">\n          <UIBoxHeader\n            icon=\"users-cog\"\n            :title=\"usersLabel\"\n            :checkBox=\"checkboxObject\"\n          />\n          <UITableHeader\n            :columns=\"[\n              { id: 'role', title: `${roleForColumLabel}`, class: 'col-1' },\n              { id: 'user', title: `${usernameLabel}`, class: 'col-4' },\n              { id: 'country', title: `${countryLabel}`, class: 'col-1' },\n              { id: 'email', title: `${emailLabel}`, class: 'col-3' },\n              { id: 'reports', title: `${reportsLabel}`, class: 'col-1' }\n            ]\"\n          />\n          <UITableBody\n            :data=\"\n              usersForTable\n                | sortTable(sortColumn, sortDirection, page, pageSize)\n            \"\n            :isActive=\"item => item === currentUser\"\n            maxHeight=\"47rem\"\n          >\n            <template v-slot:row=\"{ item: user }\">\n              <div\n                class=\"table-cell center col-1\"\n                :style=\"{ opacity: user.active ? '1' : '0.7' }\"\n              >\n                <font-awesome-icon\n                  v-tooltip=\"roleLabel(user.role)\"\n                  :icon=\"roleIcon(user.role)\"\n                  class=\"fa-lg\"\n                />\n              </div>\n              <div\n                class=\"table-cell col-4\"\n                :style=\"{ opacity: user.active ? '1' : '0.7' }\"\n              >\n                {{ user.user }}\n              </div>\n              <div\n                :style=\"{ opacity: user.active ? '1' : '0.7' }\"\n                class=\"table-cell center col-1\"\n              >\n                {{ user.country }}\n              </div>\n              <div\n                class=\"table-cell col-3\"\n                :style=\"{ opacity: user.active ? '1' : '0.7' }\"\n              >\n                {{ user.email }}\n              </div>\n              <div class=\"table-cell center col-1\">\n                <toggle-button\n                  :value=\"user.reports\"\n                  v-model=\"user.reports\"\n                  class=\"pt-1\"\n                  :sync=\"true\"\n                  :speed=\"100\"\n                  @change=\"toggleReport(user)\"\n                  v-tooltip=\"receivesReportLabel\"\n                  :width=\"40\"\n                  :disabled=\"!user.active\"\n                  :height=\"20\"\n                />\n              </div>\n              <div class=\"table-cell col text-right justify-content-end\">\n                <button\n                  @click=\"selectUser(user.user)\"\n                  class=\"btn btn-xs btn-dark mr-1\"\n                  v-tooltip=\"getEditLabel(user.active)\"\n                >\n                  <font-awesome-icon\n                    v-if=\"user.active\"\n                    icon=\"pencil-alt\"\n                    fixed-width\n                  />\n                  <font-awesome-icon v-else icon=\"undo\" fixed-width />\n                </button>\n                <button\n                  @click=\"sendTestMail(user.user)\"\n                  class=\"btn btn-xs btn-dark mr-1\"\n                  v-tooltip=\"sendMailLabel\"\n                  v-if=\"user.email\"\n                  :disabled=\"!user.active\"\n                  :style=\"{ cursor: user.active ? 'pointer' : 'default' }\"\n                >\n                  <font-awesome-icon icon=\"paper-plane\" fixed-width />\n                </button>\n                <button\n                  @click=\"deleteUser(user.user)\"\n                  class=\"btn btn-xs btn-dark\"\n                  v-tooltip=\"deleteUserLabel\"\n                  :style=\"{ cursor: user.active ? 'pointer' : 'default' }\"\n                  :disabled=\"!user.active\"\n                >\n                  <font-awesome-icon icon=\"trash\" fixed-width />\n                </button>\n              </div>\n            </template>\n          </UITableBody>\n          <div class=\"p-3 border-top d-flex justify-content-between\">\n            <div></div>\n            <div>\n              <button\n                @click=\"prevPage\"\n                v-if=\"this.page !== 1\"\n                class=\"mr-2 btn btn-sm btn-light align-self-center\"\n              >\n                <font-awesome-icon icon=\"angle-left\" />\n              </button>\n              {{ this.page }} / {{ this.pages }}\n              <button\n                @click=\"nextPage\"\n                v-if=\"this.page !== this.pages\"\n                class=\"ml-2 btn btn-sm btn-light align-self-center\"\n              >\n                <font-awesome-icon icon=\"angle-right\" />\n              </button>\n            </div>\n            <button @click=\"addUser\" class=\"btn btn-info addbutton shadow-sm\">\n              <translate>Add User</translate>\n            </button>\n          </div>\n        </div>\n      </div>\n      <Userdetail :reportToggled=\"reportToggled\" v-if=\"isUserDetailsVisible\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.content {\n  width: 100%;\n}\n\n.userdetails {\n  width: 50%;\n}\n\n.main {\n  height: 100%;\n}\n\n.icon {\n  font-size: large;\n}\n\n.userlist {\n  min-width: 520px;\n  height: 100%;\n}\n\n.userlistsmall {\n  width: 100%;\n}\n\n.userlistextended {\n  width: 100%;\n}\n</style>\n\n<script>\n/* This is Free Software under GNU Affero General Public License v >= 3.0\n * without warranty, see README.md and license for details.\n *\n * SPDX-License-Identifier: AGPL-3.0-or-later\n * License-Filename: LICENSES/AGPL-3.0.txt\n *\n * Copyright (C) 2018 by via donau\n *   – Österreichische Wasserstraßen-Gesellschaft mbH\n * Software engineering by Intevation GmbH\n *\n * Author(s):\n * Thomas Junk <thomas.junk@intevation.de>\n */\nimport store from \"@/store\";\nimport { mapGetters, mapState } from \"vuex\";\nimport { displayError, displayInfo } from \"@/lib/errors\";\nimport { HTTP } from \"@/lib/http\";\nimport { sortTable } from \"@/lib/mixins\";\n\nexport default {\n  name: \"userview\",\n  mixins: [sortTable],\n  data() {\n    return {\n      sortColumn: \"user\", // overriding the sortTable mixin's empty default value\n      reportToggled: false,\n      usersForTable: [],\n      areSomeUsersHidden: false\n    };\n  },\n  components: {\n    Userdetail: () => import(\"./Userdetail\"),\n    Spacer: () => import(\"@/components/Spacer\")\n  },\n  computed: {\n    ...mapGetters(\"usermanagement\", [\"isUserDetailsVisible\", \"users\"]),\n    ...mapState(\"application\", [\"showSidebar\"]),\n    ...mapState(\"usermanagement\", [\"currentUser\"]),\n    usersLabel() {\n      return this.$gettext(\"Users\");\n    },\n    reportsLabel() {\n      return this.$gettext(\"DQL Report\");\n    },\n    receivesReportLabel() {\n      return this.$gettext(\"User receives Data Quality Report\");\n    },\n    sendMailLabel() {\n      return this.$gettext(\"Send testmail\");\n    },\n    deleteUserLabel() {\n      return this.$gettext(\"Delete user\");\n    },\n    roleForColumLabel() {\n      return this.$gettext(\"Role\");\n    },\n    usernameLabel() {\n      return this.$gettext(\"Username\");\n    },\n    countryLabel() {\n      return this.$gettext(\"Country\");\n    },\n    emailLabel() {\n      return this.$gettext(\"Email\");\n    },\n    pages() {\n      return Math.ceil(this.usersForTable.length / this.pageSize);\n    },\n    tableStyle() {\n      return {\n        table: true,\n        \"table-hover\": true,\n        \"table-sm\": this.isUserDetailsVisible,\n        fadeIn: true,\n        animated: true\n      };\n    },\n    userlistStyle() {\n      return [\n        \"userlist mr-2\",\n        {\n          userlistsmall: this.isUserDetailsVisible,\n          userlistextended: !this.isUserDetailsVisible\n        }\n      ];\n    },\n    checkboxObject() {\n      // Hide checkbox in case there are no deactivated users\n      if (this.users.some(u => !u.active)) {\n        return {\n          value: this.areSomeUsersHidden,\n          label: \"Hide inactive users\",\n          callback: () => {\n            this.changeDisplayingState();\n          }\n        };\n      } else {\n        return undefined;\n      }\n    }\n  },\n  watch: {\n    users() {\n      this.filterUsers();\n    }\n  },\n  mounted() {\n    this.usersForTable = this.users;\n  },\n  methods: {\n    getEditLabel(active) {\n      if (active) return this.$gettext(\"Edit user\");\n      return this.$gettext(\"Reactivate user\");\n    },\n    changeDisplayingState() {\n      this.areSomeUsersHidden = !this.areSomeUsersHidden;\n      this.filterUsers();\n    },\n    filterUsers() {\n      if (this.areSomeUsersHidden) {\n        this.usersForTable = this.users.filter(u => u.active);\n      } else {\n        this.usersForTable = this.users;\n      }\n    },\n    toggleReport(user) {\n      HTTP.patch(\n        `/users/${user.user}`,\n        {\n          reports: user.reports\n        },\n        {\n          headers: {\n            \"X-Gemma-Auth\": localStorage.getItem(\"token\"),\n            \"Content-type\": \"application/json; charset=UTF-8\"\n          }\n        }\n      )\n        .then(() => {\n          if (this.currentUser && this.currentUser.user === user.user) {\n            this.reportToggled = !this.reportToggled;\n          }\n        })\n        .catch(error => {\n          let message = \"Backend not reachable\";\n          if (error.response) {\n            const { status, data } = error.response;\n            message = `${status}: ${data.message || data}`;\n          }\n          displayError({\n            title: this.$gettext(\"Backend Error\"),\n            message: message\n          });\n          user.reports = !user.reports;\n        });\n    },\n    sendTestMail(user) {\n      HTTP.get(\"/testmail/\" + encodeURIComponent(user), {\n        headers: {\n          \"X-Gemma-Auth\": localStorage.getItem(\"token\"),\n          \"Content-type\": \"text/xml; charset=UTF-8\"\n        }\n      })\n        .then(() => {\n          displayInfo({\n            message: this.$gettext(\"Testmail sent\")\n          });\n        })\n        .catch(error => {\n          this.loginFailed = true;\n          let message = \"Backend not reachable\";\n          if (error.response) {\n            const { status, data } = error.response;\n            message = `${status}: ${data.message || data}`;\n          }\n          displayError({\n            title: this.$gettext(\"Backend Error\"),\n            message: message\n          });\n        });\n    },\n    nextPage() {\n      if (this.page < this.pages) {\n        this.page += 1;\n      }\n    },\n    prevPage() {\n      if (this.page > 0) {\n        this.page -= 1;\n      }\n    },\n    deleteUser(name) {\n      this.$store.commit(\"application/popup\", {\n        icon: \"trash\",\n        title: this.$gettext(\"Delete User\"),\n        content:\n          this.$gettext(\n            \"Do you really want to delete the following user account:\"\n          ) +\n          `<br>\n        <b>${name}</b>`,\n        confirm: {\n          label: this.$gettext(\"Delete\"),\n          icon: \"trash\",\n          callback: () => {\n            this.$store\n              .dispatch(\"usermanagement/deleteUser\", { name })\n              .then(response => {\n                displayInfo({\n                  message:\n                    name +\n                    // Exclude whitespaces from the string passed to \"gettext\" function\n                    \" \" +\n                    this.$gettext(\"user account\") +\n                    \" \" +\n                    response.data.action +\n                    \" \" +\n                    this.$gettext(\"successfully\")\n                });\n                this.$store\n                  .dispatch(\"usermanagement/loadUsers\")\n                  .catch(error => {\n                    let message = \"Backend not reachable\";\n                    if (error.response) {\n                      const { status, data } = error.response;\n                      message = `${status}: ${data.message || data}`;\n                    }\n                    displayError({\n                      title: this.$gettext(\"Backend Error\"),\n                      message: message\n                    });\n                  });\n              })\n              .catch(error => {\n                let message = \"Backend not reachable\";\n                if (error.response) {\n                  const { status, data } = error.response;\n                  message = `${status}: ${data.message || data}`;\n                }\n                displayError({\n                  title: this.$gettext(\"Backend Error\"),\n                  message: message\n                });\n              });\n          }\n        },\n        cancel: {\n          label: this.$gettext(\"Cancel\"),\n          icon: \"times\"\n        }\n      });\n    },\n    addUser() {\n      this.$store.commit(\"usermanagement/clearCurrentUser\");\n      this.$store.commit(\"usermanagement/setUserDetailsVisible\");\n    },\n    selectUser(name) {\n      const user = this.$store.getters[\"usermanagement/getUserByName\"](name);\n      this.$store.commit(\"usermanagement/setCurrentUser\", user);\n    },\n    roleIcon(role) {\n      if (role === \"sys_admin\") return \"star\";\n      if (role === \"waterway_admin\") return [\"fab\", \"adn\"];\n      return \"user\";\n    },\n    roleLabel(role) {\n      const labels = {\n        sys_admin: this.$gettext(\"System-Administrator\"),\n        waterway_admin: this.$gettext(\"Waterway Admin\"),\n        waterway_user: this.$gettext(\"Waterway User\")\n      };\n      return labels[role];\n    }\n  },\n  beforeRouteEnter(to, from, next) {\n    store\n      .dispatch(\"usermanagement/loadUsers\")\n      .then(next)\n      .catch(error => {\n        let message = \"Backend not reachable\";\n        if (error.response) {\n          const { status, data } = error.response;\n          message = `${status}: ${data.message || data}`;\n        }\n        displayError({\n          title: this.$gettext(\"Backend Error\"),\n          message: message\n        });\n      });\n  },\n  beforeRouteLeave(to, from, next) {\n    store.commit(\"usermanagement/clearCurrentUser\");\n    store.commit(\"usermanagement/setUserDetailsInvisible\");\n    next();\n  }\n};\n</script>\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!./Usermanagement.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!./Usermanagement.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Usermanagement.vue?vue&type=template&id=4d848c70&scoped=true\"\nimport script from \"./Usermanagement.vue?vue&type=script&lang=js\"\nexport * from \"./Usermanagement.vue?vue&type=script&lang=js\"\nimport style0 from \"./Usermanagement.vue?vue&type=style&index=0&id=4d848c70&prod&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  \"4d848c70\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}