From 2e98b9468577fd482d36123426ff0f4ae542f560 Mon Sep 17 00:00:00 2001
From: "Buster \"Silver Eagle\" Neece" <buster@busterneece.com>
Date: Sat, 11 Sep 2021 11:02:37 -0500
Subject: [PATCH] Fix issue with attributes on station profile.

---
 frontend/vue/Stations/Profile.vue                  |  1 +
 frontend/vue/Stations/Profile/BackendNonePanel.vue |  6 ++++++
 frontend/vue/Stations/Profile/BackendPanel.vue     |  9 +++++----
 frontend/vue/Stations/Profile/EmbedModal.vue       |  5 +++--
 frontend/vue/Stations/Profile/FrontendPanel.vue    |  7 ++++---
 frontend/vue/Stations/Profile/HeaderPanel.vue      |  3 ++-
 frontend/vue/Stations/Profile/NowPlayingPanel.vue  |  7 ++++---
 frontend/vue/Stations/Profile/PublicPagesPanel.vue | 11 ++++++-----
 frontend/vue/Stations/Profile/RequestsPanel.vue    |  7 ++++---
 frontend/vue/Stations/Profile/SchedulePanel.vue    |  1 +
 frontend/vue/Stations/Profile/StreamersPanel.vue   |  7 ++++---
 frontend/vue/Stations/Profile/StreamsPanel.vue     |  5 +++--
 12 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/frontend/vue/Stations/Profile.vue b/frontend/vue/Stations/Profile.vue
index 48aa962f5..e62b3dd58 100644
--- a/frontend/vue/Stations/Profile.vue
+++ b/frontend/vue/Stations/Profile.vue
@@ -52,6 +52,7 @@ import {BACKEND_NONE, FRONTEND_REMOTE} from '../Entity/RadioAdapters.js';
 import NowPlaying from '../Entity/NowPlaying';
 
 export default {
+    inheritAttrs: false,
     components: {
         ProfileBackend,
         ProfileBackendNone,
diff --git a/frontend/vue/Stations/Profile/BackendNonePanel.vue b/frontend/vue/Stations/Profile/BackendNonePanel.vue
index 0249786a3..8a84d17d3 100644
--- a/frontend/vue/Stations/Profile/BackendNonePanel.vue
+++ b/frontend/vue/Stations/Profile/BackendNonePanel.vue
@@ -8,3 +8,9 @@
         </div>
     </section>
 </template>
+
+<script>
+export default {
+    inheritAttrs: false,
+}
+</script>
diff --git a/frontend/vue/Stations/Profile/BackendPanel.vue b/frontend/vue/Stations/Profile/BackendPanel.vue
index 2c5dc83eb..0a176b29c 100644
--- a/frontend/vue/Stations/Profile/BackendPanel.vue
+++ b/frontend/vue/Stations/Profile/BackendPanel.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { BACKEND_LIQUIDSOAP } from '../../Entity/RadioAdapters.js';
+import {BACKEND_LIQUIDSOAP} from '../../Entity/RadioAdapters.js';
 import Icon from '../../Common/Icon';
 
 export const profileBackendProps = {
@@ -57,15 +57,16 @@ export const profileBackendProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileBackendProps],
     props: {
         np: Object
     },
     computed: {
-        langTotalTracks () {
+        langTotalTracks() {
             let numSongsRaw = this.$ngettext('%{numSongs} uploaded song', '%{numSongs} uploaded songs', this.numSongs);
-            let numSongs = this.$gettextInterpolate(numSongsRaw, { numSongs: this.numSongs });
+            let numSongs = this.$gettextInterpolate(numSongsRaw, {numSongs: this.numSongs});
 
             let numPlaylistsRaw = this.$ngettext('%{numPlaylists} playlist', '%{numPlaylists} playlists', this.numPlaylists);
             let numPlaylists = this.$gettextInterpolate(numPlaylistsRaw, { numPlaylists: this.numPlaylists });
diff --git a/frontend/vue/Stations/Profile/EmbedModal.vue b/frontend/vue/Stations/Profile/EmbedModal.vue
index 41e63cd17..3b85ef4eb 100644
--- a/frontend/vue/Stations/Profile/EmbedModal.vue
+++ b/frontend/vue/Stations/Profile/EmbedModal.vue
@@ -78,9 +78,10 @@ export const profileEmbedModalProps = {
 };
 
 export default {
-    components: { CopyToClipboardButton },
+    inheritAttrs: false,
+    components: {CopyToClipboardButton},
     mixins: [profileEmbedModalProps],
-    data () {
+    data() {
         let types = [
             {
                 value: 'player',
diff --git a/frontend/vue/Stations/Profile/FrontendPanel.vue b/frontend/vue/Stations/Profile/FrontendPanel.vue
index 4e8f23644..81140f28e 100644
--- a/frontend/vue/Stations/Profile/FrontendPanel.vue
+++ b/frontend/vue/Stations/Profile/FrontendPanel.vue
@@ -66,7 +66,7 @@
 </template>
 
 <script>
-import { FRONTEND_ICECAST, FRONTEND_SHOUTCAST } from '../../Entity/RadioAdapters.js';
+import {FRONTEND_ICECAST, FRONTEND_SHOUTCAST} from '../../Entity/RadioAdapters.js';
 import CopyToClipboardButton from '../../Common/CopyToClipboardButton';
 import Icon from '../../Common/Icon';
 
@@ -85,13 +85,14 @@ export const profileFrontendProps = {
 };
 
 export default {
-    components: { Icon, CopyToClipboardButton },
+    inheritAttrs: false,
+    components: {Icon, CopyToClipboardButton},
     mixins: [profileFrontendProps],
     props: {
         np: Object
     },
     computed: {
-        frontendName () {
+        frontendName() {
             if (this.frontendType === FRONTEND_ICECAST) {
                 return 'Icecast';
             } else if (this.frontendType === FRONTEND_SHOUTCAST) {
diff --git a/frontend/vue/Stations/Profile/HeaderPanel.vue b/frontend/vue/Stations/Profile/HeaderPanel.vue
index 9e0ce5aed..0ef9d9c8e 100644
--- a/frontend/vue/Stations/Profile/HeaderPanel.vue
+++ b/frontend/vue/Stations/Profile/HeaderPanel.vue
@@ -28,7 +28,8 @@ export const profileHeaderProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileHeaderProps]
 };
 </script>
diff --git a/frontend/vue/Stations/Profile/NowPlayingPanel.vue b/frontend/vue/Stations/Profile/NowPlayingPanel.vue
index 3d40ff66e..7c22a5df5 100644
--- a/frontend/vue/Stations/Profile/NowPlayingPanel.vue
+++ b/frontend/vue/Stations/Profile/NowPlayingPanel.vue
@@ -104,7 +104,7 @@
 </template>
 
 <script>
-import { BACKEND_LIQUIDSOAP } from '../../Entity/RadioAdapters.js';
+import {BACKEND_LIQUIDSOAP} from '../../Entity/RadioAdapters.js';
 import Icon from '../../Common/Icon';
 
 export const profileNowPlayingProps = {
@@ -117,12 +117,13 @@ export const profileNowPlayingProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileNowPlayingProps],
     props: {
         np: Object
     },
-    data () {
+    data() {
         return {
             npElapsed: 0,
             clockInterval: null
diff --git a/frontend/vue/Stations/Profile/PublicPagesPanel.vue b/frontend/vue/Stations/Profile/PublicPagesPanel.vue
index f768ed2ef..6288c746d 100644
--- a/frontend/vue/Stations/Profile/PublicPagesPanel.vue
+++ b/frontend/vue/Stations/Profile/PublicPagesPanel.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script>
-import EmbedModal, { profileEmbedModalProps } from './EmbedModal';
+import EmbedModal, {profileEmbedModalProps} from './EmbedModal';
 import Icon from '../../Common/Icon';
 
 export const profilePublicProps = {
@@ -97,16 +97,17 @@ export const profilePublicProps = {
 };
 
 export default {
-    components: { Icon, EmbedModal },
+    inheritAttrs: false,
+    components: {Icon, EmbedModal},
     mixins: [profilePublicProps, profileEmbedModalProps],
     computed: {
-        langDisablePublicPages () {
+        langDisablePublicPages() {
             return this.$gettext('Disable public pages?');
         },
-        langEnablePublicPages () {
+        langEnablePublicPages() {
             return this.$gettext('Enable public pages?');
         },
-        publicPageEmbedCode () {
+        publicPageEmbedCode() {
             return '<iframe src="' + this.publicPageEmbedUri + '" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe>';
         },
         publicOnDemandEmbedCode () {
diff --git a/frontend/vue/Stations/Profile/RequestsPanel.vue b/frontend/vue/Stations/Profile/RequestsPanel.vue
index 58bbdd800..fa8535c3a 100644
--- a/frontend/vue/Stations/Profile/RequestsPanel.vue
+++ b/frontend/vue/Stations/Profile/RequestsPanel.vue
@@ -49,13 +49,14 @@ export const profileRequestsProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileRequestsProps],
     computed: {
-        langDisableRequests () {
+        langDisableRequests() {
             return this.$gettext('Disable song requests?');
         },
-        langEnableRequests () {
+        langEnableRequests() {
             return this.$gettext('Enable song requests?');
         }
     }
diff --git a/frontend/vue/Stations/Profile/SchedulePanel.vue b/frontend/vue/Stations/Profile/SchedulePanel.vue
index 060df8297..14cc9651d 100644
--- a/frontend/vue/Stations/Profile/SchedulePanel.vue
+++ b/frontend/vue/Stations/Profile/SchedulePanel.vue
@@ -41,6 +41,7 @@
 
 <script>
 export default {
+    inheritAttrs: false,
     props: {
         scheduleItems: Array
     }
diff --git a/frontend/vue/Stations/Profile/StreamersPanel.vue b/frontend/vue/Stations/Profile/StreamersPanel.vue
index 574dfaa99..a92d87e8c 100644
--- a/frontend/vue/Stations/Profile/StreamersPanel.vue
+++ b/frontend/vue/Stations/Profile/StreamersPanel.vue
@@ -49,13 +49,14 @@ export const profileStreamersProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileStreamersProps],
     computed: {
-        langDisableStreamers () {
+        langDisableStreamers() {
             return this.$gettext('Disable streamers?');
         },
-        langEnableStreamers () {
+        langEnableStreamers() {
             return this.$gettext('Enable streamers?');
         }
     }
diff --git a/frontend/vue/Stations/Profile/StreamsPanel.vue b/frontend/vue/Stations/Profile/StreamsPanel.vue
index 1f08a0014..7fdfae940 100644
--- a/frontend/vue/Stations/Profile/StreamsPanel.vue
+++ b/frontend/vue/Stations/Profile/StreamsPanel.vue
@@ -86,12 +86,13 @@
 import Icon from '../../Common/Icon';
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     props: {
         np: Object
     },
     methods: {
-        toggle (url) {
+        toggle(url) {
             this.$eventHub.$emit('player_toggle', url);
         }
     }