{"version":3,"sources":["webpack:///./src/views/admin/Users.vue?05c6","webpack:///./src/views/admin/Users.vue?4c92","webpack:///src/views/admin/Users.vue","webpack:///./src/views/admin/Users.vue?4d12","webpack:///./src/views/admin/Users.vue?4284"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","text","value","concat","roleOptions","model","callback","$$v","selectedRole","expression","filter","computedUsers","fields","scopedSlots","_u","key","fn","row","on","$event","saveUsers","item","$set","roles","_l","index","_e","_s","toggleDetails","detailsShowing","proxy","staticRenderFns","data","fullName","email","label","sortable","thStyle","computed","options","push","role","users","methods","console","log","component"],"mappings":"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","file":"js/chunk-2e0aff38.64f84541.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Users.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Users.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"users\"},[_c('h1',[_vm._v(\"Brugere\")]),_c('div',{staticClass:\"d-flex mb-3 mt-4\"},[_c('b-form-group',{staticClass:\"w-50 mr-4\",attrs:{\"label\":\"Brugertyper\",\"label-for\":\"user-types\",\"label-class\":\"hidden-text\"}},[_c('b-form-select',{attrs:{\"id\":\"user-types\",\"options\":[{ text: 'Alle brugere', value: null }].concat(_vm.roleOptions)},model:{value:(_vm.selectedRole),callback:function ($$v) {_vm.selectedRole=$$v},expression:\"selectedRole\"}})],1),_c('b-form-group',{staticClass:\"w-50\",attrs:{\"label\":\"Filtrering\",\"label-for\":\"user-filter\",\"label-class\":\"hidden-text\"}},[_c('b-input',{attrs:{\"id\":\"user-filter\",\"placeholder\":\"Filtrer brugere\"},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=$$v},expression:\"filter\"}})],1)],1),_c('b-table',{staticClass:\"no-details\",attrs:{\"striped\":\"\",\"hover\":\"\",\"items\":_vm.computedUsers,\"fields\":_vm.fields,\"filter\":_vm.filter},scopedSlots:_vm._u([{key:\"cell(roles)\",fn:function(row){return [(row.detailsShowing)?[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.roleOptions},on:{\"change\":function($event){return _vm.saveUsers()}},model:{value:(row.item.roles),callback:function ($$v) {_vm.$set(row.item, \"roles\", $$v)},expression:\"row.item.roles\"}})]:[(row.item.roles.length)?_vm._l((row.item.roles),function(value,index){return _c('span',{key:'role-' + index},[(index > 0)?[_vm._v(\", \")]:_vm._e(),_vm._v(_vm._s(_vm.roles[value]))],2)}):[_c('em',[_vm._v(\"Ingen\")])]]]}},{key:\"cell(actions)\",fn:function(row){return [_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":row.toggleDetails}},[_c('b-icon',{attrs:{\"icon\":row.detailsShowing ? 'check' : 'pencil'}}),_c('span',{staticClass:\"hidden-text\"},[_vm._v(\"Redigér bruger\")])],1)]}},{key:\"row-details\",fn:function(){return undefined},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"users\">\n    <h1>Brugere</h1>\n    <div class=\"d-flex mb-3 mt-4\">\n      <b-form-group\n        label=\"Brugertyper\"\n        label-for=\"user-types\"\n        class=\"w-50 mr-4\"\n        label-class=\"hidden-text\"\n      >\n        <b-form-select id=\"user-types\" :options=\"[{ text: 'Alle brugere', value: null }].concat(roleOptions)\" v-model=\"selectedRole\"></b-form-select>\n      </b-form-group>\n      <b-form-group\n        label=\"Filtrering\"\n        label-for=\"user-filter\"\n        class=\"w-50\"\n        label-class=\"hidden-text\"\n      >\n        <b-input id=\"user-filter\" v-model=\"filter\" placeholder=\"Filtrer brugere\"></b-input>\n      </b-form-group>\n    </div>\n    <b-table striped hover :items=\"computedUsers\" :fields=\"fields\" :filter=\"filter\" class=\"no-details\">\n      <template #cell(roles)=\"row\">\n        <template v-if=\"row.detailsShowing\">\n          <b-form-checkbox-group\n            v-model=\"row.item.roles\"\n            :options=\"roleOptions\"\n            @change=\"saveUsers()\"\n          ></b-form-checkbox-group>\n        </template>\n        <template v-else>\n          <template v-if=\"row.item.roles.length\">\n            <span\n              v-for=\"(value, index) of row.item.roles\"\n              :key=\"'role-' + index\"\n            ><template v-if=\"index > 0\">, </template>{{roles[value]}}</span>\n          </template>\n          <template v-else>\n            <em>Ingen</em>\n          </template>\n        </template>\n      </template>\n      <template #cell(actions)=\"row\">\n        <b-button size=\"sm\" @click=\"row.toggleDetails\" variant=\"primary\">\n          <b-icon :icon=\"row.detailsShowing ? 'check' : 'pencil'\"></b-icon>\n          <span class=\"hidden-text\">Redigér bruger</span>\n        </b-button>\n      </template>\n      <template #row-details=\"\"></template>\n    </b-table>\n  </div>\n</template>\n\n<script>\nexport default {\n  data: () => ({\n    selectedRole: null,\n    filter: '',\n    users: [\n      {\n        fullName: 'Niels Nielsen',\n        email: 'nn@example.com',\n        roles: ['admin', 'editor']\n      },\n      {\n        fullName: 'Jens Jensen',\n        email: 'jj@example.com',\n        roles: ['editor']\n      },\n      {\n        fullName: 'Lars Larsen',\n        email: 'll@example.com',\n        roles: ['admin']\n      }\n    ],\n    fields: [\n      {\n        key: 'fullName',\n        label: 'Fulde Navn',\n        sortable: true\n      },\n      {\n        key: 'email',\n        label: 'E-mailadresse',\n        sortable: true\n      },\n      {\n        key: 'roles',\n        label: 'Roller',\n      },\n      { \n        key: 'actions',\n        label: 'Redigér',\n        thStyle: 'opacity: 0;'\n      }\n    ],\n    roles: {\n      admin: 'Administrator',\n      editor: 'Redaktør'\n    }\n  }),\n  computed: {\n    roleOptions() {\n      let options = []\n      for (let role of Object.keys(this.roles)) {\n        options.push({\n          text: this.roles[role],\n          value: role\n        })\n      }\n      return options\n    },\n    computedUsers() {\n      if (this.selectedRole) {\n        return this.users.filter(user => user.roles.includes(this.selectedRole))\n      }\n      return this.users\n    }\n  },\n  methods: {\n    saveUsers() {\n      console.log('saving')\n    }\n  }\n}\n</script>\n\n<style>\n  .no-details .b-table-details td {\n    display: none;\n  }\n</style>","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=f368b180&\"\nimport script from \"./Users.vue?vue&type=script&lang=js&\"\nexport * from \"./Users.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Users.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}