kaverti/frontend
5
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Improve forum thread page

Browse source
This commit is contained in:
Troplo 2021-01-28 20:35:42 +11:00
parent 37c3b2dda9
commit c0940970c9
3 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Navbar.vue
View file

@ -150,7 +150,7 @@
<button <button
type="button" type="button"
class="delete" class="delete"
@click="registerModal = false"/> @click="updateDismissed"/>
</header> </header>
<section class="modal-card-body has-text-centered"> <section class="modal-card-body has-text-centered">
<h1 class="subtitle">What's new in {{$store.state.client.clientVersion}}?</h1> <h1 class="subtitle">What's new in {{$store.state.client.clientVersion}}?</h1>
@ -162,6 +162,10 @@
<li>Add blog</li> <li>Add blog</li>
<li>Add new friend count in Navbar User Menu</li> <li>Add new friend count in Navbar User Menu</li>
<li>Add developmental forum</li> <li>Add developmental forum</li>
<hr>
<li>{{$store.state.client.clientVersion}}-patch fixes:</li>
<li>Patch pagination page crash bug with 'wait' prop to not attempt to load more when its loading</li>
<li>Improve forum thread page</li>
</ul> </ul>
</section> </section>
<footer class="modal-card-foot"> <footer class="modal-card-foot">

15
src/views/ForumThread.vue
View file

@ -3,15 +3,22 @@
<div class="section"> <div class="section">
<h1 class="title">{{thread.name}}</h1> <h1 class="title">{{thread.name}}</h1>
<div class="column is-9" v-for='(post) in thread.Posts' :key='"threadPost-" + post.id'> <div class="column is-9" v-for='(post) in thread.Posts' :key='"threadPost-" + post.id'>
<div class="media box"> <article class="media box">
<div class="media-left"> <figure class="media-left">
<p class="image is-64x64">
<img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.User.picture + '.png'"> <img :src="'https://cdn.kaverti.com/user/avatars/headshot/' + post.User.picture + '.png'">
</div> </p>
</figure>
<div class="media-content"> <div class="media-content">
<h2 class="subtitle">{{post.User.username}}</h2> <div class="content">
<p>
<strong>{{post.User.username}}</strong> <small>{{ post.createdAt | formatDate }}</small>
<br>
<p>
<div v-html="post.content"></div> <div v-html="post.content"></div>
</div> </div>
</div> </div>
</article>
</div> </div>
</div> </div>
</main> </main>

2
src/views/Forums.vue
View file

@ -36,7 +36,7 @@
<NoItems type="forum threads"></NoItems> <NoItems type="forum threads"></NoItems>
</div> </div>
<div class="column column is-9" v-if="threads.length"> <div class="column column is-9" v-if="threads.length">
<div class="box content"> <div class="content">
<article class='thread_display box' v-for='(thread) in threads' :key='"thread-" + thread.id' @click="goToThread(thread)"> <article class='thread_display box' v-for='(thread) in threads' :key='"thread-" + thread.id' @click="goToThread(thread)">
<div style='width: calc(100% - 3rem);'> <div style='width: calc(100% - 3rem);'>
<div class='thread_display__header'> <div class='thread_display__header'>