From cb19ab287f2b884e37fc9f5909860ed3451c24a4 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 23 Sep 2019 13:54:41 +0200
Subject: [PATCH] Fix #878: Added a info message on embed wizard when anonymous
 access to content is disabled

---
 changes/changelog.d/878.enhancement        |  1 +
 front/src/components/audio/EmbedWizard.vue | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 changes/changelog.d/878.enhancement

diff --git a/changes/changelog.d/878.enhancement b/changes/changelog.d/878.enhancement
new file mode 100644
index 000000000..9cad7bd5d
--- /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 0338f7ab9..04a6fe62f 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;