tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Do the changelog + highlight changelog tab

Browse Source
This commit is contained in:
Tamius Han 2024-06-11 02:22:53 +02:00
parent 7dafe85c53
commit c5515934d9
2 changed files with 143 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/csui/src/PlayerUIWindow.vue
View File

@ -69,7 +69,7 @@
class="tab"
:class="{
'active': tab.id === selectedTab,
'highlight-tab': tab.hasChanges,
'highlight-tab': tab.highlight,
}"
@click="selectTab(tab.id)"
>
@ -141,6 +141,7 @@
></DebugPanel>
<ChangelogPanel
v-if="selectedTab === 'changelog'"
:settings="settings"
></ChangelogPanel>
<AboutPanel
v-if="selectedTab === 'about'"
@ -211,6 +212,7 @@ export default {
},
created() {
this.siteSettings = this.settings.getSiteSettings(this.site);
this.tabs.find(x => x.id === 'changelog').highlight = !this.settings.active.whatsNewChecked;
this.eventBus.subscribe(
'uw-show-ui',
@ -472,11 +474,12 @@ export default {
}
&.highlight-tab {
opacity: 0.9;
color: #eee;
.label {
color: rgb(255, 174, 107);
}
// .label {
// color: rgb(239, 192, 152);
// }
}
}
}

83
src/csui/src/PlayerUiPanels/ChangelogPanel.vue
View File

@ -1,11 +1,13 @@
<template>
<div>
<div class="flex flex-col w-full h-full gap-2">
<div class="flex flex-row gap-2 bg-black">
<div class="w-[1/2]" style="width: 50%">
<h1>What's new</h1>
<p>Full changelog for older versions <a href="https://github.com/tamius-han/ultrawidify/blob/master/CHANGELOG.md">is available here</a>.</p>
<h2>6.0.0</h2>
<p>
I don't think I need to write a changelog for this one.
I don't think I need to write a changelog for this one. I've also been working on this, on and (mostly) off, for ... a long time, so I might have "kinda forgot" some minor things.
</p>
<ul>
<li><b>Manifest v3</b>. Bit late, but still.</li>
@ -51,7 +53,7 @@
<h3>Regressions</h3>
<ul>
<li>
Due to major changes under the hood, custom settings from older versions may not have been migrated.
Due to major changes under the hood, custom settings from older versions were NOT been migrated (probably).
</li>
<li>
It is unclear how extension acts on sites with more than one video.
@ -59,9 +61,82 @@
<li>
Extension lost the ability to discriminate between iframes. Actions taken through the popup will be affect <b>all</b> iframes.
</li>
<li>
Hope the UI is worth the regressions, because getting UI to work has been a MAJOR pain in the ass.
</li>
</ul>
</div>
<div class="w-[1/2]" style="width: 50%; padding-left: 1rem; padding-top: 5rem;">
<h2>Thank you monies</h2>
<p>
If you think I deserve money for the work I did up to this point, you can bankroll my caffeine addiction.
</p>
<p class="text-center">
<a class="donate" href="https://www.paypal.com/paypalme/tamius">Donate on Paypal</a>
</p>
<h2>Fun stuff</h2>
<p>
This is probably a bad idea but—
</p>
<p>
Are you attending Isle of Wonders on Cres, Croatia, between 28. 6. and 30. 6.? So am I, by official duty.
</p>
<p>
Club Amulet D20 is forecasted to have a stand there, and I am forecasted to be in the general vicinity of it (barring any unexpected circumstances). I'll be either taking photos, painting minis, or doing heatstroke any% in rather rudamentary costume.
</p>
<p>
If you're there, you can swing around to say 'hi' or provide some validation, or paint some minis. Rumor has it Conquest will have paint&take event.
</p>
<p>
— Tamius
</p>
<p>
</p>
<p>
<small>I am not paid to shill this.</small>
</p>
</div>
</div>
</div>
</template>
<script>
export default({
props: [
'settings'
],
mounted() {
this.settings.active.whatsNewChecked = true;
this.settings.save();
}
});
</script>
<style lang="scss" scoped>
.flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
p, li {
font-size: 1rem;
}
small {
opacity: 0.5;
font-size: 0.8em;
}
a {
color: #fa6;
}
.text-center {
text-align: center;
}
.donate {
margin: 1rem;
padding: 0.5rem 1rem;
border-radius: 0.25rem;
background-color: #fa6;
color: #000;
}
</style>