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 { computed } from 'vue'
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { state } from '@/stores'; import { state } from '@/stores';
import type { Topic } from '@/types'; import type { Paper, Topic } from '@/types';
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
@ -14,7 +14,13 @@ const topic = computed(() => {
return state.topics?.find( (topic: Topic) => topic.reference == routeId.value ) return state.topics?.find( (topic: Topic) => topic.reference == routeId.value )
}) })
const firstPaper = computed(() => { 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() { function goBack() {
@ -23,22 +29,25 @@ function goBack() {
</script> </script>
<template> <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 <button
class="bg-background-100 dark:bg-background-900 p-4 rounded-lg" class="bg-background-100 dark:bg-background-900 p-4 rounded-lg"
@click.prevent="goBack()" @click.prevent="goBack()"
>🔙 >🔙
</button> </button>
<p>{{ topic?.papers[0].name }}</p> <h2 class="grow text-center m-auto text-xl">{{ topic?.papers[0].name }}</h2>
<p>{{ routeId }}</p>
<a <a
class="bg-background-100 dark:bg-background-900 p-4 rounded-lg" class="bg-background-100 dark:bg-background-900 p-4 rounded-lg"
:href="firstPaper?.url" :href="firstPaper?.url"
>🔗 >🔗
</a> </a>
</div> </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"> <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"> <ul class="list-disc">
<li <li
v-for="(paper, i) of topic?.papers" v-for="(paper, i) of topic?.papers"