doohoyi/chatty-pub
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chapter expand / collaspe

Browse source
This commit is contained in:
كارل مبارك 2021-07-08 12:03:37 +02:00
parent 1c8921dff3
commit 2ee27004af
3 changed files with 74 additions and 15755 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15806
front/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

2
front/src/App.vue
View file

@ -191,7 +191,7 @@ section p {
} }
@media print { @media print {
.title { .title {
display: none; /* display: none; */
} }
} }
</style> </style>

21
front/src/components/Content/index.vue
View file

@ -1,30 +1,25 @@
<template> <template>
<section :class="['content', currentStream]"> <section :class="['content', currentStream]">
<div <h1 class="title"> {{ currentStream }} </h1>
<Chapter
v-for="topic in sortedTopics" v-for="topic in sortedTopics"
:key="topic.title" :key="topic.title"
:class="['body', topic.title]" :topic="topic"
> />
<h1>{{ topic.title }}</h1>
<span v-for="message in topic.messages" :key="message.id">
<Message :message="message" />
<span>&nbsp;</span>
</span>
</div>
</section> </section>
</template> </template>
<script> <script>
import { mapGetters, mapState } from "vuex"; import { mapGetters, mapState } from "vuex";
import Message from "./Message"; import Chapter from './Chapter.vue';
export default { export default {
name: "Content", name: "Content",
components: { components: {
Message, Chapter,
}, },
computed: { computed: {
...mapState(["rules", "currentStream"]), ...mapState(["currentStream"]),
...mapGetters(["sortedTopics"]), ...mapGetters(["sortedTopics"]),
}, },
methods: {}, methods: {},
@ -38,7 +33,7 @@ export default {
} }
@media print { @media print {
.title { .title {
display: none; /* display: none; */
} }
} }
</style> </style>