aboutsummaryrefslogtreecommitdiff
path: root/src/components/Thread.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Thread.svelte')
-rw-r--r--src/components/Thread.svelte105
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> &#xfeff
- {/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> &#xfeff
- {/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}