patrick
/
memejoin-svelte
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show intros in groups by guilds/channels

master
Patrick Cleavelin 2023-02-28 22:43:01 -06:00
parent 25cbf12880
commit 01dbdbe1f4
4 changed files with 74 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/IntroSelector.svelte
View File

@ -5,6 +5,7 @@
export let guild = null;
export let channel = null;
export let guildIntros = null;
export let introList = null;
export let exclude = null;
export let btnLabel = 'Add';
@ -25,20 +26,21 @@
</script>
<div id="list">
{#if !!introList}
{#if !!introList && !!guildIntros}
{#if introList.length > 0}
{#each introList as intro}
<label id="list-item">
<input type="checkbox" bind:group={selectedIntros} name="selectedIntros" value={intro}>
{$intros[intro.index].name} ({!!$intros[intro.index].filename ? $intros[intro.index].filename : $intros[intro.index].url})
<input type="checkbox" bind:group={selectedIntros} name="selectedIntros" value={intro.index}>
{guildIntros[intro.index].name} ({!!guildIntros[intro.index].filename ? guildIntros[intro.index].filename : guildIntros[intro.index].url})
</label>
{/each}
{:else if !!emptyMsg}
<p style='color: yellow'>{emptyMsg}</p>
{:else}
<p>No intros</p>
{/if}
{:else if !!exclude}
{#each $intros as intro, i}
{:else if !!exclude && !!guildIntros}
{#each guildIntros as intro, i}
{#if (!exclude.map((e) => e.index).includes(i))}
<label id="list-item">
<input type="checkbox" bind:group={selectedIntros} name="selectedIntros" value={i}>
@ -47,6 +49,7 @@
{/if}
{/each}
{:else}
<p>No intros</p>
{/if}
<button on:click={onConfirm}>{btnLabel}</button>
</div>

3
src/Login.svelte
View File

@ -2,8 +2,9 @@
import { member, intros } from './store.ts';
const login = async (username) => {
await intros.fetchIntros();
await member._fakeLogin(username);
await intros.fetchIntros($member.guilds);
}
let loginPromise = null;

70
src/routes/+page.svelte
View File

@ -3,42 +3,44 @@
import Login from '../Login.svelte';
import IntroSelector from '../IntroSelector.svelte';
const addIntros = (event) => {
let guildIndex = $member.guilds.findIndex((e) => e.name === event.detail.guild);
console.log(guildIndex)
let addIntroPromise = null;
if (guildIndex >= 0) {
let channelIndex = $member.guilds[guildIndex].channels.findIndex((e) => e.name === event.detail.channel);
console.log(channelIndex)
if (channelIndex >= 0) {
$member.guilds[guildIndex].channels[channelIndex].intros =
$member
.guilds[guildIndex]
.channels[channelIndex]
.intros
.concat(
event.detail.intros.map((index) => {
return { index: index, volume: 20 }
}));
const apiAddIntro = async (guild, channel, username, selectedIntros) => {
for (const intro of selectedIntros) {
const response = await fetch(
`http://localhost:7756/intros/${guild}/${channel}/${$member.username}/${intro}`,
{ method: 'POST' }
);
if (!response.ok) {
const body = await response.json();
throw new Error(`${body}`);
}
}
await member._fakeLogin(username);
};
const apiRemoveIntro = async (guild, channel, username, selectedIntros) => {
for (const intro of selectedIntros) {
const response = await fetch(
`http://localhost:7756/intros/${guild}/${channel}/${$member.username}/${intro}/remove`,
{ method: 'POST' }
);
if (!response.ok) {
const body = await response.json();
throw new Error(`${body}`);
}
}
await member._fakeLogin(username);
};
const addIntros = (event) => {
addIntroPromise = apiAddIntro(event.detail.guild, event.detail.channel, $member.username, event.detail.intros);
}
const removeIntros = (event) => {
let guildIndex = $member.guilds.findIndex((e) => e.name == event.detail.guild);
if (guildIndex >= 0) {
let channelIndex = $member.guilds[guildIndex].channels.findIndex((e) => e.name === event.detail.channel);
if (channelIndex >= 0) {
$member.guilds[guildIndex].channels[channelIndex].intros =
$member
.guilds[guildIndex]
.channels[channelIndex]
.intros
.filter((intro) => !event.detail.intros.includes(intro));
}
}
addIntroPromise = apiRemoveIntro(event.detail.guild, event.detail.channel, $member.username, event.detail.intros);
}
</script>
@ -55,7 +57,12 @@
{#each guild.channels as channel}
<div id="channel-settings">
<h4>{channel.name}</h4>
{#await addIntroPromise then result}
{:catch err}
<p style='color: red'>Failed to add intro: {err}</p>
{/await}
<IntroSelector
guildIntros={$intros[guild.name]}
guild={guild.name}
channel={channel.name}
introList={channel.intros}
@ -66,6 +73,7 @@
<h3>Add Intros</h3>
<IntroSelector
guildIntros={$intros[guild.name]}
guild={guild.name}
channel={channel.name}
exclude={channel.intros}

40
src/store.ts
View File

@ -35,28 +35,38 @@ function createMemberStore(): MemberStore {
}
function createIntroStore(): IntroStore {
const { subscribe, set, update } = writable([])
const { subscribe, set, update } = writable({})
return {
subscribe: subscribe,
set: set,
update: update,
fetchIntros: async () => {
const response = (await (await fetch("http://localhost:7756/intros/588149178912473103")).json())
if (response !== "NoGuildFound") {
console.log(response.Intros[0].File);
const intros = response.Intros.map((intro) => {
if (!!intro.File) {
return { name: intro.File.friendlyName, filename: intro.File.filename }
} else if (!!intro.Online) {
return { name: intro.Online.friendlyName, url: intro.Online.url }
}
})
console.log(intros)
fetchIntros: async (guilds) => {
console.debug('Fetching intros');
console.log(guilds)
set(intros)
let intros = {};
for (const guild of guilds) {
const response = (await (await fetch(`http://localhost:7756/intros/${guild.name}`)).json())
if (response !== "NoGuildFound") {
const guild_intros = response.Intros.map((intro) => {
if (!!intro.File) {
return { name: intro.File.friendlyName, filename: intro.File.filename }
} else if (!!intro.Online) {
return { name: intro.Online.friendlyName, url: intro.Online.url }
}
})
intros[guild.name] = guild_intros;
}
}
},
console.debug('Setting Intros store');
console.debug(intros);
console.debug(intros[123]);
set(intros)
}
}