{"version":3,"file":"CAwgY2qK.js","sources":["../../../../components/pages/users/UserData.vue","../../../../components/pages/users/UserSound.vue","../../../../components/pages/users/UserImage.vue"],"sourcesContent":["<template>\r\n    <div>\r\n        <slot/>\r\n        <div class=\"row form-row\">\r\n            <div class=\"col-sm-6\">\r\n                <base-input-floating :label=\"$t('user.firstName')\" :rules=\"{required: true}\" :formErrors=\"errors\"\r\n                                     name=\"firstname\" v-model=\"modelValue.firstname\"/>\r\n            </div>\r\n            <div class=\"col-sm-6\">\r\n                <base-input-floating :label=\"$t('user.lastName')\" :rules=\"{required: true}\" :formErrors=\"errors\"\r\n                                     name=\"lastname\" v-model=\"modelValue.lastname\"/>\r\n            </div>\r\n        </div>\r\n        <base-input-floating :label=\"$t('user.eMail')\" type=\"email\" :rules=\"{required: true, email: true}\"\r\n                             :formErrors=\"errors\"\r\n                             name=\"email\" v-model=\"modelValue.email\"/>\r\n\r\n        <!--                <base-input-floating label=\"Telefon\" :formErrors=\"errors\"-->\r\n        <!--                                     name=\"phone\" v-model=\"modelValue.phone\"/>-->\r\n\r\n        <div v-if=\"!modelValue.invitation\" class=\"form-floating pb-3\">\r\n            <label class=\"floating-label\" for=\"language\">{{ $t('user.locale') }}</label>\r\n            <select v-model=\"modelValue.language\" class=\"form-control cursor-pointer\">\r\n                <option v-for=\"locale in locales\" :key=\"locale.code\" :value=\"locale.code\">\r\n                    {{ locale.name }}\r\n                </option>\r\n            </select>\r\n            <font-awesome-icon icon=\"fa-chevron-down\"\r\n                               class=\"position-absolute top-50 end-0\"/>\r\n        </div>\r\n\r\n        <div v-if=\"!modelValue.invitation\">\r\n\r\n            <div v-if=\"editPassword || useRoute().params.id==='0'\">\r\n                <div clasS=\"row form-row\">\r\n                    <div class=\"col-sm-6\">\r\n                        <base-input-floating :label=\"$t('auth.password.password')\" type=\"password\" :formErrors=\"errors\"\r\n                                             name=\"password\" v-model=\"modelValue.password\"/>\r\n\r\n                    </div>\r\n                    <div class=\"col-sm-6\">\r\n                        <base-input-floating :label=\"$t('auth.password.passwordRepeat')\" type=\"password\"\r\n                                             :formErrors=\"errors\" name=\"password_confirmation\"\r\n                                             v-model=\"modelValue.password_confirmation\"/>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"py-4\">\r\n            <base-checkbox v-if=\"!modelValue.id>0\" v-model=\"modelValue.invitation\"\r\n                           name=\"invitation\">\r\n                {{ $t('user.invitation', {firstname: modelValue.firstname, lastname: modelValue.lastname}) }}\r\n            </base-checkbox>\r\n        </div>\r\n\r\n        <a v-if=\"!modelValue.invitation && useRoute().params.id!=='0'\" @click=\"editPassword=!editPassword\"\r\n           class=\"d-inline-block cursor-pointer fw-bold text-decoration-none\">\r\n            <small v-if=\"!editPassword\">{{$t(\"user.changePassword\")}}</small>\r\n            <small v-else>{{$t(\"user.keepPassword\")}}</small>\r\n        </a>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nconst editPassword = ref(false)\r\nconst {locales} = useI18n()\r\n\r\nconst props = defineProps({\r\n    modelValue: {\r\n        type: Object,\r\n        default: null\r\n    },\r\n    errors: [],\r\n})\r\n</script>","<template>\n    <div class=\"form-floating pb-3\">\n        <label class=\"floating-label\" for=\"sound\">{{$t(\"audio.sound\")}}</label>\n        <select v-model=\"modelValue.sound_id\" class=\"form-control cursor-pointer\">\n            <option :value=\"null\" selected>{{$t(\"user.device.noSound\")}}</option>\n            <option v-for=\"sound in sounds.data\"\n                    :key=\"sound.id\"\n                    :value=\"sound.id\"\n                    data-icon=\"fa-chevron-down\">\n                {{ sound.name }}\n            </option>\n        </select>\n        <font-awesome-icon icon=\"fa-chevron-down\" class=\"position-absolute top-50 end-0\"/>\n    </div>\n</template>\n\n<script setup>\nimport {FontAwesomeIcon} from \"@fortawesome/vue-fontawesome\";\nimport {useAuthStore} from \"@/store/auth\";\n\nconst props = defineProps({\n    modelValue: {\n        type: Object,\n        default: {},\n    },\n    selectedOrganisation: {\n        type: Number,\n        default: null,\n    }\n})\n\nconst authStore = useAuthStore()\n\nconst {data: sounds, refresh: refreshSounds} = await useAsyncData('sounds', () =>\n    $larafetch(useNuxtApp().$apiRoute('spa.sounds.index'), {\n        method: \"GET\",\n        params: {\n            organisation_id: (props.selectedOrganisation) ? props.selectedOrganisation : authStore.userData.organisation_id,\n        }\n    }).catch(errors => {\n        return { data: [] }\n    })\n)\n\nonMounted(() => {\n    refreshSounds()\n})\n\nwatch(() => props.selectedOrganisation, () => {\n    if (sounds.value) {\n        refreshSounds()\n    }\n})\n\nwatch(() => authStore.soundsUpdated, () => {\n    if (authStore.soundsUpdated) {\n        refreshSounds()\n        authStore.soundsUpdated = false\n    }\n})\n</script>\n\n<style scoped>\n\n</style>","<template>\r\n    <div class=\"user-image-container\">\r\n        <ProfileImage :image=\"modelValue.image\" :title=\"modelValue.firstname\" :class=\"partOfModal ? 'pt-xs-4 py-xs-2' : 'pt-4 py-2'\"/>\r\n        <v-field name=\"image\" vid=\"image\" v-slot=\"{errors, valid, invalid, validated}\">\r\n            <label>\r\n                <div\r\n                    class=\"btn d-flex justify-content-center align-items-center cursor-pointer border-0 bg-primary rounded-circle edit-img db-shadow\"\r\n                    :class=\"{'modal-img' : partOfModal}\">\r\n                    <font-awesome-icon icon=\"fa-pencil\"/>\r\n                </div>\r\n                <input class=\"d-none\" type=\"file\" @change=\"uploadHandler($event)\">\r\n            </label>\r\n\r\n            <div v-if=\"modelValue.image\"\r\n                 class=\"d-flex justify-content-center align-items-center cursor-pointer border-0 bg-primary rounded-circle delete-img db-shadow\"\r\n                 @click=\"modelValue.image = null\">\r\n                <font-awesome-icon icon=\"fa-trash\"/>\r\n            </div>\r\n\r\n            <slot name=\"error\">\r\n                <div v-if=\"errors[0]\" class=\"invalid-feedback d-block\">\r\n                    {{ errors[0] }}\r\n                </div>\r\n            </slot>\r\n        </v-field>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nconst props = defineProps({\r\n    modelValue: {\r\n        type: Object\r\n    },\r\n\r\n    partOfModal: {\r\n        type: Boolean,\r\n        default: false\r\n    }\r\n})\r\n\r\nfunction uploadHandler(e) {\r\n    let image = e.target.files[0];\r\n\r\n    if (e.target.files[0] !== undefined) {\r\n        let reader = new FileReader();\r\n        reader.onloadend = function () {\r\n            props.modelValue.image = reader.result\r\n        }\r\n        reader.readAsDataURL(image)\r\n    } else {\r\n        props.modelValue.image = null\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.user-image-container {\r\n    margin: auto;\r\n    position: relative;\r\n    width: 150px;\r\n}\r\n</style>"],"names":["editPassword","ref","locales","useI18n","props","__props","authStore","useAuthStore","sounds","refreshSounds","__temp","__restore","_withAsyncContext","useAsyncData","$larafetch","useNuxtApp","errors","onMounted","watch","uploadHandler","e","image","reader"],"mappings":"spBAiEA,MAAMA,EAAeC,EAAI,EAAK,EACxB,CAAC,QAAAC,CAAO,EAAIC,EAAS,+yFC9C3B,MAAMC,EAAQC,EAWRC,EAAYC,EAAY,EAExB,CAAC,KAAMC,EAAQ,QAASC,CAAa,GAAU,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAa,SAAU,IACxEC,EAAWC,EAAU,EAAG,UAAU,kBAAkB,EAAG,CACnD,OAAQ,MACR,OAAQ,CACJ,gBAAkBX,EAAM,qBAAwBA,EAAM,qBAAuBE,EAAU,SAAS,eAC5G,CACA,CAAK,EAAE,MAAMU,IACE,CAAE,KAAM,CAAE,CAAA,EACpB,CACL,CAAA,mBAEA,OAAAC,EAAU,IAAM,CACZR,EAAa,CACjB,CAAC,EAEDS,EAAM,IAAMd,EAAM,qBAAsB,IAAM,CACtCI,EAAO,OACPC,EAAa,CAErB,CAAC,EAEDS,EAAM,IAAMZ,EAAU,cAAe,IAAM,CACnCA,EAAU,gBACVG,EAAa,EACbH,EAAU,cAAgB,GAElC,CAAC,moBC9BD,MAAMF,EAAQC,EAWd,SAASc,EAAcC,EAAG,CACtB,IAAIC,EAAQD,EAAE,OAAO,MAAM,CAAC,EAE5B,GAAIA,EAAE,OAAO,MAAM,CAAC,IAAM,OAAW,CACjC,IAAIE,EAAS,IAAI,WACjBA,EAAO,UAAY,UAAY,CAC3BlB,EAAM,WAAW,MAAQkB,EAAO,MACnC,EACDA,EAAO,cAAcD,CAAK,CAClC,MACQjB,EAAM,WAAW,MAAQ,IAEjC"}