no applayout
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (8.3) (push) Has been cancelled
tests / ci (8.4) (push) Has been cancelled
tests / ci (8.5) (push) Has been cancelled

This commit is contained in:
Daan Meijer 2026-06-17 00:36:15 +02:00
parent ef00a73daa
commit eeb3bf85a9
3 changed files with 92 additions and 98 deletions

View File

@ -40,79 +40,77 @@ function submit() {
<template> <template>
<Head title="Invite User" /> <Head title="Invite User" />
<AppLayout :breadcrumbs="breadcrumbs"> <div class="c-invite-user">
<div class="c-invite-user"> <div class="c-invite-user__container">
<div class="c-invite-user__container"> <div class="c-invite-user__card">
<div class="c-invite-user__card"> <div class="c-invite-user__body">
<div class="c-invite-user__body"> <h3 class="c-invite-user__title">
<h3 class="c-invite-user__title"> Invite User to {{ dynamic.name }}
Invite User to {{ dynamic.name }} </h3>
</h3>
<form <form
@submit.prevent="submit" @submit.prevent="submit"
class="c-invite-user__form" class="c-invite-user__form"
> >
<div class="c-invite-user__field"> <div class="c-invite-user__field">
<label <label
for="email" for="email"
class="c-invite-user__label" class="c-invite-user__label"
>Email Address</label >Email Address</label
> >
<input <input
v-model="form.email" v-model="form.email"
id="email" id="email"
type="email" type="email"
required required
class="c-invite-user__input" class="c-invite-user__input"
/> />
<div <div
v-if="form.errors.email" v-if="form.errors.email"
class="c-invite-user__error" class="c-invite-user__error"
> >
{{ form.errors.email }} {{ form.errors.email }}
</div>
</div> </div>
</div>
<div class="c-invite-user__field"> <div class="c-invite-user__field">
<label <label
for="role" for="role"
class="c-invite-user__label" class="c-invite-user__label"
>Role</label >Role</label
> >
<select <select
v-model="form.role" v-model="form.role"
id="role" id="role"
class="c-invite-user__select" class="c-invite-user__select"
> >
<option value="owner">Owner (Full Control)</option> <option value="owner">Owner (Full Control)</option>
<option value="participant">Participant</option> <option value="participant">Participant</option>
<option value="editor">Editor</option> <option value="editor">Editor</option>
<option value="viewer">Viewer</option> <option value="viewer">Viewer</option>
</select> </select>
<div <div
v-if="form.errors.role" v-if="form.errors.role"
class="c-invite-user__error" class="c-invite-user__error"
> >
{{ form.errors.role }} {{ form.errors.role }}
</div>
</div> </div>
</div>
<div class="c-invite-user__actions"> <div class="c-invite-user__actions">
<button <button
type="submit" type="submit"
:disabled="form.processing" :disabled="form.processing"
class="c-invite-user__submit-btn" class="c-invite-user__submit-btn"
> >
Send Invitation Send Invitation
</button> </button>
</div> </div>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>
</AppLayout> </div>
</template> </template>
<style scoped> <style scoped>

View File

@ -39,41 +39,39 @@ function submit() {
<template> <template>
<Head title="Dynamic Settings" /> <Head title="Dynamic Settings" />
<AppLayout :breadcrumbs="breadcrumbs"> <div class="c-dynamic-settings">
<div class="c-dynamic-settings"> <div class="c-dynamic-settings__container">
<div class="c-dynamic-settings__container"> <div class="c-dynamic-settings__card">
<div class="c-dynamic-settings__card"> <div class="c-dynamic-settings__body">
<div class="c-dynamic-settings__body"> <h3 class="c-dynamic-settings__title">Dynamic Settings</h3>
<h3 class="c-dynamic-settings__title">Dynamic Settings</h3>
<form @submit.prevent="submit" class="c-dynamic-settings__form"> <form @submit.prevent="submit" class="c-dynamic-settings__form">
<div class="c-dynamic-settings__field"> <div class="c-dynamic-settings__field">
<label for="name" class="c-dynamic-settings__label">Name</label> <label for="name" class="c-dynamic-settings__label">Name</label>
<input v-model="form.name" id="name" type="text" class="c-dynamic-settings__input" /> <input v-model="form.name" id="name" type="text" class="c-dynamic-settings__input" />
<div v-if="form.errors.name" class="c-dynamic-settings__error"> <div v-if="form.errors.name" class="c-dynamic-settings__error">
{{ form.errors.name }} {{ form.errors.name }}
</div>
</div> </div>
</div>
<div class="c-dynamic-settings__field"> <div class="c-dynamic-settings__field">
<label for="rules" class="c-dynamic-settings__label">Rules</label> <label for="rules" class="c-dynamic-settings__label">Rules</label>
<textarea v-model="form.rules" id="rules" rows="4" class="c-dynamic-settings__textarea"></textarea> <textarea v-model="form.rules" id="rules" rows="4" class="c-dynamic-settings__textarea"></textarea>
<div v-if="form.errors.rules" class="c-dynamic-settings__error"> <div v-if="form.errors.rules" class="c-dynamic-settings__error">
{{ form.errors.rules }} {{ form.errors.rules }}
</div>
</div> </div>
</div>
<div class="c-dynamic-settings__actions"> <div class="c-dynamic-settings__actions">
<button type="submit" :disabled="form.processing" class="c-dynamic-settings__submit-btn"> <button type="submit" :disabled="form.processing" class="c-dynamic-settings__submit-btn">
Save Save
</button> </button>
</div> </div>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>
</AppLayout> </div>
</template> </template>
<style scoped> <style scoped>

View File

@ -30,11 +30,9 @@ const breadcrumbs = [
<template> <template>
<Head title="Create Ledger" /> <Head title="Create Ledger" />
<AppLayout :breadcrumbs="breadcrumbs"> <div class="py-12">
<div class="py-12"> <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="mx-auto max-w-7xl sm:px-6 lg:px-8"> <CreateLedgerForm :dynamic-id="dynamic.id" />
<CreateLedgerForm :dynamic-id="dynamic.id" />
</div>
</div> </div>
</AppLayout> </div>
</template> </template>