daan/ledgerrz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement dynamic settings page
Some checks failed
linter / quality (push) Failing after 1m3s
Details
tests / ci (8.3) (push) Failing after 48s
Details
tests / ci (8.4) (push) Failing after 1m4s
Details
tests / ci (8.5) (push) Failing after 1m5s
Details

Browse Source
This commit is contained in:
Daan Meijer 2026-06-17 00:13:31 +02:00
parent 379543a351
commit 5b1a634d80
5 changed files with 194 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/Http/Controllers/DynamicController.php
View File

@ -3,13 +3,13 @@
namespace App\Http\Controllers;
use App\Http\Requests\StoreDynamicRequest;
use App\Http\Requests\UpdateDynamicRequest;
use App\Models\Dynamic;
use App\Services\ActivityService;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
use Illuminate\Http\Request;
use Inertia\Inertia;
use App\Services\ActivityService;
class DynamicController extends Controller
{
use AuthorizesRequests;
@ -75,15 +75,21 @@ class DynamicController extends Controller
*/
public function edit(Dynamic $dynamic)
{
//
$this->authorize('update', $dynamic);
return Inertia::render('Dynamics/Settings', [
'dynamic' => $dynamic,
]);
}
/**
* Update the specified resource in storage.
*/
public function update(Request $request, Dynamic $dynamic)
public function update(UpdateDynamicRequest $request, Dynamic $dynamic)
{
//
$dynamic->update($request->validated());
return redirect()->route('dynamics.show', $dynamic);
}
/**

34
app/Http/Requests/UpdateDynamicRequest.php Normal file
View File

@ -0,0 +1,34 @@
<?php
namespace App\Http\Requests;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Foundation\Http\FormRequest;
use App\Models\Dynamic;
class UpdateDynamicRequest extends FormRequest
{
/**
* Determine if the user is authorized to make this request.
*/
public function authorize(): bool
{
$dynamic = $this->route('dynamic');
return $dynamic && $this->user()->can('update', $dynamic);
}
/**
* Get the validation rules that apply to the request.
*
* @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array|string>
*/
public function rules(): array
{
return [
'name' => ['required', 'string', 'max:255'],
'rules' => ['nullable', 'string'],
];
}
}

2
app/Policies/DynamicPolicy.php
View File

@ -36,7 +36,7 @@ class DynamicPolicy
*/
public function update(User $user, Dynamic $dynamic): bool
{
return false;
return $dynamic->participants()->where('user_id', $user->id)->where('role', 'owner')->exists();
}
/**

133
resources/js/pages/Dynamics/Settings.vue Normal file
View File

@ -0,0 +1,133 @@
<script setup lang="ts">
import { Head, useForm } from '@inertiajs/vue3';
import { route } from 'ziggy-js';
import AppLayout from '@/layouts/AppLayout.vue';
const props = defineProps<{
dynamic: {
id: number;
name: string;
rules: string;
};
}>();
const form = useForm({
name: props.dynamic.name,
rules: props.dynamic.rules,
});
const breadcrumbs = [
{
name: 'Dynamics',
href: route('dynamics.index'),
},
{
name: props.dynamic.name,
href: route('dynamics.show', props.dynamic.id),
},
{
name: 'Settings',
href: route('dynamics.edit', props.dynamic.id),
},
];
function submit() {
form.patch(route('dynamics.update', props.dynamic.id));
}
</script>
<template>
<Head title="Dynamic Settings" />
<AppLayout :breadcrumbs="breadcrumbs">
<div class="c-dynamic-settings">
<div class="c-dynamic-settings__container">
<div class="c-dynamic-settings__card">
<div class="c-dynamic-settings__body">
<h3 class="c-dynamic-settings__title">Dynamic Settings</h3>
<form @submit.prevent="submit" class="c-dynamic-settings__form">
<div class="c-dynamic-settings__field">
<label for="name" class="c-dynamic-settings__label">Name</label>
<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">
{{ form.errors.name }}
</div>
</div>
<div class="c-dynamic-settings__field">
<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>
<div v-if="form.errors.rules" class="c-dynamic-settings__error">
{{ form.errors.rules }}
</div>
</div>
<div class="c-dynamic-settings__actions">
<button type="submit" :disabled="form.processing" class="c-dynamic-settings__submit-btn">
Save
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</AppLayout>
</template>
<style scoped>
@reference "../../../css/app.css";
.c-dynamic-settings {
@apply py-12;
}
.c-dynamic-settings__container {
@apply mx-auto max-w-7xl sm:px-6 lg:px-8;
}
.c-dynamic-settings__card {
@apply overflow-hidden bg-white shadow-sm sm:rounded-lg dark:bg-gray-800;
}
.c-dynamic-settings__body {
@apply p-6 text-gray-900 dark:text-gray-100;
}
.c-dynamic-settings__title {
@apply text-lg font-medium;
}
.c-dynamic-settings__form {
@apply mt-6 space-y-6;
}
.c-dynamic-settings__field {
@apply block;
}
.c-dynamic-settings__label {
@apply block text-sm font-medium text-gray-700 dark:text-gray-300;
}
.c-dynamic-settings__input {
@apply mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:focus:border-indigo-600 dark:focus:ring-indigo-600;
}
.c-dynamic-settings__textarea {
@apply mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:focus:border-indigo-600 dark:focus:ring-indigo-600;
}
.c-dynamic-settings__error {
@apply text-sm text-red-600;
}
.c-dynamic-settings__actions {
@apply flex items-center gap-4;
}
.c-dynamic-settings__submit-btn {
@apply inline-flex items-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-xs font-semibold tracking-widest text-white uppercase transition duration-150 ease-in-out hover:bg-gray-700 focus:bg-gray-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-none active:bg-gray-900 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-white dark:focus:bg-white dark:focus:ring-offset-gray-800 dark:active:bg-gray-300;
}
</style>

11
resources/js/pages/Dynamics/Show.vue
View File

@ -54,11 +54,18 @@ function submitInvite() {
<div class="c-dynamic-show__container">
<div class="c-dynamic-show__card">
<div class="c-dynamic-show__body">
<div class="flex justify-between items-start">
<div>
<h3 class="c-dynamic-show__title">{{ dynamic.name }}</h3>
<p class="c-dynamic-show__rules">
{{ dynamic.rules }}
</p>
</div>
<Link v-if="isOwner" :href="route('dynamics.edit', dynamic.id)" class="c-dynamic-show__settings-btn">
Settings
</Link>
</div>
</div>
</div>
<!-- Dynamic Chat -->
@ -182,4 +189,8 @@ function submitInvite() {
@apply mt-2 text-sm;
color: var(--muted-foreground);
}
.c-dynamic-show__settings-btn {
@apply inline-flex items-center rounded-md border border-transparent bg-gray-800 px-4 py-2 text-xs font-semibold tracking-widest text-white uppercase transition duration-150 ease-in-out hover:bg-gray-700 focus:bg-gray-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:outline-none active:bg-gray-900 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-white dark:focus:bg-white dark:focus:ring-offset-gray-800 dark:active:bg-gray-300;
}
</style>