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>
<div class="" style="padding-bottom: 20px">
sample text<br/><br/>
<br/>
<div>
<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>
</template>
@ -14,6 +43,7 @@ import ComputeActionsMixin from '../../common/mixins/ComputeActionsMixin';
import CropModePersistence from '../../common/enums/crop-mode-persistence.enum';
import ExecAction from '../ui-libs/ExecAction';
import BrowserDetect from '../../ext/conf/BrowserDetect';
import AspectRatio from '../../common/enums/aspect-ratio.enum';
export default {
data() {
@ -23,7 +53,7 @@ export default {
}
},
mixins: [
// ComputeActionsMixin
ComputeActionsMixin
],
props: [
'settings',
@ -32,10 +62,10 @@ export default {
'cropModePersistence',
],
created() {
// this.exec = new ExecAction(this.settings);
this.exec = new ExecAction(this.settings);
},
components: {
// ShortcutButton,
ShortcutButton,
},
computed: {
// logarithmicZoom: function(){
@ -47,13 +77,13 @@ export default {
BrowserDetect.runtime.openOptionsPage();
},
execAction(action) {
// this.exec.exec(action, 'page', this.frame);
this.exec.exec(action, 'page', this.frame);
},
parseShortcut(action) {
// if (! action.scopes.page.shortcut) {
// return '';
// }
// return KeyboardShortcutParser.parseShortcut(action.scopes.page.shortcut[0]);
if (! action.scopes.page.shortcut) {
return '';
}
return KeyboardShortcutParser.parseShortcut(action.scopes.page.shortcut[0]);
},
resetZoom() {
this.zoom = 1;