6 Commits
0.1.7 ... 0.1.8

4 changed files with 65 additions and 25 deletions

View File

@ -12,7 +12,7 @@ post {
headers { headers {
Accept: application/json Accept: application/json
Content-Type: application/json Content-Type: application/x-www-form-urlencoded
} }
body:form-urlencoded { body:form-urlencoded {
@ -20,7 +20,7 @@ body:form-urlencoded {
client_id: {{ANILIST_APP_ID}} client_id: {{ANILIST_APP_ID}}
client_secret: {{ANILIST_SECRET_TOKEN}} client_secret: {{ANILIST_SECRET_TOKEN}}
redirect_uri: http://localhost:6734/callback redirect_uri: http://localhost:6734/callback
code: {{code}} code: {{ANILIST_CODE}}
} }
body:multipart-form { body:multipart-form {

View File

@ -9,7 +9,7 @@ vars {
} }
vars:secret [ vars:secret [
ANILIST_ACCESS_TOKEN, ANILIST_ACCESS_TOKEN,
code, ANILIST_CODE,
SIMKL_AUTH_TOKEN, SIMKL_AUTH_TOKEN,
MAL_CODE, MAL_CODE,
MAL_VERIFIER, MAL_VERIFIER,

View File

@ -28,10 +28,7 @@
StatusOptions, StatusOptions,
} from "../helperTypes/StatusTypes"; } from "../helperTypes/StatusTypes";
import type { AniListUpdateVariables } from "../anilist/types/AniListTypes"; import type { AniListUpdateVariables } from "../anilist/types/AniListTypes";
import { import { convertDateToAniList } from "../helperFunctions/convertDateToAniList";
convertDateStringToAniList,
convertDateToAniList,
} from "../helperFunctions/convertDateToAniList";
import { import {
AniListDeleteEntry, AniListDeleteEntry,
AniListUpdateEntry, AniListUpdateEntry,
@ -451,6 +448,7 @@
</script> </script>
<form on:submit|preventDefault={handleSubmit} class="container pt-3 pb-10"> <form on:submit|preventDefault={handleSubmit} class="container pt-3 pb-10">
{console.log(startingAnilistStatusOption)}
<h1 class="text-white font-bold text-left text-xl pb-3"> <h1 class="text-white font-bold text-left text-xl pb-3">
{title} {title}
</h1> </h1>
@ -479,8 +477,23 @@
type="button" type="button"
id="decrement-button" id="decrement-button"
data-input-counter-decrement="quantity-input" data-input-counter-decrement="quantity-input"
on:click={() => on:click={() => {
(currentAniListAnime.data.MediaList.progress -= 1)} currentAniListAnime.data.MediaList.progress -= 1;
if (
currentAniListAnime.data.MediaList
.progress <
currentAniListAnime.data.MediaList.media
.episodes
) {
startingAnilistStatusOption =
statusOptions[0];
if (
currentAniListAnime.data.MediaList
.repeat === 0
)
completedAtDate = null;
}
}}
class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-s-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none" class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-s-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none"
> >
<svg <svg
@ -529,8 +542,18 @@
type="button" type="button"
id="increment-button" id="increment-button"
data-input-counter-increment="quantity-input" data-input-counter-increment="quantity-input"
on:click={() => on:click={() => {
(currentAniListAnime.data.MediaList.progress += 1)} currentAniListAnime.data.MediaList.progress += 1;
if (
currentAniListAnime.data.MediaList.media
.episodes ===
currentAniListAnime.data.MediaList.progress
) {
startingAnilistStatusOption =
statusOptions[2];
completedAtDate = new Date();
}
}}
class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-e-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none" class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-e-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none"
> >
<svg <svg
@ -564,8 +587,25 @@
</div> </div>
{/if} {/if}
</div> </div>
<div>
<label
for="status"
class="text-left block mb-2 text-sm font-medium text-white"
>Status</label
>
<select
id="status"
name="status"
class="border text-sm rounded-lg
block p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400
text-white focus:ring-blue-500 focus:border-blue-500"
bind:value={startingAnilistStatusOption}
>
{#each statusOptions as option}
<option value={option}>{option.aniList}</option>
{/each}
</select>
</div>
</div> </div>
<div <div
class="flex flex-col md:flex-row md:pl-10 md:pr-10 pt-5 pb-5 justify-center md:gap-x-16 lg:gap-x-36" class="flex flex-col md:flex-row md:pl-10 md:pr-10 pt-5 pb-5 justify-center md:gap-x-16 lg:gap-x-36"
@ -649,7 +689,7 @@
<div <div
class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end" class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end"
> >
<Button <button
disabled={isSubmitting} disabled={isSubmitting}
id="sync-button" id="sync-button"
class="text-white {$submitSuccess class="text-white {$submitSuccess
@ -678,8 +718,8 @@
/> />
</svg> </svg>
Sync Changes Sync Changes
</Button> </button>
<Button <button
class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4 class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4
focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
hover:border-gray-600" hover:border-gray-600"
@ -689,7 +729,7 @@
}} }}
> >
Go Home Go Home
</Button> </button>
</div> </div>
</div> </div>
<AnimeTable /> <AnimeTable />
@ -698,10 +738,10 @@
<div <div
class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-start" class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-start"
> >
<Button <button
disabled={isSubmitting} disabled={isSubmitting}
id="delete-button" id="delete-button"
class="text-white bg-red-700 {$submitSuccess class="text-white {$submitSuccess
? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800' ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
: 'bg-red-600 hover:bg-red-700 focus:ring-4 focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none" : 'bg-red-600 hover:bg-red-700 focus:ring-4 focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
on:click={deleteEntries} on:click={deleteEntries}
@ -727,12 +767,12 @@
/> />
</svg> </svg>
Delete Entries Delete Entries
</Button> </button>
</div> </div>
<div <div
class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end" class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end"
> >
<Button <button
disabled={isSubmitting} disabled={isSubmitting}
id="sync-button" id="sync-button"
class="text-white {$submitSuccess class="text-white {$submitSuccess
@ -761,8 +801,8 @@
/> />
</svg> </svg>
Sync Changes Sync Changes
</Button> </button>
<Button <button
class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4 class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4
focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
hover:border-gray-600" hover:border-gray-600"
@ -772,7 +812,7 @@
}} }}
> >
Go Home Go Home
</Button> </button>
</div> </div>
</div> </div>

View File

@ -12,6 +12,6 @@
}, },
"info": { "info": {
"productName": "AniTrack", "productName": "AniTrack",
"productVersion": "0.1.7" "productVersion": "0.1.8"
} }
} }