busya/ss-tools
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Migrate frontend to Svelte 5 runes semantics

Browse Source
This commit is contained in:
busya
2026-03-11 11:29:24 +03:00
parent 765178f12e
commit 0083d9054e
61 changed files with 989 additions and 922 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/pages/Dashboard.svelte
View File

@@ -45,13 +45,13 @@
<h1 class="text-2xl font-bold mb-4">Available Tools</h1>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{#each $plugins as plugin}
<div
class="border rounded-lg p-4 cursor-pointer hover:bg-gray-100"
on:click={() => selectPlugin(plugin)}
role="button"
tabindex="0"
on:keydown={(e) => e.key === 'Enter' && selectPlugin(plugin)}
>
<div
class="border rounded-lg p-4 cursor-pointer hover:bg-gray-100"
onclick={() => selectPlugin(plugin)}
role="button"
tabindex="0"
onkeydown={(e) => e.key === 'Enter' && selectPlugin(plugin)}
>
<h2 class="text-xl font-semibold">{plugin.name}</h2>
<p class="text-gray-600">{plugin.description}</p>
<span class="text-sm text-gray-400">v{plugin.version}</span>

12
frontend/src/pages/Settings.svelte
View File

@@ -237,7 +237,7 @@
</div>
</div>
<button on:click={handleSaveGlobal} class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 w-max mt-4">
<button onclick={handleSaveGlobal} class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 w-max mt-4">
{$t.settings?.save_global_settings}
</button>
</section>
@@ -271,9 +271,9 @@
<td class="px-6 py-4 whitespace-nowrap">{env.username}</td>
<td class="px-6 py-4 whitespace-nowrap">{env.is_default ? $t.common?.yes : $t.common?.no}</td>
<td class="px-6 py-4 whitespace-nowrap">
<button on:click={() => handleTestEnv(env.id)} class="text-green-600 hover:text-green-900 mr-4">{$t.settings?.env_test}</button>
<button on:click={() => editEnv(env)} class="text-indigo-600 hover:text-indigo-900 mr-4">{$t.common?.edit}</button>
<button on:click={() => handleDeleteEnv(env.id)} class="text-red-600 hover:text-red-900">{$t.common?.delete}</button>
<button onclick={() => handleTestEnv(env.id)} class="text-green-600 hover:text-green-900 mr-4">{$t.settings?.env_test}</button>
<button onclick={() => editEnv(env)} class="text-indigo-600 hover:text-indigo-900 mr-4">{$t.common?.edit}</button>
<button onclick={() => handleDeleteEnv(env.id)} class="text-red-600 hover:text-red-900">{$t.common?.delete}</button>
</td>
</tr>
{/each}
@@ -324,11 +324,11 @@
</div>
<div class="mt-6 flex gap-2">
<button on:click={handleAddOrUpdateEnv} class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">
<button onclick={handleAddOrUpdateEnv} class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">
{editingEnvId ? $t.settings?.env_update : $t.settings?.env_add}
</button>
{#if editingEnvId}
<button on:click={resetEnvForm} class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">
<button onclick={resetEnvForm} class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">
{$t.common?.cancel}
</button>
{/if}