diff --git a/changes/changelog.d/878.enhancement b/changes/changelog.d/878.enhancement new file mode 100644 index 0000000000000000000000000000000000000000..9cad7bd5db5a420fbb3cba13d1ec5c59c8b583d7 --- /dev/null +++ b/changes/changelog.d/878.enhancement @@ -0,0 +1 @@ +Added a info message on embed wizard when anonymous access to content is disabled (#878) diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue index 0338f7ab98443a9e8540c02d674486d784761559..04a6fe62fba2bd285cf169246dea108e344342a1 100644 --- a/front/src/components/audio/EmbedWizard.vue +++ b/front/src/components/audio/EmbedWizard.vue @@ -1,5 +1,15 @@ <template> <div> + <div class="ui warning message" v-if="!anonymousCanListen"> + <p> + <strong> + <translate translate-context="Content/Embed/Message">Sharing will not work because this pod doesn't allow anonymous users to access content.</translate> + </strong> + </p> + <p> + <translate translate-context="Content/Embed/Message">Please contact your admins and ask them to update the corresponding setting.</translate> + </p> + </div> <div class="ui form"> <div class="two fields"> <div class="field"> @@ -41,6 +51,9 @@ <script> +import { mapState } from "vuex" +import _ from '@/lodash' + export default { props: ['type', 'id'], data () { @@ -57,6 +70,12 @@ export default { return d }, computed: { + ...mapState({ + nodeinfo: state => state.instance.nodeinfo, + }), + anonymousCanListen () { + return _.get(this.nodeinfo, 'metadata.library.anonymousCanListen', false) + }, iframeSrc () { let base = process.env.BASE_URL if (base.startsWith('/')) { @@ -99,7 +118,7 @@ export default { <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> -.message { +p.message { position: absolute; right: 0; bottom: -2em;