-
Notifications
You must be signed in to change notification settings - Fork 117
/
Copy pathconfig.html
117 lines (112 loc) · 4.2 KB
/
config.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>Bilibili v.mini 设置中心</title>
<link rel="stylesheet" href="css/child-window.css">
</head>
<body>
<div id="wrapper">
<span id="close" @click="closeWindow">x</span>
<div id="config-list" class="list">
<!-- 不透明度 -->
<p class="list-title">窗口不透明度</p>
<div class="item item-range"><input type="range" class="range" v-model="opacity" min="0.1" max="1" step="0.01"></div>
<!-- 按下老板键时是否暂停 -->
<p class="list-title">按下老板键时自动暂停</p>
<label class="item" :class="{active: autoPause}">
<input type="checkbox" class="checkbox" v-model="autoPause" /> <span style="vertical-align: middle;">自动暂停</span>
</label>
<!-- 老板键 -->
<p class="list-title">老板键</p>
<div class="item">
<input type="text" class="input" v-model="hideShortcut">
<span class="btn btn-submit" @click="saveHideShortcut">确定</span>
</div>
<!-- 代理 -->
<p class="list-title">代理设置</p>
<div class="item">
<input type="text" class="input" v-model="proxy" placeholder="scheme://host:port">
<span class="btn btn-submit" @click="saveProxy">确定</span>
</div>
</div>
</div>
<script src="js/vue.min.js"></script>
<script>
const ipc = require('electron').ipcRenderer;
const remote = require('electron').remote;
const isAccelerator = require('electron-is-accelerator');
const utils = require('./js/utils.js');
const config = utils.config;
var lastOpacity = 1;
const v = new Vue({
el: '#wrapper',
data: {
opacity: 1,
hideShortcut: '',
proxy: '',
autoPause: false,
},
watch: {
opacity(val) {
// 在不透明和透明间切换的瞬间，需要重新创建主窗口并切换模式
if( lastOpacity == 1 && val < 1 || lastOpacity < 1 && val == 1 ) {
ipc.send('recreate-main-window');
} else {
ipc.send('set-opacity');
}
lastOpacity = val;
config.set('opacity', val);
},
autoPause(val) {
config.set('autoPause', val);
}
},
methods: {
closeWindow() {
remote.getCurrentWindow().hide();
},
saveHideShortcut() {
var lastShortcut = config.get('hideShortcut'),
curShortcut = this.hideShortcut.split('+').map((c) => {
let _c = c.trim().toLowerCase().split('');
_c[0] = _c[0].toUpperCase();
return _c.join('');
}).join('+');
// 手动检查快捷键格式：
// 似乎随便瞎写一个字符串丢进globalShortcut.register会报错，而且这个错误还catch不到，必定会中断程序执行
// 所以只能在这里人工检查了
if( isAccelerator(curShortcut) ) {
this.hideShortcut = curShortcut.replace(/\+/g, ' + ');
config.set('hideShortcut', curShortcut);
ipc.send('update-hide-shortcut', lastShortcut);
} else {
this.hideShortcut = lastShortcut.replace(/\+/g, ' + ');
utils.error(`快捷键被检测为不合法 ${curShortcut}`);
alert('你输入的快捷键不合法！\n合法的快捷键组合应当类似于「ctrl+shift+e」。\n合法的修饰键包括Ctrl、Alt、Shift、Cmd（仅Mac）、Option（仅Mac，等同于Alt）。')
}
},
saveProxy() {
config.set('proxy', this.proxy);
ipc.send('set-proxy');
}
},
mounted() {
this.opacity = lastOpacity = config.get('opacity');
this.hideShortcut = config.get('hideShortcut');
this.proxy = config.get('proxy');
this.autoPause = config.get('autoPause');
}
});
window.onerror = function(err, f, line) {
var id = f.split('/');
utils.error(`${id[id.length-1]} : Line ${line}\n> ${err}`);
}
if( !process.platform.indexOf('win') ) {
document.querySelectorAll('input[type=text]').forEach((input) => {
input.style.width = '70%';
});
}
</script>
</body>
</html>