206 lines
8.9 KiB
JavaScript
Vendored
206 lines
8.9 KiB
JavaScript
Vendored
import TopBar from "./TopBar-6805d6f0.js";
|
|
import { C as Container } from "./Container-bb0d16ac.js";
|
|
import { M as MainLayout, C as Content, P as Page, a as PageHeader, b as PageHeaderTitle, c as PageBody, L as List, d as ListItem, S as StatusBubble, N as NotificationBadge } from "./MainLayout-c26ebf85.js";
|
|
import { B as Button } from "./Button-d3d2c2e9.js";
|
|
import { I as IconBox, a as IconGlobe, b as IconStorage } from "./IconStorage-8e47a2b9.js";
|
|
import { M as Modal, a as ModalContainer } from "./ModalContainer-d76b3681.js";
|
|
import { F as FormInput } from "./FormInput-02f26ac1.js";
|
|
import { F as FormSelect } from "./FormSelect-e528c2c9.js";
|
|
import { F as FormActions } from "./Form-991608bc.js";
|
|
import { g as createBlock, w as withCtx, r as resolveComponent, o as openBlock, a as createVNode, b as createBaseVNode, t as toDisplayString, c as createElementBlock, k as renderList, F as Fragment, f as createTextVNode, d as withModifiers } from "./app-ca19f95c.js";
|
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
|
|
import "./TabBar-43ebf7cc.js";
|
|
import "./notification-b84afeca.js";
|
|
const _sfc_main = {
|
|
layout: MainLayout,
|
|
components: {
|
|
TopBar,
|
|
Container,
|
|
Content,
|
|
Page,
|
|
PageHeader,
|
|
PageHeaderTitle,
|
|
PageBody,
|
|
Button,
|
|
List,
|
|
ListItem,
|
|
StatusBubble,
|
|
NotificationBadge,
|
|
IconBox,
|
|
IconGlobe,
|
|
IconStorage,
|
|
Modal,
|
|
ModalContainer,
|
|
FormInput,
|
|
FormSelect,
|
|
FormActions
|
|
},
|
|
props: {
|
|
profile: Object,
|
|
countries: Object
|
|
},
|
|
data() {
|
|
return {
|
|
form: {
|
|
name: this.profile.name,
|
|
email: this.profile.email,
|
|
language: this.profile.language,
|
|
address: this.profile.address,
|
|
country: this.profile.country,
|
|
zip: this.profile.zip,
|
|
city: this.profile.city
|
|
},
|
|
breadcrumbs: [
|
|
{
|
|
title: this.$page.props.settings.name,
|
|
to: "/"
|
|
},
|
|
{
|
|
title: this.__("Profile"),
|
|
to: this.route("profile.index")
|
|
}
|
|
]
|
|
};
|
|
},
|
|
methods: {
|
|
submit() {
|
|
this.$inertia.patch(this.route("profile.update"), this.form, {
|
|
onStart: () => this.sending = true,
|
|
onFinish: () => this.sending = false
|
|
});
|
|
}
|
|
}
|
|
};
|
|
const _hoisted_1 = /* @__PURE__ */ createBaseVNode("option", { value: "en" }, "English", -1);
|
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("option", { value: "nl" }, "Dutch", -1);
|
|
const _hoisted_3 = /* @__PURE__ */ createBaseVNode("option", { value: "fr" }, "French", -1);
|
|
const _hoisted_4 = /* @__PURE__ */ createBaseVNode("option", { value: "da" }, "Danish", -1);
|
|
const _hoisted_5 = /* @__PURE__ */ createBaseVNode("option", { value: "nb-no" }, "Norwegian", -1);
|
|
const _hoisted_6 = /* @__PURE__ */ createBaseVNode("option", { value: "pt" }, "Portuguese", -1);
|
|
const _hoisted_7 = ["value", "textContent"];
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
const _component_Head = resolveComponent("Head");
|
|
const _component_TopBar = resolveComponent("TopBar");
|
|
const _component_FormInput = resolveComponent("FormInput");
|
|
const _component_FormSelect = resolveComponent("FormSelect");
|
|
const _component_Button = resolveComponent("Button");
|
|
const _component_FormActions = resolveComponent("FormActions");
|
|
const _component_PageBody = resolveComponent("PageBody");
|
|
const _component_Container = resolveComponent("Container");
|
|
const _component_Content = resolveComponent("Content");
|
|
const _component_Page = resolveComponent("Page");
|
|
return openBlock(), createBlock(_component_Page, null, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_Head, null, {
|
|
default: withCtx(() => [
|
|
createBaseVNode("title", null, toDisplayString(_ctx.__("Profile")), 1)
|
|
], void 0, true),
|
|
_: 1
|
|
}),
|
|
createVNode(_component_TopBar, { breadcrumbs: $data.breadcrumbs }, null, 8, ["breadcrumbs"]),
|
|
createVNode(_component_Content, null, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_Container, null, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_PageBody, null, {
|
|
default: withCtx(() => [
|
|
createBaseVNode("form", {
|
|
class: "space-y-4",
|
|
onSubmit: _cache[7] || (_cache[7] = withModifiers((...args) => $options.submit && $options.submit(...args), ["prevent"]))
|
|
}, [
|
|
createVNode(_component_FormInput, {
|
|
label: _ctx.__("Name"),
|
|
errors: _ctx.$page.props.errors.name,
|
|
modelValue: $data.form.name,
|
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.form.name = $event)
|
|
}, null, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormInput, {
|
|
label: _ctx.__("Email"),
|
|
type: "email",
|
|
errors: _ctx.$page.props.errors.email,
|
|
modelValue: $data.form.email,
|
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.form.email = $event)
|
|
}, null, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormSelect, {
|
|
label: _ctx.__("Language"),
|
|
errors: _ctx.$page.props.errors.language,
|
|
modelValue: $data.form.language,
|
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.form.language = $event)
|
|
}, {
|
|
default: withCtx(() => [
|
|
_hoisted_1,
|
|
_hoisted_2,
|
|
_hoisted_3,
|
|
_hoisted_4,
|
|
_hoisted_5,
|
|
_hoisted_6
|
|
], void 0, true),
|
|
_: 1
|
|
}, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormInput, {
|
|
label: _ctx.__("Address"),
|
|
type: "text",
|
|
errors: _ctx.$page.props.errors.address,
|
|
modelValue: $data.form.address,
|
|
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.form.address = $event)
|
|
}, null, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormSelect, {
|
|
label: _ctx.__("Country"),
|
|
errors: _ctx.$page.props.errors.country,
|
|
modelValue: $data.form.country,
|
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.form.country = $event)
|
|
}, {
|
|
default: withCtx(() => [
|
|
(openBlock(true), createElementBlock(Fragment, null, renderList($props.countries, (country, code) => {
|
|
return openBlock(), createElementBlock("option", {
|
|
value: code,
|
|
textContent: toDisplayString(country)
|
|
}, null, 8, _hoisted_7);
|
|
}), 256))
|
|
], void 0, true),
|
|
_: 1
|
|
}, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormInput, {
|
|
label: _ctx.__("ZIP"),
|
|
type: "text",
|
|
errors: _ctx.$page.props.errors.zip,
|
|
modelValue: $data.form.zip,
|
|
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.form.zip = $event)
|
|
}, null, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormInput, {
|
|
label: _ctx.__("City"),
|
|
type: "text",
|
|
errors: _ctx.$page.props.errors.city,
|
|
modelValue: $data.form.city,
|
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.form.city = $event)
|
|
}, null, 8, ["label", "errors", "modelValue"]),
|
|
createVNode(_component_FormActions, null, {
|
|
default: withCtx(() => [
|
|
createVNode(_component_Button, null, {
|
|
default: withCtx(() => [
|
|
createTextVNode(toDisplayString(_ctx.__("Save")), 1)
|
|
], void 0, true),
|
|
_: 1
|
|
})
|
|
], void 0, true),
|
|
_: 1
|
|
})
|
|
], 32)
|
|
], void 0, true),
|
|
_: 1
|
|
})
|
|
], void 0, true),
|
|
_: 1
|
|
})
|
|
], void 0, true),
|
|
_: 1
|
|
})
|
|
], void 0, true),
|
|
_: 1
|
|
});
|
|
}
|
|
const Index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
export {
|
|
Index as default
|
|
};
|