ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

code variable designation changed from isActive to isCollapsed

Browse Source
This commit is contained in:
senderfm 2019-07-01 12:17:14 +02:00
parent e255b71cc8
commit d7b423ec61
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
webapp/components/Comment.vue
View File

@ -22,25 +22,30 @@
</no-ssr> </no-ssr>
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->
<!-- TODO: replace editor content with tiptap render view --> <!-- TODO: replace editor content with tiptap render view -->
<ds-space margin-bottom="small" />
<div v-if="!collapsible" v-html="comment.contentExcerpt" style="padding-left: 40px;" /> <div v-if="isCollapsed" v-html="comment.contentExcerpt" style="padding-left: 40px;" />
<div v-show="comment.content !== comment.contentExcerpt"> <div
v-show="comment.content !== comment.contentExcerpt"
style="text-align: right; margin-right: 20px; margin-top: -12px;"
>
<span <span
v-if="!collapsible" v-if="isCollapsed"
style="padding-left: 40px; color: #17b53f; cursor:pointer" style="padding-left: 40px; color: #17b53f; cursor:pointer"
@click="collapsible = !collapsible" @click="isCollapsed = !isCollapsed"
> >
{{ $t('comment.show.more') }} {{ $t('comment.show.more') }}
</span> </span>
</div> </div>
<div v-if="collapsible" v-html="comment.content" style="padding-left: 40px;" /> <div v-if="!isCollapsed" v-html="comment.content" style="padding-left: 40px;" />
<span <div style="text-align: right; margin-right: 20px; margin-top: -12px;">
v-if="collapsible" <span
@click="collapsible = !collapsible" v-if="!isCollapsed"
style="padding-left: 40px; color: #17b53f; cursor:pointer" @click="isCollapsed = !isCollapsed"
> style="padding-left: 40px; color: #17b53f; cursor:pointer"
{{ $t('comment.show.less') }} >
</span> {{ $t('comment.show.less') }}
</span>
</div>
</div> </div>
</template> </template>
<!-- eslint-enable vue/no-v-html --> <!-- eslint-enable vue/no-v-html -->
@ -54,7 +59,7 @@ import ContentMenu from '~/components/ContentMenu'
export default { export default {
data: function() { data: function() {
return { return {
collapsible: false, isCollapsed: true,
} }
}, },
components: { components: {