1000)}>
-
- {#if sideBarMode === 0}
- {#if $selectedCharID < 0 || $settingsOpen}
-
+
+
+ {#if charimg !== ""}
+
+
{
+ changeChar(i);
+ }}
+ on:keydown={(e) => {
+ if (e.key === "Enter") {
+ changeChar(i);
+ }
+ }}
+ tabindex="0"
+ >
+ {#await getCharImage($DataBase.characters[i].image, "plain") then img}
+
+ {:catch}
+
+ {/await}
+
{:else}
-
+
+
{
+ changeChar(i);
+ }}
+ on:keydown={(e) => {
+ if (e.key === "Enter") {
+ changeChar(i);
+ }
+ }}
+ tabindex="0"
+ >
+
+
{/if}
- {:else if sideBarMode === 1}
-
Create
-
- {language.createfromScratch}
-
-
- {language.importCharacter}
-
-
- {language.createGroup}
-
-
Edit
-
{editMode = !editMode;$selectedCharID = -1}}
- class="drop-shadow-lg p-3 border-borderc border-solid mt-2 flex justify-center items-center ml-2 mr-2 border-1 hover:bg-selected">
- {language.editOrder}
-
- {/if}
+ {#if editMode}
+
+
{
+ let chars = $DataBase.characters;
+ if (chars[i - 1]) {
+ const currentchar = chars[i];
+ chars[i] = chars[i - 1];
+ chars[i - 1] = currentchar;
+ $DataBase.characters = chars;
+ }
+ }}
+ >
+
+
+
{
+ let chars = $DataBase.characters;
+ if (chars[i + 1]) {
+ const currentchar = chars[i];
+ chars[i] = chars[i + 1];
+ chars[i + 1] = currentchar;
+ $DataBase.characters = chars;
+ }
+ }}
+ >
+
+
+
+ {/if}
+
+ {/each}
+
{
+ if (sideBarMode === 1) {
+ reseter();
+ sideBarMode = 0;
+ } else {
+ reseter();
+ sideBarMode = 1;
+ }
+ }}>
+ {:else}
+
{
+ if ($settingsOpen) {
+ reseter();
+ settingsOpen.set(false);
+ } else {
+ reseter();
+ settingsOpen.set(true);
+ }
+ }}>
+
{
+ reseter();
+ openGrid();
+ }}>
+ {/if}
+