{"version":3,"sources":["webpack:///./src/components/UsersList.vue?0753","webpack:///./src/components/UsersList.vue?f838","webpack:///src/components/UsersList.vue","webpack:///./src/components/UsersList.vue?0608","webpack:///./src/components/UsersList.vue?580b"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UsersList_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UsersList_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","click","$event","onToggleSort","_v","_s","$t","sortKey","directives","name","rawName","value","expression","descending","_e","_l","user","key","id","isMe","username","toggleUserStatus","deactivated","_m","users","length","staticRenderFns","UsersListvue_type_script_lang_js_","data","succes","props","methods","activateUser","deactivateUser","_this","$modal","show","ConfirmModal","title","description","confirmButtonText","onConfirm","$store","dispatch","then","width","height","adaptive","_this2","state","computed","sortedUsers","_this3","orderBy_default","toString","toLowerCase","components_UsersListvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/lazy-view-components-UsersList.e216679d.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersList.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersList.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"user-list\"},[_c('div',{staticClass:\"headings\"},[_c('div',{staticClass:\"main-headings\"},[_c('div',{staticClass:\"heading heading-user\",on:{\"click\":function($event){return _vm.onToggleSort('name')}}},[_c('h3',[_vm._v(_vm._s(_vm.$t('user')))]),(_vm.sortKey === 'name')?_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.descending),expression:\"descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-down\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.descending),expression:\"!descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-up\"})])]):_vm._e()]),_c('div',{staticClass:\"heading heading-status\",on:{\"click\":function($event){return _vm.onToggleSort('deactivated')}}},[_c('h3',[_vm._v(\"Status\")]),(_vm.sortKey === 'deactivated')?_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.descending),expression:\"descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-down\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.descending),expression:\"!descending\"}]},[_c('i',{staticClass:\"fa-light fa-caret-up\"})])]):_vm._e()])]),_c('div',{staticClass:\"heading heading-actions\"})]),_c('ul',{staticClass:\"list-wrapper custom-scrollbar-light\"},_vm._l((_vm.sortedUsers),function(user){return _c('li',{key:user.id},[_c('div',{staticClass:\"content-wrapper\"},[_c('div',{staticClass:\"main-info\"},[_c('p',{staticClass:\"name\"},[_vm._v(_vm._s(user.name)+\" \"),(_vm.isMe(user.id))?_c('span',{staticClass:\"text-muted\"},[_vm._v(\"(You)\")]):_vm._e()]),_c('p',{staticClass:\"text-small text-muted\"},[_vm._v(_vm._s(user.username))])]),_c('div',{staticClass:\"status-info text-muted text-small\"},[(user.deactivated)?_c('p',{staticClass:\"deactivated\"},[_vm._v(_vm._s(_vm.$t(\"users.us-status-deactive\")))]):_c('p',{staticClass:\"active\"},[_vm._v(_vm._s(_vm.$t(\"users.us-status-active\")))])])]),_c('div',{staticClass:\"actions\"},[(!_vm.isMe(user.id))?_c('button',{staticClass:\"btn-rounded-tertiary btn-flex\",on:{\"click\":function($event){return _vm.toggleUserStatus(user.id, user.deactivated)}}},[_vm._m(0,true),_vm._v(\"\\n          \"+_vm._s(user.deactivated ? _vm.$t(\"users.us-status-activate\") : _vm.$t(\"users.us-status-deactivate\"))+\"\\n        \")]):_vm._e()])])}),0),_c('div',{staticClass:\"list-footer\"},[_c('p',{staticClass:\"text-small text-muted\"},[_vm._v(_vm._s(_vm.$t(\"users.users-count\"))+\" \"+_vm._s(_vm.users.length))])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('i',{staticClass:\"fa-light fa-pen\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-list\">\n    <div class=\"headings\">\n      <div class=\"main-headings\">\n        <div class=\"heading heading-user\" @click=\"onToggleSort('name')\">\n          <h3>{{$t('user')}}</h3>\n          <div v-if=\"sortKey === 'name'\">\n            <span v-show=\"descending\">\n              <i class=\"fa-light fa-caret-down\"></i>\n            </span>\n            <span v-show=\"!descending\">\n              <i class=\"fa-light fa-caret-up\"></i>\n            </span>\n          </div>\n        </div>\n        <div class=\"heading heading-status\" @click=\"onToggleSort('deactivated')\">\n          <h3>Status</h3>\n          <div v-if=\"sortKey === 'deactivated'\">\n            <span v-show=\"descending\">\n              <i class=\"fa-light fa-caret-down\"></i>\n            </span>\n            <span v-show=\"!descending\">\n              <i class=\"fa-light fa-caret-up\"></i>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"heading heading-actions\"></div>\n    </div>\n\n    <ul class=\"list-wrapper custom-scrollbar-light\">\n      <li v-for=\"user in sortedUsers\" :key=\"user.id\">\n        <div class=\"content-wrapper\">\n          <div class=\"main-info\">\n            <p class=\"name\">{{ user.name }} <span class=\"text-muted\"  v-if=\"isMe(user.id)\">(You)</span></p>\n            <p class=\"text-small text-muted\">{{ user.username }}</p>\n          </div>\n\n          <div class=\"status-info text-muted text-small\">\n            <p v-if=\"user.deactivated\" class=\"deactivated\">{{$t(\"users.us-status-deactive\")}}</p>\n            <p v-else class=\"active\">{{$t(\"users.us-status-active\")}}</p>\n          </div>\n        </div>\n\n        <div class=\"actions\"> \n          <button  v-if=\"!isMe(user.id)\" class=\"btn-rounded-tertiary btn-flex\" @click=\"toggleUserStatus(user.id, user.deactivated)\">\n            <span>\n              <i class=\"fa-light fa-pen\"></i>\n            </span>\n            {{ user.deactivated ? $t(\"users.us-status-activate\") : $t(\"users.us-status-deactivate\") }}\n          </button>\n        </div>\n      </li>\n    </ul>\n\n    <div class=\"list-footer\">\n      <p class=\"text-small text-muted\">{{ $t(\"users.users-count\") }} {{ users.length }}</p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ConfirmModal from \"@/components/modals/ConfirmModal\";\nimport orderBy from \"lodash/orderBy\";\nexport default {\n  data() {\n    return {\n      sortKey: \"name\",\n      descending: false,\n      succes: false\n    };\n  },\n\n  props: {\n    users: Array\n  },\n  methods: {\n    onToggleSort(sortKey) {\n      this.descending = this.sortKey == sortKey ? !this.descending : false;\n      this.sortKey = sortKey;\n    },\n\n    toggleUserStatus(id, deactivated) {\n      if (deactivated) {\n        this.activateUser(id);\n      } else {\n        this.deactivateUser(id);\n      }\n    },\n\n    activateUser(data) {\n      this.$modal.show(\n        ConfirmModal,\n        {\n          title: this.$t(\"users.us-list-confirm-activate-title\"),\n          description: this.$t(\"users.us-list-confirm-activate\"),\n          confirmButtonText: this.$t(\"users.us-list-confirm-deactivate-yes\"),\n          onConfirm: (result) => {\n            this.$store.dispatch(\"activateUser\", data).then(() => {\n            \n            });\n          }\n        },\n        { width: 310, height: \"auto\", adaptive: true }\n      );\n    },\n    deactivateUser(data) {\n      this.$modal.show(\n        ConfirmModal,\n        {\n          title: this.$t(\"users.us-list-confirm-deactivate-title\"),\n          description: this.$t(\"users.us-list-confirm-deactivate\"),\n          confirmButtonText: this.$t(\"users.us-list-confirm-deactivate-yes\"),\n          onConfirm: (result) => {\n            this.$store.dispatch(\"deactivateUser\", data).then(() => {\n             \n            });\n          }\n        },\n        { width: 310, height: \"auto\", adaptive: true }\n      );\n    },\n    \n    isMe(id) {\n      return id === this.$store.state.user.id;\n    }\n\n  },\n  computed: {\n    sortedUsers() {\n      return orderBy(this.users || [], (user) => user[this.sortKey].toString().toLowerCase(), [\n        this.descending ? \"desc\" : \"asc\"\n      ]);\n    }\n  }\n};\n</script>\n<style lang=\"less\">\n.user-list {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  height: clamp(100px, 100%, 80vh);\n  overflow: hidden;\n  background: #fff;\n  border-radius: var(--standard-border-radius);\n  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n \n  .headings {\n    display: none;\n  }\n  .list-wrapper {\n    overflow: auto;\n    max-height: calc(80vh - 110px);\n  }\n  ul {\n    padding: 12px 0 0 0;\n    list-style-type: none;\n    li {\n      margin: 8px 20px;\n      border-bottom: 1px solid var(--charcoal-20);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-weight: 500;\n\n      .content-wrapper {\n        .main-info {\n          flex-grow: 1;\n          .name {\n            margin-bottom: 8px;\n          }\n        }\n        .status-info {\n          // justify-self: flex-end;\n        }\n      }\n      .actions {\n        width: 170px;\n        display: flex;\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  .list-footer {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 18px 20px;\n    border-top: 1px solid var(--charcoal-20);\n    p {\n      margin-bottom: 0;\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .user-list {\n    max-width: 800px;\n    display: flex;\n    flex-direction: column;\n    .headings {\n      display: flex;\n      flex-grow: 1;\n      border-bottom: 1px solid var(--charcoal-20);\n      padding: 14px 20px;\n    }\n    .main-headings {\n      flex-grow: 1;\n      display: grid;\n      grid-template-columns: minmax(auto, 75%) auto;\n\n      .heading {\n        cursor: pointer;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        h3 {\n          color: var(--charcoal-75);\n          margin-bottom: 0;\n        }\n      }\n\n      .heading-user {\n        flex-grow: 1;\n      }\n      .heading-status {\n        width: 120px;\n        display: flex;\n        justify-content: flex-start;\n      }\n    }\n    .heading-actions {\n      width: 170px;\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    ul {\n      li {\n        .content-wrapper {\n          display: grid;\n          grid-template-columns: minmax(auto, 75%) auto;\n          flex-grow: 1;\n          align-items: center;\n\n          .status-info {\n            width: 120px;\n            display: flex;\n            justify-content: flex-start;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\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!./UsersList.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!./UsersList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersList.vue?vue&type=template&id=60a3ab1b&\"\nimport script from \"./UsersList.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsersList.vue?vue&type=style&index=0&lang=less&\"\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":""}