Removed previous @updated page
This commit is contained in:
parent
4180d5b5b1
commit
8735d3e81a
@ -1,213 +0,0 @@
|
||||
<template>
|
||||
<div class="flex flex-col h100 justify-center items-center">
|
||||
<template v-if="!settingsInitialized">Please wait ...</template>
|
||||
<template v-else>
|
||||
<div class="body flex-grow">
|
||||
<h1>Ultrawidify has been updated</h1>
|
||||
<br/>
|
||||
<p>This update introduces some new experimental features:</p>
|
||||
<b>
|
||||
What do you want to if there are subtitles in the video?
|
||||
</b>
|
||||
<div class="select">
|
||||
<select v-model="placeholderSubtitleCrop">
|
||||
<option :value="AardSubtitleCropMode.ResetAR">Reset aspect ratio while subtitles are visible</option>
|
||||
<option :value="AardSubtitleCropMode.ResetAndDisable">Reset aspect ratio and stop autodetection for the video</option>
|
||||
<option :value="AardSubtitleCropMode.CropSubtitles">Crop subtitles</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<b>Use experimental aspect ratio detection?</b>
|
||||
<div class="select">
|
||||
<select v-model="settings.active.aard.useLegacy">
|
||||
<option :value="true">Use legacy detection</option>
|
||||
<option :value="false">Use experimental detection</option>
|
||||
</select>
|
||||
</div>
|
||||
<p>Experimental aspect ratio detection should be more accurate, but it hasn't been extensively tested yet.</p>
|
||||
<p>If you enable experimental mode, please consider reporting problems <a href="https://github.com/tamius-han/ultrawidify/issues/291" target="_blank">in this thread</a> on Github.</p>
|
||||
<p>Experimental detection will become the default in 2026 unless people report issues.</p>
|
||||
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<div class="flex flex-row w-full justify-center items-center">
|
||||
<button v-if="!settingsSaved" class="button primary" @click="saveSettings">
|
||||
Save preferences
|
||||
</button>
|
||||
<template v-else>Your settings have been saved.</template>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<p>You can always change your settings later.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="footer flex-nogrow flex-noshrink">
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BrowserDetect from '@src/ext/conf/BrowserDetect';
|
||||
import { LogAggregator } from '@src/ext/lib/logging/LogAggregator';
|
||||
import { ComponentLogger } from '@src/ext/lib/logging/ComponentLogger';
|
||||
import Settings from '@src/ext/lib/settings/Settings';
|
||||
import { AardSubtitleCropMode } from '@src/ext/lib/aard/enums/aard-subtitle-crop-mode.enum';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
AardSubtitleCropMode,
|
||||
settings: {},
|
||||
settingsInitialized: false,
|
||||
logAggregator: {},
|
||||
logger: {},
|
||||
placeholderSubtitleCrop: AardSubtitleCropMode.ResetAR,
|
||||
settingsSaved: false
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.logAggregator = new LogAggregator('');
|
||||
this.logger = new ComponentLogger(this.logAggregator, 'App.vue');
|
||||
|
||||
this.settings = new Settings({updateCallback: () => this.updateConfig(), logAggregator: this.logAggregator});
|
||||
await this.settings.init();
|
||||
this.placeholderSubtitleCrop = (this.settings.active.aard.useLegacy ? this.settings.active.aardLegacy.subtitles?.subtitleCropMode : this.settings.active.aard.subtitles?.subtitleCropMode) ?? AardSubtitleCropMode.ResetAR;
|
||||
this.settingsInitialized = true;
|
||||
},
|
||||
components: {
|
||||
},
|
||||
methods: {
|
||||
async updateConfig() {
|
||||
await this.settings.init();
|
||||
this.$nextTick( () => this.$forceUpdate());
|
||||
},
|
||||
saveSettings() {
|
||||
this.settings.active[this.settings.active.aard.useLegacy ? 'aardLegacy' : 'aard'].subtitles.subtitleCropMode = this.placeholderSubtitleCrop;
|
||||
this.settings.save();
|
||||
this.settingsSaved = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style src="@csui/res/css/font/overpass.css"></style>
|
||||
<style src="@csui/res/css/font/overpass-mono.css"></style>
|
||||
<style src="@csui/res/css/flex.scss"></style>
|
||||
<style src="@csui/res/css/common.scss"></style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
p {
|
||||
font-size: 0.9rem !important;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 800px !important;
|
||||
max-width: 800px !important;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#tablist {
|
||||
min-width: 275px;
|
||||
}
|
||||
|
||||
.header {
|
||||
overflow: hidden;
|
||||
background-color: #7f1416;
|
||||
color: #fff;
|
||||
margin: 0px;
|
||||
margin-top: 0px;
|
||||
padding-top: 8px;
|
||||
padding-left: 15px;
|
||||
padding-bottom: 1px;
|
||||
font-size: 2.7em;
|
||||
}
|
||||
|
||||
|
||||
.menu-item-inline-desc{
|
||||
font-size: 0.60em;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
flex-grow: 0;
|
||||
padding-left: 15px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
font-variant: small-caps;
|
||||
border-left: transparent 5px solid;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.menu-item-darker {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.suboption {
|
||||
display: block;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 20px;
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
|
||||
#no-videos-display {
|
||||
height: 100%;
|
||||
padding-top: 50px;
|
||||
/* text-align: center; */
|
||||
}
|
||||
|
||||
.tabitem-container {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
||||
.selected-tab {
|
||||
background-color: initial;
|
||||
border-left: #f18810 5px solid;
|
||||
}
|
||||
|
||||
.tabitem {
|
||||
font-variant: normal;
|
||||
border-left: transparent 3px solid;
|
||||
padding-left: 12px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.site-list {
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.tabitem-selected {
|
||||
color: #fff !important;
|
||||
background-color: initial;
|
||||
border-left: #f0c089 3px solid !important;
|
||||
}
|
||||
.tabitem-selected::before {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.tabitem-disabled {
|
||||
color: #cc3b0f !important;
|
||||
}
|
||||
|
||||
.tabitem-iframe::after {
|
||||
content: "</>";
|
||||
padding-left: 0.33em;
|
||||
}
|
||||
|
||||
.popup {
|
||||
height: 600px;
|
||||
}
|
||||
</style>
|
||||
@ -1,13 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Ultrawidify updated</title>
|
||||
</head>
|
||||
<body style="width: 100dvw; height: 100dvh">
|
||||
<div id="app">
|
||||
app should load here
|
||||
</div>
|
||||
<script src="updated.js" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,13 +0,0 @@
|
||||
import { createApp } from 'vue';
|
||||
import App from './App';
|
||||
import mdiVue from 'mdi-vue/v3';
|
||||
import * as mdijs from '@mdi/js';
|
||||
|
||||
// import '@src/res-common/common.scss';
|
||||
|
||||
// NOTE — this is in-player interface for ultrawidify
|
||||
// it is injected into the page in UI.init()
|
||||
|
||||
createApp(App)
|
||||
.use(mdiVue, {icons: mdijs})
|
||||
.mount('#app');
|
||||
@ -18,11 +18,7 @@ const config = {
|
||||
'ext/uw': './ext/uw.js',
|
||||
'uw-bg': './uw-bg.js',
|
||||
'csui/csui-popup': './csui/csui-popup.js',
|
||||
// 'csui/settings': './csui/settings.js',
|
||||
// 'csui/csui': './csui/csui.js',
|
||||
|
||||
// 'ui/pages/updated/updated': './ui/pages/updated/updated.js',
|
||||
'ui/pages/updated/updated': './ui/pages/updated/updated.js',
|
||||
'ui/pages/settings/settings': './ui/pages/settings/settings.js',
|
||||
},
|
||||
output: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user