@turnipxenon/pineapple 5.3.9 → 5.3.11

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte

@@ -27,14 +27,22 @@
 	}: Props = $props();
 
 	const updateOrderQuery = () => {
-		orderUrl = "order=" + layout.map(g => {
-			const groupUrl = g.entryList.map(e => e.key).join("|");
-			// the last item after : is a grid class but we're keeping it here for legacy reason
-			return `${g.title}:${groupUrl}:`;
-		}).join(",");
+		orderUrl =
+			"order=" +
+			layout
+				.map((g) => {
+					const groupUrl = g.entryList.map((e) => e.key).join("|");
+					// the last item after : is a grid class but we're keeping it here for legacy reason
+					return `${g.title}:${groupUrl}:`;
+				})
+				.join(",");
 	};
 
-	const swapEntry = (index: number, group: ProjectGroup, shouldDecrement: boolean): (() => void) => {
+	const swapEntry = (
+		index: number,
+		group: ProjectGroup,
+		shouldDecrement: boolean
+	): (() => void) => {
 		return () => {
 			let newIndex = index;
 			if (shouldDecrement && index >= 1) {
@@ -96,17 +104,19 @@
 		};
 	};
 
-	const comboboxData = untrack(() => allEntries.map(entry => {
-		return {
-			label: entry.key,
-			value: entry.key
-		};
-	}));
+	const comboboxData = untrack(() =>
+		allEntries.map((entry) => {
+			return {
+				label: entry.key,
+				value: entry.key
+			};
+		})
+	);
 
 	let comboboxValue = $state([comboboxData[0].value]);
 
 	const addEntry = () => {
-		const c = allEntries.find(e => e.key === comboboxValue[0]);
+		const c = allEntries.find((e) => e.key === comboboxValue[0]);
 
 		if (!c) {
 			console.warn(`Unknown key: ${comboboxValue}`);
@@ -135,140 +145,148 @@
 	borderClass="border-[2px] border-primary-500"
 	marginClass="mt-4 mb-4"
 >
-
 	<div class="m-4 flex flex-row gap-2">
-		<button title={`Remove ${group.title}`}
-		        onclick={removeGroup(group)}>
-			<img class="img-icon" src={CloseIcon} alt={`Remove ${group.title}`}>
+		<button title={`Remove ${group.title}`} onclick={removeGroup(group)}>
+			<img class="img-icon" src={CloseIcon} alt={`Remove ${group.title}`} />
 		</button>
 
-		<button title={`Move group ${group.title} upwards`}
-		        onclick={swapGroups(groupIndex, true)}
-		        disabled="{groupIndex === 0}">
-			<img class="img-icon" src={UpwardIcon} alt={`Move group ${group.title} upwards`}>
+		<button
+			title={`Move group ${group.title} upwards`}
+			onclick={swapGroups(groupIndex, true)}
+			disabled={groupIndex === 0}
+		>
+			<img class="img-icon" src={UpwardIcon} alt={`Move group ${group.title} upwards`} />
 		</button>
 
-		<button title={`Move group ${group.title} downwards`}
-		        disabled={groupIndex === layout.length - 1}
-		        onclick={swapGroups(groupIndex, false)}>
+		<button
+			title={`Move group ${group.title} downwards`}
+			disabled={groupIndex === layout.length - 1}
+			onclick={swapGroups(groupIndex, false)}
+		>
 			<img
 				class="img-icon flipped-vertically"
 				src={UpwardIcon}
 				alt={`Move group ${group.title} downwards`}
-			>
+			/>
 		</button>
 
 		<div class="fake-h3 ml-2">Group title: {group.title}</div>
 	</div>
 
-	<hr class="border-primary-500 border-1">
+	<hr class="border-primary-500 border-1" />
 
 	<table class="table">
 		<thead>
-		<tr>
-			<th class="fake-h4">Entries</th>
-		</tr>
+			<tr>
+				<th class="fake-h4">Entries</th>
+			</tr>
 		</thead>
 		<tbody>
-		{#each group.entryList as entry, entryIndex (entry)}
-			<tr class="entry-row">
-				<td class="entry-data">
-
-					<button title={`Remove ${entry.key}`}
-					        onclick={removeEntry(entry, group)}>
-						<img class="img-icon" src={CloseIcon} alt={`Remove ${entry.key}`}>
-					</button>
-
-					<button title={`Move ${entry.key} upwards`}
-					        onclick={swapEntry(entryIndex, group, true)}
-					        disabled="{entryIndex === 0}">
-						<img class="img-icon" src={UpwardIcon} alt={`Move ${entry.key} upwards`}>
-					</button>
-
-					<button title={`Move ${entry.key} downwards`}
-					        disabled={entryIndex === group.key.length - 1}
-					        onclick={swapEntry(entryIndex, group, false)}>
-						<img class="img-icon flipped-vertically" src={UpwardIcon} alt={`Move ${entry.key} downwards`}>
-					</button>
-					<div class="entry-name">
-						{entry.key}
-					</div>
-				</td>
-			</tr>
-		{/each}
+			{#each group.entryList as entry, entryIndex (entry)}
+				<tr class="entry-row">
+					<td class="entry-data">
+						<button title={`Remove ${entry.key}`} onclick={removeEntry(entry, group)}>
+							<img class="img-icon" src={CloseIcon} alt={`Remove ${entry.key}`} />
+						</button>
+
+						<button
+							title={`Move ${entry.key} upwards`}
+							onclick={swapEntry(entryIndex, group, true)}
+							disabled={entryIndex === 0}
+						>
+							<img class="img-icon" src={UpwardIcon} alt={`Move ${entry.key} upwards`} />
+						</button>
+
+						<button
+							title={`Move ${entry.key} downwards`}
+							disabled={entryIndex === group.key.length - 1}
+							onclick={swapEntry(entryIndex, group, false)}
+						>
+							<img
+								class="img-icon flipped-vertically"
+								src={UpwardIcon}
+								alt={`Move ${entry.key} downwards`}
+							/>
+						</button>
+						<div class="entry-name">
+							{entry.key}
+						</div>
+					</td>
+				</tr>
+			{/each}
 		</tbody>
 
 		<tfoot>
-		<tr>
-			<td class="combobox-container">
-				<PinyaButton onclick={addEntry}>Add Entry
-				</PinyaButton>
-				<PinyaCombobox
-					class="project-group-config"
-					data={comboboxData}
-					bind:value={comboboxValue}
-					label="New entry"
-					placeholder="Add new entry"
-				/>
-			</td>
-		</tr>
+			<tr>
+				<td class="combobox-container">
+					<PinyaButton onclick={addEntry}>Add Entry</PinyaButton>
+					<PinyaCombobox
+						class="project-group-config"
+						data={comboboxData}
+						bind:value={comboboxValue}
+						label="New entry"
+						placeholder="Add new entry"
+					/>
+				</td>
+			</tr>
 		</tfoot>
 	</table>
+</PinyaCard>
 
+<style>
+	.flipped-vertically {
+		transform: rotate(180deg);
+	}
 
-</PinyaCard>
+	.entry-name {
+		flex-grow: 1;
+	}
 
+	tr,
+	td,
+	th,
+	table {
+		width: 100%;
+	}
 
-<style>
-    .flipped-vertically {
-        transform: rotate(180deg);
-    }
-
-    .entry-name {
-        flex-grow: 1;
-    }
-
-    tr, td, th, table {
-        width: 100%;
-    }
-
-    table {
-        margin-bottom: 1lh;
-    }
-
-    tfoot > tr {
-        display: flex;
-    }
-
-    tbody tr:nth-child(odd) {
-        background-color: var(--color-surface-100-900);
-    }
-
-    tbody tr:nth-child(even), thead {
-        background-color: var(--color-surface-300-700);
-    }
-
-    .entry-data {
-        display: flex;
-        flex-direction: row;
-        gap: 1rem;
-        align-items: center;
-    }
-
-    .combobox-container {
-        display: flex;
-        flex-direction: row;
-        gap: 1em;
-    }
-
-    :global {
-        .project-group-config-card.pinya-card {
-            max-width:var(--container-2xl);
-		        padding: 0;
-        }
-
-        .project-group-config.pinya-combobox-wrapper {
-		        flex-grow: 1;
-        }
-    }
+	table {
+		margin-bottom: 1lh;
+	}
+
+	tfoot > tr {
+		display: flex;
+	}
+
+	tbody tr:nth-child(odd) {
+		background-color: var(--color-surface-100-900);
+	}
+
+	tbody tr:nth-child(even),
+	thead {
+		background-color: var(--color-surface-300-700);
+	}
+
+	.entry-data {
+		display: flex;
+		flex-direction: row;
+		gap: 1rem;
+		align-items: center;
+	}
+
+	.combobox-container {
+		display: flex;
+		flex-direction: row;
+		gap: 1em;
+	}
+
+	:global {
+		.project-group-config-card.pinya-card {
+			max-width: var(--container-2xl);
+			padding: 0;
+		}
+
+		.project-group-config.pinya-combobox-wrapper {
+			flex-grow: 1;
+		}
+	}
 </style>

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectGroupConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAKhF,UAAU,KAAK;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAmMF,QAAA,MAAM,kBAAkB,8DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ProjectGroupConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAKhF,UAAU,KAAK;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAuMF,QAAA,MAAM,kBAAkB,8DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}