ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-03 16:14:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: submit page

Browse Source
This commit is contained in:
afn 2022-11-25 20:23:04 -05:00
parent 994a088df1
commit 8ad0a3dfd1
1 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/routes/polling/+page.svelte
View File

@ -57,7 +57,7 @@
} }
function nextPage() { function nextPage() {
if (currentPage >= maxPages - 1) return null; if (currentPage >= maxPages) return null;
currentPage++; currentPage++;
localStorage.setItem('currentPage', currentPage.toString()); localStorage.setItem('currentPage', currentPage.toString());
@ -68,9 +68,8 @@
function clearLogos() { function clearLogos() {
selected = []; selected = [];
localStorage.setItem("selected", JSON.stringify(selected)); localStorage.setItem('selected', JSON.stringify(selected));
} }
</script> </script>
<svelte:head> <svelte:head>
@ -82,8 +81,9 @@
<main> <main>
<div class="wrapper"> <div class="wrapper">
<div class="top-container"> <div class="top-container">
<h1>ReVanced Logo Poll</h1> <h3>ReVanced</h3>
<h2>{selected.length}/{logos.length} selected · Page {Number(currentPage) + 1}/{maxPages}</h2> <h1>{currentPage >= maxPages ? 'Review selected logos' : 'Select logos'}</h1>
<h2>{selected.length}/{logos.length} selected · Page {Number(currentPage) + 1}/{maxPages+1}</h2>
<div class="top-custom-button-container"> <div class="top-custom-button-container">
<a href="https://hhh.com" target="_blank" rel="noreferrer"><button>Help</button></a> <a href="https://hhh.com" target="_blank" rel="noreferrer"><button>Help</button></a>
<button on:click={clearLogos}>Clear All</button> <button on:click={clearLogos}>Clear All</button>
@ -105,13 +105,28 @@
</span> </span>
{/key} {/key}
{/each} {/each}
{#if currentPage >= maxPages}
{#each logos as { id, gdrive_direct_url, name, filename }}
{#if selected.includes(id)}
<span in:fly={{ x: transitionDirection, easing: expoOut, duration: 1000 }}>
<LogoOption
bind:selected
clicked={selected.includes(id)}
{id}
logo={gdrive_direct_url}
{name}
{filename}
/>
</span>
{/if}
{/each}
{/if}
</div> </div>
<div class="buttons-container"> <div class="buttons-container">
<Button on:click={previousPage} unclickable={currentPage <= 0}>Previous</Button> <Button on:click={previousPage} unclickable={currentPage <= 0}>Previous</Button>
<Button kind="primary" on:click={nextPage} unclickable={currentPage >= maxPages - 1} <Button kind="primary" on:click={nextPage} unclickable={currentPage >= maxPages}>{currentPage >= maxPages ? 'Submit' : 'Next'}</Button>
>Next</Button
>
</div> </div>
</div> </div>
</main> </main>
@ -133,11 +148,17 @@
} }
h2 { h2 {
font-size: 1rem; font-size: 1.25rem;
color: var(--grey-three); color: var(--grey-three);
text-align: center; text-align: center;
} }
h3 {
font-weight: 500;
color: var(--grey-three);
margin-bottom: -0.5rem;
}
.buttons-container { .buttons-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -154,6 +175,7 @@
padding: 0.5rem 1.25rem; padding: 0.5rem 1.25rem;
border-radius: 12px; border-radius: 12px;
cursor: pointer; cursor: pointer;
font-weight: 500;
} }
.top-container { .top-container {