diff --git a/src/renderer/components/distraction-settings/distraction-settings.js b/src/renderer/components/distraction-settings/distraction-settings.js index 790368b4..891cf702 100644 --- a/src/renderer/components/distraction-settings/distraction-settings.js +++ b/src/renderer/components/distraction-settings/distraction-settings.js @@ -45,6 +45,18 @@ export default Vue.extend({ }, hideActiveSubscriptions: function () { return this.$store.getters.getHideActiveSubscriptions + }, + hideVideoDescription: function () { + return this.$store.getters.getHideVideoDescription + }, + hideComments: function () { + return this.$store.getters.getHideComments + }, + hideLiveStreams: function() { + return this.$store.getters.getHideLiveStreams + }, + hideSharingActions: function() { + return this.$store.getters.getHideSharingActions } }, methods: { @@ -68,7 +80,11 @@ export default Vue.extend({ 'updateHideLiveChat', 'updateHideActiveSubscriptions', 'updatePlayNextVideo', - 'updateDefaultTheatreMode' + 'updateDefaultTheatreMode', + 'updateHideVideoDescription', + 'updateHideComments', + 'updateHideLiveStreams', + 'updateHideSharingActions' ]) } }) diff --git a/src/renderer/components/distraction-settings/distraction-settings.vue b/src/renderer/components/distraction-settings/distraction-settings.vue index aef21062..4c59582d 100644 --- a/src/renderer/components/distraction-settings/distraction-settings.vue +++ b/src/renderer/components/distraction-settings/distraction-settings.vue @@ -38,6 +38,18 @@ :default-value="hideActiveSubscriptions" @change="updateHideActiveSubscriptions" /> + +
+ +

diff --git a/src/renderer/components/ft-age-restricted/ft-age-restricted.js b/src/renderer/components/ft-age-restricted/ft-age-restricted.js new file mode 100644 index 00000000..5769012b --- /dev/null +++ b/src/renderer/components/ft-age-restricted/ft-age-restricted.js @@ -0,0 +1,22 @@ +import Vue from 'vue' + +export default Vue.extend({ + name: 'FtAgeRestricted', + props: { + contentTypeString: { + type: String, + required: true + } + }, + computed: { + emoji: function () { + const emojis = ['đŸ˜ĩ', 'đŸ˜Ļ', '🙁', '☚ī¸', 'đŸ˜Ļ', 'đŸ¤Ģ', '😕'] + return emojis[Math.floor(Math.random() * emojis.length)] + }, + + restrictedMessage: function () { + const contentType = this.$t('Age Restricted.Type.' + this.contentTypeString) + return this.$t('Age Restricted.This $contentType is age restricted').replace('$contentType', contentType) + } + } +}) diff --git a/src/renderer/components/ft-age-restricted/ft-age-restricted.sass b/src/renderer/components/ft-age-restricted/ft-age-restricted.sass new file mode 100644 index 00000000..58d44107 --- /dev/null +++ b/src/renderer/components/ft-age-restricted/ft-age-restricted.sass @@ -0,0 +1,14 @@ +.ft-age-restricted + color: var(--primary-text-color) + h2 + width: 100% + text-align: center + background-color: var(--card-bg-color) + padding: 10px 0 + .frown + width: 100% + text-align: center + background-color: var(--card-bg-color) + font-size: 10em + padding: 20px 0 + height: 100% diff --git a/src/renderer/components/ft-age-restricted/ft-age-restricted.vue b/src/renderer/components/ft-age-restricted/ft-age-restricted.vue new file mode 100644 index 00000000..abc2eac8 --- /dev/null +++ b/src/renderer/components/ft-age-restricted/ft-age-restricted.vue @@ -0,0 +1,15 @@ + + +