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 @@
+
+
+
About Ultrawidify
+
+ Ultrawidify version: {{addonVersion}}
+ Install source: {{addonSource}}
+
+
+
+
+
Report a problem
+
+ You may report undocumented features bugs using one of the following options (in order of preference):
+
+
+
+ When reporting bugs, please include the following information:
+
+
+ - Extension version
+ - Which browser you're using¹
+ - Which extension store you installed extension from (install source)²
+ - Which site you're having the issue on (preferably link. For issues with autodetection, please also include a timestamp)
+ - What do I need to do in order to make the issue happen
+ - Please include a screenshot of the problem. It usually helps.
+
+
+
+ [1] If using anything other than Firefox, Chrome, or Edge, please check if issue also happens in Chrome or Edge. Bugs affecting Opera will only get fixed if they also affect Chrome, because I'm salty.
+ [2] It is recommended that users of Microsoft Edge install Ultrawidify from the Microsoft Edge Addons source
+
+
+
+
+
+
Thank you monies
+
+ If you think I deserve money for the work I did up to this point, you can bankroll my caffeine addiction.
+
+
+ Donate on Paypal
+
+
Fun stuff
+
+ This is probably a bad idea if you're attending Isle of Wonders on Cres, Croatia, between 28. 6. and 30. 6., you can get buy me an ice-cream in person.
+ (Or just go and compliment the mini(s) I painted, I'll take any validation I can get). Club Amulet D20 will probably have a stand at the event. Barring
+ any unforseen circumstances, I'll be nearby. Maybe even in a cosplay, if I feel like having a heat stroke. No promises.
+
+
+
+
+
+
+
+
+
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 @@
+
+ What's new
+ Full changelog for older versions is available here.
+
+ 6.0.0
+
+ I don't think I need to write a changelog for this one.
+
+
+ - Manifest v3. Bit late, but still.
+ -
+ In-player UI.
+ This one took major effort to pull off. Required some changes under the hood, required me to de-spaghettify some code. The UI will only show
+ if the video takes up sufficient amount of space (currently determined as 960 pixels wide).
+
+ -
+ New alignment options. Video can be aligned vertically as well as horizontally.
+
+
+ -
+ The in-player extension UI will do a better job differentiating between the various level of support: "official" for the sites that Tam can check
+ on his own, "fingers crossed" for sites that Tam can't check because my load-bearing credit card can't support the weight of a dozen subscription
+ services, and "community support" for sites that enjoy support through the helping hand of people willing to help.
+
+ -
+ The in-player UI should now display a warning whenever Ultrawidify detects automatic aspect ratio detection isn't happening because the site uses DRM.
+
+ -
+ Better zooming. The slider is back, baby.
+
+ -
+ Panning option that's a bit more intuitive.
+
+
+ Unbaked features
+
+ -
+ Player UI settings. Ultrawidify doesn't always correctly identify which area the video should fill, especially when not in full screen mode.
+ Version 6.0.0 was intended to come with UI that makes it easier for you to "help" ultrawidify by identifying the correct player element. Alas, I was
+ busier than expected and manifest v3 deadline came faster than expected.
+
+ -
+ Disabling Ultrawidify UI trigger zone, or otherwise changing target area size and position, is not possible.
+
+
+ Regressions
+
+ -
+ Due to major changes under the hood, custom settings from older versions may not have been migrated.
+
+ -
+ It is unclear how extension acts on sites with more than one video.
+
+ -
+ Extension lost the ability to discriminate between iframes. Actions taken through the popup will be affect all iframes.
+
+
+
+
+
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 @@
@@ -152,7 +152,7 @@ export default {
this.settings = new Settings({updateCallback: this.updateSettings, logger: this.logger});
await this.settings.init();
-
+
this.settingsInitialized = true;
},
components: {