codeforleipzig/stadtratmonitor-vue
3
0
Fork 0
Code Issues Activity

add topic subject

Browse source
This commit is contained in:
Vri 🌈 2023-06-30 15:48:17 +02:00
parent 66e99a3775
commit 55b00030ac
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/views/TopicShow.vue
View file

@ -2,7 +2,7 @@
import { computed } from 'vue'
import { useRoute, useRouter } from 'vue-router';
import { state } from '@/stores';
import type { Topic } from '@/types';
import type { Paper, Topic } from '@/types';
const router = useRouter()
const route = useRoute()
@ -14,7 +14,13 @@ const topic = computed(() => {
return state.topics?.find( (topic: Topic) => topic.reference == routeId.value )
})
const firstPaper = computed(() => {
return topic.value?.papers[0]
return topic.value?.papers[0] as Paper
})
const subject = computed(() => {
const subjectStart = firstPaper?.value.content.search(/(?<=Sachverhalt)/g) || 0
const subjectEnd = firstPaper?.value.content.search(/Anlage/g)
return firstPaper.value?.content.substring(subjectStart, subjectEnd).trim()
})
function goBack() {
@ -23,22 +29,25 @@ function goBack() {
</script>
<template>
<div class="flex flex-row gap-4 justify-center mt-4">
<div class="flex flex-row gap-4 justify-center mt-4 w-full">
<button
class="bg-background-100 dark:bg-background-900 p-4 rounded-lg"
@click.prevent="goBack()"
>🔙
</button>
<p>{{ topic?.papers[0].name }}</p>
<p>{{ routeId }}</p>
<h2 class="grow text-center m-auto text-xl">{{ topic?.papers[0].name }}</h2>
<a
class="bg-background-100 dark:bg-background-900 p-4 rounded-lg"
:href="firstPaper?.url"
>🔗
</a>
</div>
<div>
<h3 class="text-2xl">Betreff</h3>
<p class="whitespace-pre">{{ subject }}</p>
</div>
<div class="p-8 mt-10 bg-background-100 dark:bg-background-900 rounded-xl">
<p class="text-2xl">Dokumente</p>
<h3 class="text-2xl">Dokumente</h3>
<ul class="list-disc">
<li
v-for="(paper, i) of topic?.papers"