rimecms 0.26.6 → 0.26.8

package/dist/panel/components/sections/document/ButtonStatus.svelte

@@ -1,78 +1,78 @@
 <script lang="ts">
-	import { invalidateAll } from '$app/navigation';
-	import { apiUrl } from '../../../../core/api/index.js';
-	import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
-	import * as Dialog from '../../ui/dialog/index.js';
-	import * as Radio from '../../ui/radio-group/index.js';
-	import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
-	import { toKebabCase } from '../../../../util/string';
-	import { toast } from 'svelte-sonner';
-	import { t__ } from '../../../../core/i18n/index.js';
-	import Button from '../../ui/button/button.svelte';
-	import Label from '../../ui/label/label.svelte';
-	import StatusDot from '../collection/StatusDot.svelte';
-	type Props = { form: DocumentFormContext };
-	const { form }: Props = $props();
+  import { invalidateAll } from '$app/navigation';
+  import { apiUrl } from '../../../../core/api/index.js';
+  import { PARAMS, VERSIONS_STATUS } from '../../../../core/constant.js';
+  import * as Dialog from '../../ui/dialog/index.js';
+  import * as Radio from '../../ui/radio-group/index.js';
+  import type { DocumentFormContext } from '../../../context/documentForm.svelte.js';
+  import { toKebabCase } from '../../../../util/string';
+  import { toast } from 'svelte-sonner';
+  import { t__ } from '../../../../core/i18n/index.js';
+  import Button from '../../ui/button/button.svelte';
+  import Label from '../../ui/label/label.svelte';
+  import StatusDot from '../collection/StatusDot.svelte';
+  type Props = { form: DocumentFormContext };
+  const { form }: Props = $props();
 
-	const statusList = Object.values(VERSIONS_STATUS);
+  const statusList = Object.values(VERSIONS_STATUS);
 
-	let dialogOpen = $state(false);
+  let dialogOpen = $state(false);
 
-	async function handleValidateStatus() {
-		const urlId = form.values._prototype === 'collection' ? `/${form.values.id}` : '/';
-		await fetch(
-			`${apiUrl(toKebabCase(form.values._type))}${urlId}?draft=true&${PARAMS.VERSION_ID}=${form.values.versionId}`,
-			{
-				method: 'PATCH',
-				body: JSON.stringify({
-					status: status
-				})
-			}
-		)
-			.then((r) => {
-				if (r.status === 200) {
-					toast.success(t__('common.doc_updated'));
-					form.setValue('status', status);
-					dialogOpen = false;
-					invalidateAll();
-				} else {
-					toast.error(t__('error.generic'));
-				}
-			})
-			.catch((err) => {
-				toast.error(t__('error.generic'));
-			});
-	}
+  async function handleValidateStatus() {
+    const urlId = form.values._prototype === 'collection' ? `/${form.values.id}` : '/';
+    await fetch(
+      `${apiUrl(toKebabCase(form.values._type))}${urlId}?draft=true&${PARAMS.VERSION_ID}=${form.values.versionId}`,
+      {
+        method: 'PATCH',
+        body: JSON.stringify({
+          status: status
+        })
+      }
+    )
+      .then((r) => {
+        if (r.status === 200) {
+          toast.success(t__('common.doc_updated'));
+          form.setValue('status', status);
+          dialogOpen = false;
+          invalidateAll();
+        } else {
+          toast.error(t__('error.generic'));
+        }
+      })
+      .catch((err) => {
+        toast.error(t__('error.generic'));
+      });
+  }
 
-	let status = $derived(form.values.status);
+  let status = $derived(form.values.status);
 </script>
 
 <Dialog.Root bind:open={dialogOpen}>
-	<Dialog.Trigger>
-		{#snippet child(props)}
-			<Button size="sm" variant="secondary" onclick={() => (dialogOpen = true)} {...props}>
-				<StatusDot status={form.values.status} />
-				<p class="rz-status__text">{t__(`common.${form.values.status}`)}</p>
-			</Button>
-		{/snippet}
-	</Dialog.Trigger>
-	<Dialog.Content class="rz-status-dialog">
-		<Radio.Root bind:value={status}>
-			{#each statusList as status, index (index)}
-				<div class="rz-radio__option">
-					<Radio.Item id="document.{status}" value={status} />
-					<Label for="document.{status}">
-						{t__(`common.${status}`)}<br />
-						<p>{t__(`common.${status}_infos`)}</p>
-					</Label>
-				</div>
-			{/each}
-		</Radio.Root>
-		<Dialog.Footer --rz-justify-content="space-between">
-			<Button onclick={handleValidateStatus} variant="outline">Validate</Button>
-			<Button onclick={() => (dialogOpen = false)} variant="secondary">Cancel</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
+  <Dialog.Trigger>
+    {#snippet child(props)}
+      <Button size="sm" variant="secondary" onclick={() => (dialogOpen = true)} {...props}>
+        <StatusDot status={form.values.status} />
+        <p class="rz-status__text">{t__(`common.${form.values.status}`)}</p>
+      </Button>
+    {/snippet}
+  </Dialog.Trigger>
+  <Dialog.Content class="rz-status-dialog">
+    <Radio.Root bind:value={status}>
+      {#each statusList as status, index (index)}
+        <div class="rz-radio__option">
+          <Radio.Item id="document.{status}" value={status} />
+          <Label for="document.{status}">
+            {t__(`common.${status}`)}<br />
+            <p>{t__(`common.${status}_infos`)}</p>
+          </Label>
+        </div>
+      {/each}
+    </Radio.Root>
+    <Dialog.Footer --rz-justify-content="space-between">
+      <Button onclick={handleValidateStatus} variant="outline">Validate</Button>
+      <Button onclick={() => (dialogOpen = false)} variant="secondary">Cancel</Button>
+    </Dialog.Footer>
+  </Dialog.Content>
 </Dialog.Root>
 
 <style>/**************************************/
@@ -82,20 +82,20 @@
 /**************************************/
 
 .rz-radio__option {
-		display: flex;
-		gap: var(--rz-size-3);
-		padding: var(--rz-size-3);
-		border: var(--rz-border);
-	}
+    display: flex;
+    gap: var(--rz-size-3);
+    padding: var(--rz-size-3);
+    border: var(--rz-border);
+  }
 
 :global {
-		.rz-dialog-footer button {
-			flex: 1;
-		}
-	}
+    .rz-dialog-footer button {
+      flex: 1;
+    }
+  }
 
 p {
-		font-variation-settings: 'wght' 400;
-		font-weight: 400;
-	}
+    font-variation-settings: 'wght' 400;
+    font-weight: 400;
+  }
 </style>

package/dist/panel/components/sections/document/CurrentlyEdited.svelte

@@ -1,48 +1,48 @@
 <script lang="ts">
-	import { apiUrl } from '../../../../core/api/index.js';
-	import type { User } from '../../../../core/collections/auth/types.js';
-	import type { GenericDoc } from '../../../../core/types/doc.js';
-	import { toKebabCase } from '../../../../util/string.js';
-	import { onMount } from 'svelte';
-	import { Button } from '../../ui/button/index.js';
-	type Props = { by: string; user: User; doc: GenericDoc };
-	const { by, user, doc }: Props = $props();
+  import { apiUrl } from '../../../../core/api/index.js';
+  import type { User } from '../../../../core/collections/auth/types.js';
+  import type { GenericDoc } from '../../../../core/types/doc.js';
+  import { toKebabCase } from '../../../../util/string.js';
+  import { onMount } from 'svelte';
+  import { Button } from '../../ui/button/index.js';
+  type Props = { by: string; user: User; doc: GenericDoc };
+  const { by, user, doc }: Props = $props();
 
-	async function takeControl() {
-		const fetchURl = `${apiUrl(toKebabCase(doc._type))}/${doc._prototype === 'collection' ? doc.id : ''}`;
+  async function takeControl() {
+    const fetchURl = `${apiUrl(toKebabCase(doc._type))}/${doc._prototype === 'collection' ? doc.id : ''}`;
 
-		await fetch(fetchURl, {
-			method: 'PATCH',
-			body: JSON.stringify({
-				editedBy: user.id
-			})
-		});
-		window.location.reload();
-	}
+    await fetch(fetchURl, {
+      method: 'PATCH',
+      body: JSON.stringify({
+        editedBy: user.id
+      })
+    });
+    window.location.reload();
+  }
 
-	let email = $state();
+  let email = $state();
 
-	onMount(async () => {
-		const { doc } = await fetch(apiUrl('staff', by)).then((r) => r.json());
-		email = doc.email;
-	});
+  onMount(async () => {
+    const { doc } = await fetch(apiUrl('staff', by)).then((r) => r.json());
+    email = doc.email;
+  });
 </script>
 
 <div class="rz-document-read-only">
-	<p><strong>{email}</strong> is editing the document</p>
-	<Button variant="outline" onclick={takeControl}>Take control</Button>
+  <p><strong>{email}</strong> is editing the document</p>
+  <Button variant="outline" onclick={takeControl}>Take control</Button>
 </div>
 
 <style>
-	.rz-document-read-only {
-		display: grid;
-		gap: 1rem;
-		place-content: center;
-		position: absolute;
-		inset: 0;
-		z-index: 100;
-		background: hsl(var(--rz-gray-11) / 0.8);
-		-webkit-backdrop-filter: blur(2px);
-		        backdrop-filter: blur(2px);
-	}
+  .rz-document-read-only {
+    display: grid;
+    gap: 1rem;
+    place-content: center;
+    position: absolute;
+    inset: 0;
+    z-index: 100;
+    background: hsl(var(--rz-gray-11) / 0.8);
+    -webkit-backdrop-filter: blur(2px);
+            backdrop-filter: blur(2px);
+  }
 </style>