-`;
-
-
-const SuccessIcon = `
- `;
-
-const WarningIcon = `
- `;
-
-const InfoIcon = `
- `;
-
-const ErrorIcon = `
- `;
-
-////////////////////////
-// Auxiliary functions
-////////////////////////
-
-/**
- * Generates a unique id for a toast.
- * The function generates a unique id by combining the current timestamp with a random string.
- * The function returns the unique id as a string.
- * @returns {string} - The unique id.
- * @example
- * const id = genid();
- */
-function genid() {
- return (
- Date.now().toString(36) +
- Math.random().toString(36).substring(2, 12).padStart(12, 0)
- );
-}
-
-/**
- * Creates a new toast element and returns it along with its id.
- * The function creates a new list item element and sets its outerHTML to a string containing the toast structure.
- * The function also generates a unique id for the toast and returns it along with the toast element.
- * @param {Element} list - The list element to append the toast to.
- * @param {string} msg - The message to display in the toast.
- * @param {Object} options - An object with the following properties:
- * @param {string} options.type - The type of the toast. The type can be one of the following values: "success", "error", "info", "warning", or "neutral".
- * @param {string} options.description - The description to display in the toast.
- * @returns {Object} - An object with the following properties:
- * @returns {Element} toast - The toast element.
- * @returns {string} id - The unique id of the toast.
- */
-function renderToast(list, msg, opts = {}) {
- const toast = document.createElement("div");
- list.prepend(toast);
- const id = genid();
- const count = list.children.length;
- const asset = getIcon(opts.icon) ?? opts.icon;
-
-
- toast.outerHTML = `
- `;
-
- return {
- id,
- toast: {
- target: document.querySelector(`[data-id="${id}"]`),
- setTitle: function (msg, raw = false) {
- const title = document.querySelector(`[data-sonner-toast][data-id=${id}] [data-title]`);
- if (raw) title.innerHTML = msg;
- else title.textContent = msg;
- return this;
- },
- setIcon: function (icon) {
- const ico = getIcon(icon) ?? '';
- document.querySelector(`[data-sonner-toast][data-id=${id}] [data-icon]`).innerHTML = ico;
- return this;
- },
- setDuration: function(duration) {
- this.target.setAttribute('data-duration', duration);
- registerRemoveTimeout(this.target);
- return this;
- },
- dismiss: function() {
- Sonner.remove(this.target.getAttribute("data-id"))
- return this;
- }
- }
-};
-}
-
-/**
- * Registers a new remove timeout for a specific element.
- * The function sets a new timeout to remove the element from its parent after a delay.
- * The timeout ensures that all CSS transitions complete before the element is removed.
- * @param {Element} el - The element to register the remove timeout for.
- * @param {number} lifetime - How long the toast will last for
- * @returns {void}
- */
-function registerRemoveTimeout(el) {
- if (!el.getAttribute("data-id"))
- throw new Error('invalid target for removal');
-
- const lifetime = el.getAttribute('data-duration') ?? TOAST_LIFETIME;
- if (lifetime < 0)
- return;
-
- // Clear previous duration
- if (el.getAttribute("data-remove-tid"))
- window.clearTimeout(el.getAttribute("data-remove-tid"));
-
- // Set new timeout
- const tid = window.setTimeout(() => {
- Sonner.remove(el.getAttribute("data-id"));
- }, lifetime);
- el.setAttribute("data-remove-tid", tid);
-}
-
-/**
- * Reinitializes the toaster and its children in the DOM.
- * @returns {Element} - The ordered list element with the sonner-toaster-list id.
- */
-function reinitializeToaster() {
- const ol = document.getElementById("sonner-toaster-list");
- if (!ol) return;
- for (let i = 0; i < ol.children.length; i++) {
- const el = ol.children[i];
- const id = el.getAttribute("data-id");
- registerSwipe(id);
- refreshProperties();
- registerRemoveTimeout(el);
- }
- return ol;
-}
-
-/**
- * Creates the toaster in the DOM.
- * @param {Object} options - An object with the following properties:
- * @param {boolean} options.closeButton - A boolean to control the visibility of the close button on the toasts.
- * @param {boolean} options.richColors - A boolean to control the use of rich colors for the toasts.
- * @param {string} options.position - A string to control the position of the toasts. The string is a combination of two values: the vertical position (top or bottom) and the horizontal position (left or right).
- * @returns {void}
- */
-function renderToaster({ closeButton, richColors, position }) {
- const el = document.createElement("div");
- document.body.appendChild(el);
- position = position.split("-");
- el.outerHTML = `
-
-
-
-`;
-}
-
-/**
- * Loads the Sonner styles in the DOM.
- * @returns {void}
- */
-function loadSonnerStyles() {
- var link = document.createElement("link");
- link.href = "./sonner.css";
- link.type = "text/css";
- link.rel = "stylesheet";
- link.media = "screen";
-
- document.getElementsByTagName("head")[0].appendChild(link);
-}
-
-/**
- * Registers mouse over events on a specific ordered list element in the DOM.
- * @param {Element} ol - The ordered list element to register mouse over events on.
- * @returns {void}
- */
-function registerMouseOver(ol) {
- ol.addEventListener("mouseenter", function () {
- for (let i = 0; i < ol.children.length; i++) {
- const el = ol.children[i];
- if (el.getAttribute("data-expanded") === "true") continue;
- el.setAttribute("data-expanded", "true");
-
- clearRemoveTimeout(el);
- }
- });
- ol.addEventListener("mouseleave", function () {
- for (let i = 0; i < ol.children.length; i++) {
- const el = ol.children[i];
- if (el.getAttribute("data-expanded") === "false") continue;
- el.setAttribute("data-expanded", "false");
-
- registerRemoveTimeout(el);
- }
- });
-}
-
-/**
- * Registers keyboard shortcuts for the ordered list element in the DOM.
- * The function listens for the Alt+T key combination to expand or collapse the toasts.
- * @param {Element} ol - The ordered list element to register keyboard shortcuts for.
- * @returns {void}
- */
-function registerKeyboardShortcuts(ol) {
- window.addEventListener("keydown", function (e) {
- if (e.altKey && e.code === "KeyT") {
- if (ol.children.length === 0) return;
- const expanded = ol.children[0].getAttribute("data-expanded");
- const newExpanded = expanded === "true" ? "false" : "true";
- for (let i = 0; i < ol.children.length; i++) {
- ol.children[i].setAttribute("data-expanded", newExpanded);
- }
- }
- });
-}
-
-/**
- * Clears the remove timeout for a specific element.
- * @param {Element} el - The element to clear the remove timeout for.
- * @returns {void}
- */
-function clearRemoveTimeout(el) {
- const tid = el.getAttribute("data-remove-tid");
- if (tid) window.clearTimeout(tid);
-}
-
-/**
- * Refreshes the properties of the children of a specific list element in the DOM.
- * The function iterates over each child of the list, skipping those marked as removed.
- * For each remaining child, it updates various data attributes and CSS properties related to its index, visibility, offset, and z-index.
- * The function also keeps track of the cumulative height of the elements processed so far to calculate the offset for each element.
- */
-function refreshProperties() {
- const list = document.getElementById("sonner-toaster-list");
- let heightsBefore = 0;
- let removed = 0;
- for (let i = 0; i < list.children.length; i++) {
- const el = list.children[i];
- if (el.getAttribute("data-removed") === "true") {
- removed++;
- continue;
- }
- const idx = i - removed;
- el.setAttribute("data-index", idx);
- el.setAttribute("data-front", idx === 0 ? "true" : "false");
- el.setAttribute(
- "data-visible",
- idx < VISIBLE_TOASTS_AMOUNT ? "true" : "false",
- );
- el.style.setProperty("--index", idx);
- el.style.setProperty("--toasts-before", idx);
- el.style.setProperty("--offset", `${GAP * idx + heightsBefore}px`);
- el.style.setProperty("--z-index", list.children.length - i);
- heightsBefore += Number(el.getAttribute("data-initial-height"));
- }
-}
-
-/**
- * Registers swipe events on an element with a specific id.
- * The element is selected using the id and event listeners are added for pointerdown, pointerup, and pointermove events.
- * The swipe gesture is calculated based on the movement of the pointer and the time taken for the swipe.
- * If the swipe meets a certain threshold or velocity, the element is marked for removal.
- * If the swipe does not meet the threshold, the swipe is reset.
- * For more information on the swipe gesture, see the following article:
- * https://emilkowal.ski/ui/building-a-toast-component
- *
- * @param {string} id - The data-id attribute of the element to register swipe events on.
- */
-function registerSwipe(id) {
- const el = document.querySelector(`[data-id="${id}"]`);
- if (!el) return;
- let dragStartTime = null;
- let pointerStart = null;
- const y = el.getAttribute("data-y-position");
- el.addEventListener("pointerdown", function (event) {
- dragStartTime = new Date();
- event.target.setPointerCapture(event.pointerId);
- if (event.target.tagName === "BUTTON") return;
- el.setAttribute("data-swiping", "true");
- pointerStart = { x: event.clientX, y: event.clientY };
- });
- el.addEventListener("pointerup", function (event) {
- pointerStart = null;
- const swipeAmount = Number(
- el.style.getPropertyValue("--swipe-amount").replace("px", "") || 0,
- );
- const timeTaken = new Date().getTime() - dragStartTime.getTime();
- const velocity = Math.abs(swipeAmount) / timeTaken;
-
- // Remove only if threshold is met
- if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {
- el.setAttribute("data-swipe-out", "true");
- Sonner.remove(id);
- return;
- }
-
- el.style.setProperty("--swipe-amount", "0px");
- el.setAttribute("data-swiping", "false");
- });
-
- el.addEventListener("pointermove", function (event) {
- if (!pointerStart) return;
- const yPosition = event.clientY - pointerStart.y;
- const xPosition = event.clientX - pointerStart.x;
-
- const clamp = y === "top" ? Math.min : Math.max;
- const clampedY = clamp(0, yPosition);
- const swipeStartThreshold = event.pointerType === "touch" ? 10 : 2;
- const isAllowedToSwipe = Math.abs(clampedY) > swipeStartThreshold;
-
- if (isAllowedToSwipe) {
- el.style.setProperty("--swipe-amount", `${yPosition}px`);
- } else if (Math.abs(xPosition) > swipeStartThreshold) {
- // User is swiping in wrong direction so we disable swipe gesture
- // for the current pointer down interaction
- pointerStart = null;
- }
- });
-}
diff --git a/resources/views/album/show.blade.php b/resources/views/album/show.blade.php
deleted file mode 100644
index f528390..0000000
--- a/resources/views/album/show.blade.php
+++ /dev/null
@@ -1,39 +0,0 @@
-@push('menu')
-
-
-
-
-
-
-
-
-
- Add images
-
-
-@endpush
-
-
-
-
- {{ $album->name }}
-
- @if($album->mutations->count() > 0)
-
- @else
-
-
- Neue Bilder zu {{ $album->name }} hinzufügen
-
-
-
-
- @endif
-
\ No newline at end of file
diff --git a/resources/views/category/show.blade.php b/resources/views/category/show.blade.php
index 3532f56..2d79482 100644
--- a/resources/views/category/show.blade.php
+++ b/resources/views/category/show.blade.php
@@ -20,28 +20,15 @@
@endpush
-
-
-
+  }})
+ 
-