adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Filler if no API response + look maxing

Browse Source
This commit is contained in:
Adam French
2026-01-07 13:08:54 +00:00
parent 6d9d4514f8
commit a7655c457f
2 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
nginx/vue/src/components/home/Feed.vue
View File

@@ -66,19 +66,38 @@ onMounted(() => {
</script> </script>
<template> <template>
<div v-if="fetched" class="flex-col"> <div v-if="fetched" class="flex-col pad scroll-y left-content">
<h2>{{ post.title }}</h2> <h2>{{ post.title }}</h2>
<div>{{ post.content }}</div> <div class="fill wrap">{{ post.content }}</div>
<p>by: {{ post.author.username }}</p> <p>by: {{ post.author.username }}</p>
<small <small
>Created at: {{ new Date(post.createdAt).toLocaleString() }}</small >Created at: {{ new Date(post.createdAt).toLocaleString() }}</small
> >
<button v-if="!leftCap" @click="prevPost">Prev</button> <div class="flex-row fill-width">
<button v-if="!rightCap" @click="nextPost">Next</button> <button class="fill" v-if="!leftCap" @click="prevPost">Prev</button>
<button class="fill" v-if="!rightCap" @click="nextPost">
Next
</button>
</div>
<button v-if="userOwnsPost" @click="deletePost">Delete</button> <button v-if="userOwnsPost" @click="deletePost">Delete</button>
</div> </div>
<div class="flex-col pad" v-else> <div class="flex-col pad scroll-y left-content" v-else>
<h2>Can't fetch from the db yo</h2> <h2>Can't fetch from the db yo</h2>
<div class="fill wrap">
This is meant to be pulling from a database, but for some reason
that isn't working and this is filler text that should hopefully
never see the light of day. If you are reading this, something has
gone horribly, horribly wrong. Please start crying and prepare for
the incoming wrath of hell. Furthermore, this is very, very long
because I am trying to test the scroll feature so thank you ^_^.
</div>
<p>by: stp</p>
<small>Created at: 0/0/0</small>
<div class="flex-row fill-width">
<button class="fill">Prev</button>
<button class="fill">Next</button>
</div>
<button>Delete</button>
</div> </div>
</template> </template>

5
nginx/vue/src/components/home/Listening.vue
View File

@@ -39,13 +39,16 @@ onMounted(() => {
v-on:click="nextSong" v-on:click="nextSong"
class="flex-col center-content" class="flex-col center-content"
> >
<h2>Listening To</h2>
<img :src="song.track.album.images[0].url" /> <img :src="song.track.album.images[0].url" />
<p><strong>Song:</strong> {{ song.track.name }}</p> <p><strong>Song:</strong> {{ song.track.name }}</p>
<p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p> <p><strong>Artist:</strong> {{ song.track.artists[0].name }}</p>
</div> </div>
<div v-else class="flex-col center-content"> <div v-else class="flex-col center-content">
<h2>Listening To</h2>
<img src="/img/Untitled.png" /> <img src="/img/Untitled.png" />
<p>I ain't listenin to nofin rn :/</p> <p><strong>Song:</strong> >_<</p>
<p><strong>Artist:</strong> ^_^</p>
</div> </div>
</Transition> </Transition>
</template> </template>