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

Add sample button from old config

Browse Source
This commit is contained in:
Tamius Han 2021-01-27 00:41:13 +01:00
parent 89c524a690
commit 13b89eb2a9
1 changed files with 41 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,38 @@
<template> <template>
<div class="" style="padding-bottom: 20px"> <div class="" style="padding-bottom: 20px">
sample text<br/><br/> <div>
<br/>
<h1>Crop video:</h1> <h1>Crop video:</h1>
<div class="flex flex-row flex-wrap">
<ShortcutButton v-for="(action, index) of aspectRatioActions"
class="flex b3 flex-grow button"
:key="index"
:label="(action.scopes.page && action.scopes.page.label) ? action.scopes.page.label : action.label"
:shortcut="parseShortcut(action)"
@clic.native="execAction(action)"
>
</ShortcutButton>
</div>
</div>
<div>
<h1>Streth video:</h1>
<div class="flex flex-row flex-wrap">
</div>
</div>
<div>
<h1>Manual zoom:</h1>
<div class="flex flex-row flex-wrap">
</div>
</div>
<div>
<h1>Video alignment:</h1>
<div class="flex flex-row flex-wrap">
</div>
</div>
</div> </div>
</template> </template>
@ -14,6 +43,7 @@ import ComputeActionsMixin from '../../common/mixins/ComputeActionsMixin';
import CropModePersistence from '../../common/enums/crop-mode-persistence.enum'; import CropModePersistence from '../../common/enums/crop-mode-persistence.enum';
import ExecAction from '../ui-libs/ExecAction'; import ExecAction from '../ui-libs/ExecAction';
import BrowserDetect from '../../ext/conf/BrowserDetect'; import BrowserDetect from '../../ext/conf/BrowserDetect';
import AspectRatio from '../../common/enums/aspect-ratio.enum';
export default { export default {
data() { data() {
@ -23,7 +53,7 @@ export default {
} }
}, },
mixins: [ mixins: [
// ComputeActionsMixin ComputeActionsMixin
], ],
props: [ props: [
'settings', 'settings',
@ -32,10 +62,10 @@ export default {
'cropModePersistence', 'cropModePersistence',
], ],
created() { created() {
// this.exec = new ExecAction(this.settings); this.exec = new ExecAction(this.settings);
}, },
components: { components: {
// ShortcutButton, ShortcutButton,
}, },
computed: { computed: {
// logarithmicZoom: function(){ // logarithmicZoom: function(){
@ -47,13 +77,13 @@ export default {
BrowserDetect.runtime.openOptionsPage(); BrowserDetect.runtime.openOptionsPage();
}, },
execAction(action) { execAction(action) {
// this.exec.exec(action, 'page', this.frame); this.exec.exec(action, 'page', this.frame);
}, },
parseShortcut(action) { parseShortcut(action) {
// if (! action.scopes.page.shortcut) { if (! action.scopes.page.shortcut) {
// return ''; return '';
// } }
// return KeyboardShortcutParser.parseShortcut(action.scopes.page.shortcut[0]); return KeyboardShortcutParser.parseShortcut(action.scopes.page.shortcut[0]);
}, },
resetZoom() { resetZoom() {
this.zoom = 1; this.zoom = 1;