{"version":3,"sources":["webpack:///./src/views/Users.vue?de92","webpack:///./src/views/Users.vue?a1f1","webpack:///src/views/Users.vue","webpack:///./src/views/Users.vue?02a8","webpack:///./src/views/Users.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","loading","scopedSlots","_u","key","fn","staticStyle","_v","proxy","staticClass","on","save","schema","options","model","value","callback","$$v","expression","staticRenderFns","component","VBtn","VContainer","VForm","VIcon","VSheet"],"mappings":"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","file":"js/views-Users.b169aaf5.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/vuetify-loader/lib/loader.js??ref--19-0!../../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&id=447a76d4&scoped=true&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/vuetify-loader/lib/loader.js??ref--19-0!../../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&id=447a76d4&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('page-layout',[_c('is-multiverse',[_c('infinity-page',{attrs:{\"loading\":_vm.loading,\"icon\":\"mdi-account-multiple\",\"color\":\"teal\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h1',{staticStyle:{\"font-weight\":\"bold\",\"font-family\":\"lato\",\"letter-spacing\":\"initial\"}},[_vm._v(\" Users \")]),_c('h2',{staticStyle:{\"font-weight\":\"200\"}},[_vm._v(\" Universe admin users \")])]},proxy:true},{key:\"actions\",fn:function(){return [_c('v-btn',{staticClass:\"white--text\",attrs:{\"color\":\"deep-purple\",\"large\":\"\",\"rounded\":\"\"},on:{\"click\":_vm.save}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" mdi-content-save \")]),_vm._v(\" Save \")],1)]},proxy:true},{key:\"sidebar\",fn:function(){return [_c('infinity-sidebar',{attrs:{\"icon\":\"$vuetify.icons.help\",\"title\":\"docs/multiverse\"}},[_c('h4',{staticClass:\"text-h4 mb-3 text--primary\"},[_vm._v(\" Settings for the platform \")]),_c('p',{staticClass:\"text--secondary\"},[_vm._v(\" Settings for the platform can be set on this page \")]),_c('v-btn',{staticClass:\"mr-0 white--text\",attrs:{\"color\":\"deep-purple\",\"min-width\":\"100\",\"rounded\":\"\"}},[_vm._v(\" I want to know more \")])],1)]},proxy:true}])},[_c('infinity-drawer'),_c('v-sheet',[_c('v-container',{staticClass:\"pa-12\"},[_c('v-form',[_c('v-jsf',{staticClass:\"vjsf\",attrs:{\"schema\":_vm.schema,\"options\":_vm.options},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}})],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <page-layout>\n        <is-multiverse>\n            <infinity-page\n                :loading=\"loading\"\n                icon=\"mdi-account-multiple\"\n                color=\"teal\"                \n            >\n                <infinity-drawer />\n                <template #title>\n                    <h1\n                        style=\"font-weight: 300; font-family: lato; font-weight: bold; letter-spacing: initial;\"\n                    >\n                        Users\n                    </h1>\n                    <h2 style=\"font-weight: 200\">\n                        Universe admin users\n                    </h2>                            \n                </template>\n                <template #actions>\n                    <v-btn \n                        color=\"deep-purple\"\n                        class=\"white--text\"\n                        large\n                        rounded\n                        @click=\"save\"\n                    >\n                        <v-icon left>\n                            mdi-content-save\n                        </v-icon> Save\n                    </v-btn>\n                </template>\n\n                <v-sheet>\n                    <v-container class=\"pa-12\">\n                        <v-form>\n                            <v-jsf \n                                v-model=\"model\" \n                                :schema=\"schema\" \n                                :options=\"options\"\n                                class=\"vjsf\"\n                            />                            \n                        </v-form>\n                    </v-container>\n                </v-sheet>\n                <template #sidebar>\n                    <infinity-sidebar\n                        icon=\"$vuetify.icons.help\"\n                        title=\"docs/multiverse\"\n                    >\n                        <h4 class=\"text-h4 mb-3 text--primary\">\n                        Settings for the platform\n                        </h4>\n\n                        <p class=\"text--secondary\">\n                            Settings for the platform can be set on this page\n                        </p>\n\n                        <v-btn\n                            class=\"mr-0 white--text\"\n                            color=\"deep-purple\"                            \n                            min-width=\"100\"\n                            rounded\n                        >\n                            I want to know more\n                        </v-btn>\n                    </infinity-sidebar>\n                </template>\n            </infinity-page>\n        </is-multiverse>\n    </page-layout>\n</template>\n<script>\n    import VJsf from '@koumoul/vjsf/lib/VJsf.js'\n    import axios from 'axios'\n    import PageLayout from '@/layouts/default/PageLayout'    \n    import InfinityDrawer from '@/layouts/Infinity/Drawer'    \n    import { mapState, mapActions, mapWritableState } from 'pinia'\n    import { useUsersStore } from '@/store/users-store'\n    export default {\n        components: {\n            VJsf,\n            PageLayout,\n            InfinityDrawer,\n        },\n        data: () => {\n            return {\n                model: {},\n                options: {\n                    httpLib: axios,\n                    fieldProps: {\n                        outlined: true,\n                    },\n                    initialValidation: 'none',\n                    arrayItemColProps: { cols: 6 },\n                    arrayItemCardProps: {\n                        outlines: true,\n                        shaped: true,\n                        hover: true,\n                        style: 'margin: 10px',\n                    },\n                },\n                schema: {},\n            }\n        },\n        computed: {\n            ...mapState(useUsersStore, ['loading', 'userList', 'usersWithRole']),\n            ...mapWritableState(useUsersStore, ['setRole']),\n        },\n        watch: {\n            usersWithRole (v) {                \n                this.model = {\n                    users: v.map(u => ({ username: u.username })),\n                }\n            },\n            model (v) {\n                this.setRole = v.users \n            },\n            userList (v) {\n                if (!v || !this.schema) {\n                    return\n                }\n                this.schema.properties.users.items.properties.username.examples = [...v]\n            },\n        },\n        async mounted () {            \n            this.schema = {                \n                    type: 'object',\n                    properties: {\n                        users: {\n                            type: 'array',\n                            title: 'Add a user',\n                            'x-itemTitle': 'username',\n                            items: {\n                                type: 'object',\n                                properties: {\n                                    username: {\n                                        type: 'string',\n                                        title: 'Username',\n                                        description: 'Username',\n                                        'x-display': 'combobox',\n                                        examples: [],\n                                    },\n                                },\n                            },\n                        },\n                    },\n                }\n            await this.loadUsers('role/multiverse')\n        },        \n        methods: {\n            ...mapActions(useUsersStore, {\n                loadUsers: 'loadUsers', \n                saveUsers: 'saveUsers',\n            }),\n            save () {\n                this.saveUsers(this.model, 'role/multiverse')\n            },\n        },\n    }\n</script>\n<style scoped>\n.vjsf >>> .v-card__title {\n    font-size: 24px ! important;\n    font-weight: 600;\n    font-family: 'lato' ! important;\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/vuetify-loader/lib/loader.js??ref--19-0!../../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/vuetify-loader/lib/loader.js??ref--19-0!../../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=447a76d4&scoped=true&\"\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&id=447a76d4&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  \"447a76d4\",\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 { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VBtn,VContainer,VForm,VIcon,VSheet})\n"],"sourceRoot":""}