diff options
Diffstat (limited to 'src/components/Thread.svelte')
-rw-r--r-- | src/components/Thread.svelte | 105 |
1 files changed, 0 insertions, 105 deletions
diff --git a/src/components/Thread.svelte b/src/components/Thread.svelte deleted file mode 100644 index 0321b8d..0000000 --- a/src/components/Thread.svelte +++ /dev/null @@ -1,105 +0,0 @@ -<script lang="ts"> - import { creatorColor, formatTime} from '../lib/util'; - import type Thread from '../models/Thread'; - - export let thread: Thread; - export let board: string; - export let comments: boolean = false; - - let replies: string[] = []; - const listReplies = (id: string, getReplies: boolean = false): any => { - if(getReplies) return replies; - - replies = []; - thread.comments.forEach(comment => { - if(comment.commentText.includes(id)) - replies.push(comment.id); - }) - - if(replies.length <= 0) return false; - return true - } - -</script> - -{#if thread.id != "rules"} - <div class="threadbox" id="{thread.id}"> - <span style="line-height: 2rem;"> - <a href="/board/{board}/{thread.id}" style="font-family: mono">{thread.id}</a> - at {formatTime(thread.creationDate)} <br> - - -> <span style="{creatorColor(thread.threadCreator )}; font-family: mono"> - {thread.threadCreator} - </span > <br> - <hr> - - {#if comments} - {#if listReplies(thread.id) } - <span style=" display:inline-block; line-height: 2ch; font-size: 0.8rem; font-family: monospace;"> - {#each listReplies(thread.id, true) as id} - <a href="/board/{board}/{thread.id}#{id}" onmouseover="document.getElementById('{id}').classList.add('targeted')" onmouseleave="document.getElementById('{id}').classList.remove('targeted')">>>{id}</a>  - {/each} - </span> <hr> - {/if} - {/if} - - </span> - - <h3>{thread.threadName}</h3> - - {#if thread.imageId!= null && thread.imageId != undefined} - {#if thread.fileType == 'image'} - <a href="{thread.imageId}" target="_blank" rel="noopener noreferrer"> - <img src="{thread.imageId}" alt="{thread.imageId}" height="300px" width="300px"> <br> - </a> - {:else if thread.fileType == 'video'} - <video width="320" height="240" controls muted> - <source src="{thread.imageId}"> - </video> - {/if} - {/if} - -<p>{@html thread.threadText}</p> - -{#if comments} - {#each thread.comments as comment} - <div class="commentbox" id="{comment.id}"> - <span style="line-height: 2rem;"> - <span style="font-family: mono">{comment.id}</span> - at {formatTime(comment.creationDate)} <br> - - -> <span style="{creatorColor(comment.commentCreator)}; font-family: mono"> - {comment.commentCreator} - </span> <br> - <hr> - - {#if listReplies(comment.id)} - <span style=" display:inline-block; line-height: 2ch; font-size: 0.8rem; font-family: monospace;"> - {#each listReplies(comment.id, true) as id} - <a href="/board/{board}/{thread.id}#{id}" onmouseover="document.getElementById('{id}').classList.add('targeted')" onmouseleave="document.getElementById('{id}').classList.remove('targeted')">>>{id}</a>  - {/each} - </span> <hr> - {/if} - - </span> - - {#if comment.imageId!= null && comment.imageId != undefined} - {#if comment.fileType == 'image'} - <a href="{comment.imageId}" target="_blank" rel="noopener noreferrer"> - <img src="{comment.imageId}" alt="{comment.imageId}" height="300px" width="300px"> <br> - </a> - {:else if comment.fileType == 'video'} - <video width="320" height="240" controls muted> - <source src="{comment.imageId}"> - </video> - {/if} - {/if} - -<p>{@html comment.commentText}</p> - - </div> - {/each} -{/if} - - </div> -{/if} |