diff --git a/src/csui/PlayerOverlay.vue b/src/csui/PlayerOverlay.vue index ed90f33..4f3fda9 100644 --- a/src/csui/PlayerOverlay.vue +++ b/src/csui/PlayerOverlay.vue @@ -97,14 +97,6 @@ export default { saveState: {}, - tabs: [ - {id: 'videoSettings', label: 'Video settings', icon: 'crop'}, - {id: 'playerDetection', label: 'Player detection', icon: 'television-play'}, - {id: 'extensionSettings', label: 'Extension options', icon: 'cogs' }, - {id: 'autodetectionSettings', label: 'Autodetection options', icon: ''}, - {id: 'advancedOptions', label: 'Advanced options', icon: 'cogs' }, - {id: 'debugging', label: 'Debugging', icon: 'bug-outline' } - ], selectedTab: 'videoSettings', }; }, diff --git a/src/csui/res/css/form.scss b/src/csui/res/css/form.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/csui/src/PlayerUIWindow.vue b/src/csui/src/PlayerUIWindow.vue index 2ea736c..fc77539 100644 --- a/src/csui/src/PlayerUIWindow.vue +++ b/src/csui/src/PlayerUIWindow.vue @@ -62,16 +62,20 @@
-
+
@@ -135,6 +139,10 @@ :eventBus="eventBus" :site="site" > + +
@@ -147,6 +155,7 @@ import BaseExtensionSettings from './PlayerUiPanels/BaseExtensionSettings.vue' import PlayerDetectionPanel from './PlayerUiPanels/PlayerDetectionPanel.vue' import VideoSettings from './PlayerUiPanels/VideoSettings.vue' import BrowserDetect from '../../ext/conf/BrowserDetect' +import AboutPanel from './PlayerUiPanels/AboutPanel.vue' export default { components: { @@ -154,7 +163,8 @@ export default { PlayerDetectionPanel, BaseExtensionSettings, AutodetectionSettingsPanel, - DebugPanel + DebugPanel, + AboutPanel }, mixins: [], data() { @@ -167,9 +177,11 @@ export default { {id: 'videoSettings', label: 'Video settings', icon: 'crop'}, {id: 'playerDetection', label: 'Player detection', icon: 'television-play'}, {id: 'extensionSettings', label: 'Site and Extension options', icon: 'cogs' }, - {id: 'autodetectionSettings', label: 'Autodetection options', icon: ''}, + // {id: 'autodetectionSettings', label: 'Autodetection options', icon: ''}, // {id: 'advancedOptions', label: 'Advanced options', icon: 'cogs' }, - {id: 'debugging', label: 'Debugging', icon: 'bug-outline' } + // {id: 'debugging', label: 'Debugging', icon: 'bug-outline' } + {id: 'changelog', label: 'What\'s new', icon: 'information-box-outline' }, + {id: 'about', label: 'About', icon: ''} ], selectedTab: 'videoSettings', BrowserDetect: BrowserDetect, @@ -447,6 +459,14 @@ export default { flex-shrink: 1; padding: 0 !important; } + + &.highlight-tab { + color: #eee; + + .label { + color: rgb(255, 174, 107); + } + } } } diff --git a/src/csui/src/PlayerUiPanels/AboutPanel.vue b/src/csui/src/PlayerUiPanels/AboutPanel.vue new file mode 100644 index 0000000..dd80b68 --- /dev/null +++ b/src/csui/src/PlayerUiPanels/AboutPanel.vue @@ -0,0 +1,125 @@ + + + + diff --git a/src/csui/src/PlayerUiPanels/ChangelogPanel.vue b/src/csui/src/PlayerUiPanels/ChangelogPanel.vue new file mode 100644 index 0000000..ff44007 --- /dev/null +++ b/src/csui/src/PlayerUiPanels/ChangelogPanel.vue @@ -0,0 +1,65 @@ + + diff --git a/src/csui/src/popup/panels/AboutPanel.vue b/src/csui/src/popup/panels/AboutPanel.vue index 30907d1..c01970d 100644 --- a/src/csui/src/popup/panels/AboutPanel.vue +++ b/src/csui/src/popup/panels/AboutPanel.vue @@ -8,7 +8,6 @@
@@ -75,7 +74,6 @@ Browser-related stuff (please ensure this section is correct): ` ); this.mailtoLink = `mailto:tamius.han@gmail.com?subject=%5BUltrawidify%5D%20ENTER%20SUMMARY%20OF%20YOUR%20ISSUE%20HERE&body=${messageTemplate}`; - this.redditLink = `https://www.reddit.com/message/compose?to=xternal7&subject=[Ultrawidify]%20ENTER%20SUMMARY%20OF%20YOUR%20PROBLEM%20HERE&message=${messageTemplate}`; }, methods: { async updateLoggerSettings(allowLogging) { diff --git a/src/options/App.vue b/src/options/App.vue index 16c3946..ce64921 100644 --- a/src/options/App.vue +++ b/src/options/App.vue @@ -22,7 +22,7 @@
- +
@@ -104,7 +104,7 @@
- +
@@ -152,7 +152,7 @@ export default { this.settings = new Settings({updateCallback: this.updateSettings, logger: this.logger}); await this.settings.init(); - + this.settingsInitialized = true; }, components: {