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

set default stretching and cropping for site and extension in UI

Browse Source
This commit is contained in:
Tamius Han 2022-05-25 00:18:54 +02:00
parent c1b14979a2
commit f0fcf996c9
1 changed files with 25 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/csui/src/PlayerUiPanels/VideoSettings.vue
View File

@ -495,7 +495,7 @@ export default {
x: 0, x: 0,
y: 0 y: 0
}, },
editMode: true, editMode: false,
editModeOptions: { editModeOptions: {
}, },
resizerConfig: { resizerConfig: {
@ -548,9 +548,8 @@ export default {
); );
}, },
siteDefaultCrop() { siteDefaultCrop() {
// console.log('default crop for site:', JSON.parse(JSON.stringify(this.settings)), this.settings?.active.sites[window.location.hostname], this.settings?.active.sites[window.location.hostname].defaultCrop)
return JSON.stringify( return JSON.stringify(
this.settings?.getDefaultCrop() ?? {type: AspectRatioType.Automatic} this.settings?.getDefaultCrop(this.site) ?? {type: AspectRatioType.Automatic}
); );
}, },
extensionDefaultStretchMode () { extensionDefaultStretchMode () {
@ -560,7 +559,7 @@ export default {
}, },
siteDefaultStretchMode () { siteDefaultStretchMode () {
return JSON.stringify( return JSON.stringify(
this.settings?.getDefaultStretchMode() ?? {type: StretchType.NoStretch} this.settings?.getDefaultStretchMode(this.site) ?? {type: StretchType.NoStretch}
); );
} }
}, },
@ -616,29 +615,27 @@ export default {
/** /**
* Sets default crop, for either site or global * Sets default crop, for either site or global
*/ */
setDefaultCrop($event, globalOrSite) { setDefaultCrop($event, scope) {
const commandArguments = JSON.parse($event.target.value); const commandArguments = JSON.parse($event.target.value);
// todo: account for the fact that window.host doesnt work the way we want in an iframe if (scope === 'site') {
// if (globalOrSite === 'site') { if (!this.settings.active.sites[this.site]) {
// if (!this.settings.active.sites[window.location.hostname]) { this.settings.active.sites[this.site] = this.settings.getDefaultSiteConfiguration();
// this.settings.active.sites[window.location.hostname] = this.settings.getDefaultSiteConfiguration(); }
// } this.settings.active.sites[this.site].defaultCrop = commandArguments;
// this.settings.active.sites[window.location.hostname].defaultCrop = commandArguments; } else {
// } else { // eventually, this 'if' will be safe to remove (and we'll be able to only
// // eventually, this 'if' will be safe to remove (and we'll be able to only // get away with the 'else' section) Maybe in 6 months or so.
// // get away with the 'else' section) Maybe in 6 months or so. if (!this.settings.active.crop) {
// if (!this.settings.active.crop) { this.settings.active['crop'] = {
// console.log('active settings crop not present. Well add'); default: commandArguments
// this.settings.active['crop'] = { }
// default: commandArguments } else {
// } this.settings.active.crop.default = commandArguments;
// } else { }
// console.log('default crop settings are present:', JSON.parse(JSON.stringify(this.settings.active.crop))) }
// this.settings.active.crop.default = commandArguments;
// } this.settings.saveWithoutReload();
// }
// this.settings.saveWithoutReload();
}, },
/** /**
@ -677,10 +674,10 @@ export default {
const commandArguments = JSON.parse($event.target.value); const commandArguments = JSON.parse($event.target.value);
if (globalOrSite === 'site') { if (globalOrSite === 'site') {
if (!this.settings.active.sites[window.location.hostname]) { if (!this.settings.active.sites[this.site]) {
this.setting.active.sites[window.location.hostname] = this.settings.getDefaultSiteConfiguration(); this.settings.active.sites[this.site] = this.settings.getDefaultSiteConfiguration();
} }
this.setting.active.sites[window.location.hostname].defaultStretch = commandArguments; this.settings.active.sites[this.site].defaultStretch = commandArguments;
} else { } else {
this.settings.active.stretch.default = commandArguments; this.settings.active.stretch.default = commandArguments;
} }