Skip to content

Commit 5bdfa21

Browse files
spah-soptimspah-soptim
committed
chore: ran frontend linting
Signed-off-by: Jan-Hendrik Spahn <jan-hendrik.spahn@soptim.de>
1 parent b6c2070 commit 5bdfa21

5 files changed

Lines changed: 47 additions & 66 deletions

File tree

‎frontend/src/routes/KeyboardShortcutsDialog.svelte‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
-->
1717

1818
<script>
19-
import { faKeyboard } from "@fortawesome/free-solid-svg-icons";
19+
import {faKeyboard} from "@fortawesome/free-solid-svg-icons";
2020
2121
import ActionDialog from "$lib/dialog/ActionDialog.svelte";
2222
@@ -112,13 +112,13 @@
112112
size="w-full max-w-3xl"
113113
>
114114
<div
115-
class="mx-2 flex flex-col gap-6 overflow-y-auto py-2 max-h-96 sm:flex-row sm:gap-x-6"
115+
class="mx-2 flex max-h-96 flex-col gap-6 overflow-y-auto py-2 sm:flex-row sm:gap-x-6"
116116
>
117117
<div class="flex flex-1 flex-col gap-6">
118118
{#each sections.slice(0, 2) as section}
119119
<div>
120120
<h3
121-
class="text-default-text mb-2 text-sm font-semibold uppercase tracking-wide opacity-60"
121+
class="text-default-text mb-2 text-sm font-semibold tracking-wide uppercase opacity-60"
122122
>
123123
{section.title}
124124
</h3>
@@ -157,7 +157,7 @@
157157
{#each sections.slice(2) as section}
158158
<div>
159159
<h3
160-
class="text-default-text mb-2 text-sm font-semibold uppercase tracking-wide opacity-60"
160+
class="text-default-text mb-2 text-sm font-semibold tracking-wide uppercase opacity-60"
161161
>
162162
{section.title}
163163
</h3>

‎frontend/src/routes/Searchbar.svelte‎

Lines changed: 12 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -16,25 +16,18 @@
1616
-->
1717

1818
<script>
19-
import {
20-
faCaretDown,
21-
faMagnifyingGlass,
22-
} from "@fortawesome/free-solid-svg-icons";
23-
import { onDestroy, onMount } from "svelte";
24-
import { Fa } from "svelte-fa";
19+
import {faCaretDown, faMagnifyingGlass,} from "@fortawesome/free-solid-svg-icons";
20+
import {onDestroy, onMount} from "svelte";
21+
import {Fa} from "svelte-fa";
2522
26-
import { BackendConnection } from "$lib/api/backend.js";
23+
import {BackendConnection} from "$lib/api/backend.js";
2724
import ButtonControl from "$lib/components/ButtonControl.svelte";
28-
import { PUBLIC_BACKEND_URL } from "$lib/config/runtime";
29-
import { shortcutStore } from "$lib/eventhandling/shortcutStore.svelte.js";
30-
import { toastStore } from "$lib/eventhandling/toastStore.svelte.js";
31-
import { URI } from "$lib/models/dto/index.ts";
32-
import {
33-
DiagramType,
34-
editorState,
35-
forceReloadTrigger,
36-
} from "$lib/sharedState.svelte.js";
37-
import { getPackageDisplayLabel } from "$lib/utils/package-label.js";
25+
import {PUBLIC_BACKEND_URL} from "$lib/config/runtime";
26+
import {shortcutStore} from "$lib/eventhandling/shortcutStore.svelte.js";
27+
import {toastStore} from "$lib/eventhandling/toastStore.svelte.js";
28+
import {URI} from "$lib/models/dto/index.ts";
29+
import {DiagramType, editorState, forceReloadTrigger,} from "$lib/sharedState.svelte.js";
30+
import {getPackageDisplayLabel} from "$lib/utils/package-label.js";
3831
3932
const backend = new BackendConnection(fetch, PUBLIC_BACKEND_URL);
4033
const filters = [
@@ -266,7 +259,7 @@
266259
{/if}
267260
</div>
268261
<div
269-
class="relative h-full w-full flex-col bg-white focus-within:bg-lightblue rounded"
262+
class="focus-within:bg-lightblue relative h-full w-full flex-col rounded bg-white"
270263
>
271264
<input
272265
type="text"
@@ -275,7 +268,7 @@
275268
bind:this={inputElement}
276269
bind:value={queryString}
277270
placeholder="Search..."
278-
class="bg-transparent text-default-text focus:border-blue border-input-default-background disabled:bg-button-disabled-background read-only:bg-default-background h-full w-full rounded border p-1 px-2 font-[350] outline-none"
271+
class="text-default-text focus:border-blue border-input-default-background disabled:bg-button-disabled-background read-only:bg-default-background h-full w-full rounded border bg-transparent p-1 px-2 font-[350] outline-none"
279272
oninput={submitQuery}
280273
/>
281274

‎frontend/src/routes/compare/CompareDialog.svelte‎

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,22 +15,18 @@
1515
-
1616
-->
1717
<script>
18-
import { faRightLeft } from "@fortawesome/free-solid-svg-icons";
19-
import { Fa } from "svelte-fa";
18+
import {faRightLeft} from "@fortawesome/free-solid-svg-icons";
19+
import {Fa} from "svelte-fa";
2020
21-
import { BackendConnection } from "$lib/api/backend.js";
21+
import {BackendConnection} from "$lib/api/backend.js";
2222
import DatasetAndGraphSelection from "$lib/components/DatasetAndGraphSelection.svelte";
2323
import FileSelectButton from "$lib/components/FileSelectButton.svelte";
2424
import SelectEditControl from "$lib/components/SelectEditControl.svelte";
25-
import { PUBLIC_BACKEND_URL } from "$lib/config/runtime";
25+
import {PUBLIC_BACKEND_URL} from "$lib/config/runtime";
2626
import ActionDialog from "$lib/dialog/ActionDialog.svelte";
27-
import {
28-
editorState,
29-
compareState,
30-
migrationState,
31-
} from "$lib/sharedState.svelte.js";
27+
import {compareState, editorState, migrationState,} from "$lib/sharedState.svelte.js";
3228
33-
import { goto } from "$app/navigation";
29+
import {goto} from "$app/navigation";
3430
3531
let {
3632
showDialog = $bindable(),
@@ -278,7 +274,7 @@
278274
<div class="bg-border h-px w-full"></div>
279275
<button
280276
onclick={swapSelections}
281-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
277+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
282278
title="Swap Before and After"
283279
>
284280
<Fa icon={faRightLeft} />
@@ -314,7 +310,7 @@
314310
<div class="bg-border h-px w-full"></div>
315311
<button
316312
onclick={swapSelections}
317-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
313+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
318314
title="Swap Before and After"
319315
>
320316
<Fa icon={faRightLeft} />
@@ -353,7 +349,7 @@
353349
<div class="bg-border h-px w-full"></div>
354350
<button
355351
onclick={swapSelections}
356-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
352+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
357353
title="Swap Before and After"
358354
>
359355
<Fa icon={faRightLeft} />
@@ -390,7 +386,7 @@
390386
<div class="bg-border h-px w-full"></div>
391387
<button
392388
onclick={swapSelections}
393-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
389+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
394390
title="Swap Before and After"
395391
>
396392
<Fa icon={faRightLeft} />

‎frontend/src/routes/mainpage/classEditor/components/ClassEditorButtons.svelte‎

Lines changed: 10 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -15,25 +15,17 @@
1515
-
1616
-->
1717
<script>
18-
import { faFloppyDisk, faXmark } from "@fortawesome/free-solid-svg-icons";
19-
import {
20-
faDiagramProject,
21-
faRotateLeft,
22-
faTrash,
23-
} from "@fortawesome/free-solid-svg-icons";
24-
import { getContext, onDestroy, onMount } from "svelte";
25-
26-
import { BackendConnection } from "$lib/api/backend.js";
18+
import {faDiagramProject, faFloppyDisk, faRotateLeft, faTrash, faXmark} from "@fortawesome/free-solid-svg-icons";
19+
import {getContext, onDestroy, onMount} from "svelte";
20+
21+
import {BackendConnection} from "$lib/api/backend.js";
2722
import FaIconButton from "$lib/components/FaIconButton.svelte";
28-
import { PUBLIC_BACKEND_URL } from "$lib/config/runtime";
23+
import {PUBLIC_BACKEND_URL} from "$lib/config/runtime";
2924
import DiscardCancelConfirmDialog from "$lib/dialog/DiscardCancelConfirmDialog.svelte";
30-
import { shortcutStore } from "$lib/eventhandling/shortcutStore.svelte.js";
31-
import { toastStore } from "$lib/eventhandling/toastStore.svelte.js";
32-
import { mapReactiveClassToClassDto } from "$lib/models/reactive/mapper/map-reactive-object-to-dto.js";
33-
import {
34-
editorState,
35-
forceReloadTrigger,
36-
} from "$lib/sharedState.svelte.js";
25+
import {shortcutStore} from "$lib/eventhandling/shortcutStore.svelte.js";
26+
import {toastStore} from "$lib/eventhandling/toastStore.svelte.js";
27+
import {mapReactiveClassToClassDto} from "$lib/models/reactive/mapper/map-reactive-object-to-dto.js";
28+
import {editorState, forceReloadTrigger,} from "$lib/sharedState.svelte.js";
3729
3830
import DeleteDependenciesDialog from "../../../delete-relations-dialog/DeleteDependenciesDialog.svelte";
3931
import SHACLClassSpecificPopUp from "../../../shacl/shaclclassspecific/SHACLClassSpecificPopUp.svelte";
@@ -181,7 +173,7 @@
181173
- (matching the widest), while the grid stays content-sized so the row
182174
- is left-aligned instead of stretching to full width.
183175
-->
184-
<div class="grid grid-flow-col auto-cols-fr gap-1">
176+
<div class="grid auto-cols-fr grid-flow-col gap-1">
185177
<FaIconButton
186178
callOnClick={() => (showSHACLClassDialog = true)}
187179
icon={faDiagramProject}

‎frontend/src/routes/migrate/steps/SelectSchemas.svelte‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -16,18 +16,18 @@
1616
-->
1717

1818
<script>
19-
import { faRightLeft } from "@fortawesome/free-solid-svg-icons";
20-
import { onMount } from "svelte";
21-
import { get } from "svelte/store";
22-
import { Fa } from "svelte-fa";
19+
import {faRightLeft} from "@fortawesome/free-solid-svg-icons";
20+
import {onMount} from "svelte";
21+
import {get} from "svelte/store";
22+
import {Fa} from "svelte-fa";
2323
2424
import DatasetAndGraphSelection from "$lib/components/DatasetAndGraphSelection.svelte";
2525
import FileSelectButton from "$lib/components/FileSelectButton.svelte";
2626
import InfoBox from "$lib/components/InfoBox.svelte";
2727
import SelectEditControl from "$lib/components/SelectEditControl.svelte";
28-
import { PUBLIC_BACKEND_URL } from "$lib/config/runtime";
29-
import { toastStore } from "$lib/eventhandling/toastStore.svelte.js";
30-
import { migrationState } from "$lib/sharedState.svelte.js";
28+
import {PUBLIC_BACKEND_URL} from "$lib/config/runtime";
29+
import {toastStore} from "$lib/eventhandling/toastStore.svelte.js";
30+
import {migrationState} from "$lib/sharedState.svelte.js";
3131
3232
let { disableNext = $bindable() } = $props();
3333
@@ -227,7 +227,7 @@
227227
<div class="bg-border h-px w-full"></div>
228228
<button
229229
onclick={swapSelections}
230-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
230+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
231231
title="Swap Before and After"
232232
>
233233
<Fa icon={faRightLeft} />
@@ -263,7 +263,7 @@
263263
<div class="bg-border h-px w-full"></div>
264264
<button
265265
onclick={swapSelections}
266-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
266+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
267267
title="Swap Before and After"
268268
>
269269
<Fa icon={faRightLeft} />
@@ -298,7 +298,7 @@
298298
<div class="bg-border h-px w-full"></div>
299299
<button
300300
onclick={swapSelections}
301-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
301+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
302302
title="Swap Before and After"
303303
>
304304
<Fa icon={faRightLeft} />
@@ -335,7 +335,7 @@
335335
<div class="bg-border h-px w-full"></div>
336336
<button
337337
onclick={swapSelections}
338-
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs transition-colors text-nowrap"
338+
class="text-text-subtle hover:bg-background-subtle flex items-center gap-1.5 rounded px-2 py-1 text-xs text-nowrap transition-colors"
339339
title="Swap Before and After"
340340
>
341341
<Fa icon={faRightLeft} />

0 commit comments

Comments
 (0)