Commit workspace changes

2026-04-05 19:42:33 +02:00
parent 148a3bbe43
commit 08ad757bcb
312 changed files with 35149 additions and 399 deletions
--- a/resources/js/Pages/Studio/StudioGroupPostEditor.jsx
+++ b/resources/js/Pages/Studio/StudioGroupPostEditor.jsx
@@ -0,0 +1,64 @@
+import React from 'react'
+import { router, useForm, usePage } from '@inertiajs/react'
+import StudioLayout from '../../Layouts/StudioLayout'
+
+export default function StudioGroupPostEditor() {
+  const { props } = usePage()
+  const post = props.post || {}
+  const form = useForm({
+    type: post.type || 'announcement',
+    title: post.title || '',
+    excerpt: post.excerpt || '',
+    content: post.content || '',
+    cover_path: post.cover_url || '',
+  })
+
+  const submit = (event) => {
+    event.preventDefault()
+    if (props.updateUrl) {
+      form.patch(props.updateUrl)
+      return
+    }
+
+    form.post(props.storeUrl)
+  }
+
+  return (
+    <StudioLayout title={props.title} subtitle={props.description}>
+      <form onSubmit={submit} className="grid gap-6 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]">
+        <section className="rounded-[28px] border border-white/10 bg-white/[0.03] p-5">
+          <div className="grid gap-4">
+            <label className="grid gap-2 text-sm text-slate-300">
+              <span className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-500">Type</span>
+              <select value={form.data.type} onChange={(event) => form.setData('type', event.target.value)} className="rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-white outline-none">
+                {(Array.isArray(props.typeOptions) ? props.typeOptions : []).map((option) => <option key={option.value} value={option.value}>{option.label}</option>)}
+              </select>
+            </label>
+            <label className="grid gap-2 text-sm text-slate-300">
+              <span className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-500">Title</span>
+              <input value={form.data.title} onChange={(event) => form.setData('title', event.target.value)} className="rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-white outline-none" />
+            </label>
+            <label className="grid gap-2 text-sm text-slate-300">
+              <span className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-500">Excerpt</span>
+              <textarea value={form.data.excerpt} onChange={(event) => form.setData('excerpt', event.target.value)} rows={3} className="rounded-[24px] border border-white/10 bg-black/20 px-4 py-3 text-white outline-none" />
+            </label>
+            <label className="grid gap-2 text-sm text-slate-300">
+              <span className="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-500">Content</span>
+              <textarea value={form.data.content} onChange={(event) => form.setData('content', event.target.value)} rows={12} className="rounded-[24px] border border-white/10 bg-black/20 px-4 py-3 text-white outline-none" />
+            </label>
+          </div>
+        </section>
+
+        <section className="rounded-[28px] border border-white/10 bg-white/[0.03] p-5">
+          <h2 className="text-xl font-semibold text-white">Post controls</h2>
+          <div className="mt-5 space-y-3">
+            <button type="submit" disabled={form.processing} className="w-full rounded-full border border-sky-300/20 bg-sky-300/10 px-4 py-3 text-sm font-semibold text-sky-100 disabled:opacity-60">Save</button>
+            {props.publishUrl ? <button type="button" onClick={() => router.post(props.publishUrl)} className="w-full rounded-full border border-emerald-300/20 bg-emerald-400/10 px-4 py-3 text-sm font-semibold text-emerald-100">Publish</button> : null}
+            {props.pinUrl ? <button type="button" onClick={() => router.post(props.pinUrl)} className="w-full rounded-full border border-amber-300/20 bg-amber-400/10 px-4 py-3 text-sm font-semibold text-amber-100">Toggle pinned</button> : null}
+            {props.archiveUrl ? <button type="button" onClick={() => router.post(props.archiveUrl)} className="w-full rounded-full border border-rose-300/20 bg-rose-400/10 px-4 py-3 text-sm font-semibold text-rose-100">Archive</button> : null}
+          </div>
+        </section>
+      </form>
+    </StudioLayout>
+  )
+}