IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

only display available data

Browse Source
This commit is contained in:
Alina Beck 2019-10-02 18:05:29 +02:00
parent 3a013d0607
commit 1f93c690be
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
webapp/components/Editor/Editor.vue
View File

@ -406,4 +406,11 @@ li > p {
margin-right: $space-small;
}
}
.embed-close-button {
position: absolute;
top: $space-x-small;
right: $space-x-small;
background-color: rgba(250, 249, 250, 0.6);
}
</style>

11
webapp/components/Editor/nodes/Embed.js
View File

@ -8,9 +8,9 @@ const template = `
<ds-container width="small" class="embed-container">
<section class="embed-content">
<div v-if="showEmbed" v-html="embedHtml" class="embed-html" />
<img v-else :src="embedImage" class="embed-preview-image" @click.prevent="openOverlay()" />
<h4>{{embedTitle}}</h4>
<p>{{embedDescription}}</p>
<img v-else-if="embedImage" :src="embedImage" class="embed-preview-image" @click.prevent="openOverlay()" />
<h4 v-if="embedTitle">{{embedTitle}}</h4>
<p v-if="embedDescription">{{embedDescription}}</p>
<a class="embed" :href="dataEmbedUrl" rel="noopener noreferrer nofollow" target="_blank">{{dataEmbedUrl}}</a>
</section>
<aside v-if="showOverlay" class="embed-overlay">
@ -25,6 +25,7 @@ const template = `
<span>Inhalte von Drittanbietern immer zulassen</span>
</label>
</aside>
<ds-button icon="close" ghost size="small" class="embed-close-button" @click.prevent="removeEmbed()" />
</ds-container>
`
@ -153,6 +154,10 @@ export default class Embed extends Node {
this.updateEmbedSettings(this.checkedAlwaysAllowEmbeds)
}
},
removeEmbed() {
// TODO: replace the whole Embed with a proper Link node
console.log('I want to be a Link!')
},
async updateEmbedSettings(allowEmbedIframes) {
try {
await this.$apollo.mutate({