UI改进；迁移至AutoJs6
This commit is contained in:
parent
7511a92db5
commit
5d1321724a
2 changed files with 240 additions and 179 deletions
383
main.js
383
main.js
|
|
@ -1,136 +1,97 @@
|
|||
"ui";
|
||||
|
||||
storage = storages.create("mower-ng helper");
|
||||
|
||||
wx = storage.get("wx", 10);
|
||||
wy = storage.get("wy", 10);
|
||||
http_proto = storage.get("http_proto", "http");
|
||||
host = storage.get("host", "127.0.0.1:58000");
|
||||
host = storage.get("host", "127.0.0.1");
|
||||
port = storage.get("port", "58000");
|
||||
|
||||
rawInput(
|
||||
"连接地址（要写http://或https://，不写token）",
|
||||
`${http_proto}://${host}`,
|
||||
(url) => {
|
||||
[http_proto, host] = url.split("://");
|
||||
storage.put("http_proto", http_proto);
|
||||
storage.put("host", host);
|
||||
}
|
||||
);
|
||||
function save_config() {
|
||||
http_proto = ui.proto.getText();
|
||||
host = ui.host.getText();
|
||||
port = ui.port.getText();
|
||||
storage.put("http_proto", http_proto);
|
||||
storage.put("host", host);
|
||||
storage.put("port", port);
|
||||
}
|
||||
|
||||
w = floaty.rawWindow(
|
||||
<vertical id="container" bg="#000000" padding="8 6 8 6" alpha="0.6">
|
||||
<horizontal gravity="center_vertical">
|
||||
<img id="logo" w="36" h="36" src="file://./logo.png" />
|
||||
<vertical margin="8 0 8 0">
|
||||
<text
|
||||
textColor="#FFFFFF"
|
||||
id="next"
|
||||
typeface="monospace"
|
||||
text="下次任务：--:--:--"
|
||||
/>
|
||||
<text
|
||||
textColor="#FFFFFF"
|
||||
id="remain"
|
||||
typeface="monospace"
|
||||
text="剩余时间：--:--:--"
|
||||
/>
|
||||
w = null;
|
||||
|
||||
ui.layout(
|
||||
<vertical gravity="center">
|
||||
<horizontal gravity="center" margin="0 0 0 6">
|
||||
<img id="logo" w="64" h="64" src="file://logo.png" />
|
||||
<vertical marginLeft="8">
|
||||
<text text="mower-ng helper" textColor="black" textSize="22sp" />
|
||||
<text text="v1.1.0" />
|
||||
</vertical>
|
||||
<img
|
||||
w="24"
|
||||
h="24"
|
||||
id="exit"
|
||||
marginLeft="4"
|
||||
src="file://./stop.png"
|
||||
tint="#FFFFFF"
|
||||
/>
|
||||
</horizontal>
|
||||
<text
|
||||
id="log"
|
||||
gravity="bottom"
|
||||
h="120"
|
||||
textColor="#FFFFFF"
|
||||
typeface="monospace"
|
||||
ems="10"
|
||||
marginTop="6"
|
||||
textSize="12"
|
||||
visibility="gone"
|
||||
/>
|
||||
<horizontal gravity="center">
|
||||
<text text="proto" w="40" />
|
||||
<input id="proto" text="http" w="200" />
|
||||
</horizontal>
|
||||
<horizontal gravity="center">
|
||||
<text text="host" w="40" />
|
||||
<input id="host" text="127.0.0.1" w="200" />
|
||||
</horizontal>
|
||||
<horizontal gravity="center">
|
||||
<text text="port" w="40" />
|
||||
<input id="port" text="58000" w="200" />
|
||||
</horizontal>
|
||||
<horizontal gravity="center" margin="0 6 0 0">
|
||||
<button w="130" id="start" text="开启悬浮窗" />
|
||||
<button w="130" id="stop" text="关闭悬浮窗" />
|
||||
</horizontal>
|
||||
</vertical>
|
||||
);
|
||||
w.setSize(-2, -2);
|
||||
w.exitOnClose();
|
||||
|
||||
w.setPosition(wx, wy);
|
||||
ui.proto.setText(http_proto);
|
||||
ui.host.setText(host);
|
||||
ui.port.setText(port);
|
||||
|
||||
w.container.setOnTouchListener((view, event) => {
|
||||
switch (event.getAction()) {
|
||||
case event.ACTION_DOWN:
|
||||
X = event.getRawX();
|
||||
Y = event.getRawY();
|
||||
return true;
|
||||
case event.ACTION_MOVE:
|
||||
dx = event.getRawX() - X;
|
||||
dy = event.getRawY() - Y;
|
||||
w.setPosition(wx + dx, wy + dy);
|
||||
return true;
|
||||
case event.ACTION_UP:
|
||||
wx += dx;
|
||||
wy += dy;
|
||||
storage.put("wx", wx);
|
||||
storage.put("wy", wy);
|
||||
return true;
|
||||
function toggle_ui(running) {
|
||||
group_waiting = [ui.proto, ui.host, ui.port, ui.start];
|
||||
group_running = [ui.stop];
|
||||
if (running) {
|
||||
to_enable = group_running;
|
||||
to_disable = group_waiting;
|
||||
} else {
|
||||
to_enable = group_waiting;
|
||||
to_disable = group_running;
|
||||
}
|
||||
});
|
||||
for (i of to_enable) {
|
||||
i.setEnabled(true);
|
||||
}
|
||||
for (i of to_disable) {
|
||||
i.setEnabled(false);
|
||||
}
|
||||
}
|
||||
|
||||
w.exit.click(() => {
|
||||
exit();
|
||||
});
|
||||
toggle_ui(false);
|
||||
|
||||
w.logo.click(() => {
|
||||
ui.run(() => {
|
||||
visibility = w.log.visibility == 8 ? 0 : 8;
|
||||
w.log.visibility = visibility;
|
||||
w.container.alpha = w.log.visibility == 8 ? 0.6 : 0.8;
|
||||
});
|
||||
});
|
||||
ws = null;
|
||||
ws_proto = http_proto == "https" ? "wss" : "ws";
|
||||
reg = /^[0-9].*/;
|
||||
log = [];
|
||||
|
||||
no_time = "--:--:--";
|
||||
scheduler = { idle: false, next_time: null };
|
||||
|
||||
client = new OkHttpClient.Builder().build();
|
||||
|
||||
function pad_num(n) {
|
||||
return String(n).padStart(2, "0");
|
||||
}
|
||||
|
||||
function format_time(d) {
|
||||
hh = pad_num(d.getUTCHours());
|
||||
mm = pad_num(d.getUTCMinutes());
|
||||
ss = pad_num(d.getUTCSeconds());
|
||||
hh = pad_num(d.getHours());
|
||||
mm = pad_num(d.getMinutes());
|
||||
ss = pad_num(d.getSeconds());
|
||||
return `${hh}:${mm}:${ss}`;
|
||||
}
|
||||
|
||||
axios = require("axios");
|
||||
|
||||
no_time = "--:--:--";
|
||||
calculate_remain = false;
|
||||
|
||||
function update_tasks() {
|
||||
Promise.all([
|
||||
axios.get(`${http_proto}://${host}/idle`),
|
||||
axios.get(`${http_proto}://${host}/scheduler`),
|
||||
]).then(([resp1, resp2]) => {
|
||||
idle = resp1.data;
|
||||
task_list = resp2.data;
|
||||
if (idle == "True" && task_list.length > 0) {
|
||||
task_time = new Date(task_list[0].time.substring(0, 19));
|
||||
display_time = format_time(task_time);
|
||||
calculate_remain = true;
|
||||
} else {
|
||||
display_time = no_time;
|
||||
calculate_remain = false;
|
||||
}
|
||||
ui.run(() => {
|
||||
w.next.setText(`下次任务：${display_time}`);
|
||||
});
|
||||
});
|
||||
setTimeout(update_tasks, 5000);
|
||||
}
|
||||
update_tasks();
|
||||
|
||||
function time_diff(diff) {
|
||||
if (diff < 0) {
|
||||
return no_time;
|
||||
|
|
@ -146,47 +107,171 @@ function time_diff(diff) {
|
|||
return `${hh}:${mm}:${ss}`;
|
||||
}
|
||||
|
||||
setInterval(() => {
|
||||
ui.run(() => {
|
||||
display_time = calculate_remain
|
||||
? time_diff(
|
||||
task_time.getTime() +
|
||||
task_time.getTimezoneOffset() * 60000 -
|
||||
Date.now()
|
||||
)
|
||||
: no_time;
|
||||
w.remain.setText(`剩余时间：${display_time}`);
|
||||
function update_tasks() {
|
||||
if (w) {
|
||||
request = new Request.Builder()
|
||||
.url(`${http_proto}://${host}:${port}/scheduler`)
|
||||
.build();
|
||||
response = client.newCall(request).execute();
|
||||
scheduler = JSON.parse(response.body().string());
|
||||
setTimeout(update_tasks, 5000);
|
||||
}
|
||||
}
|
||||
|
||||
function stop_ws() {
|
||||
if (ws) {
|
||||
ws.cancel();
|
||||
ws = null;
|
||||
}
|
||||
}
|
||||
|
||||
function stop_floaty() {
|
||||
if (w) {
|
||||
w.close();
|
||||
w = null;
|
||||
}
|
||||
stop_ws();
|
||||
clearInterval(w_timer);
|
||||
toggle_ui(false);
|
||||
return;
|
||||
}
|
||||
|
||||
ui.stop.click(() => {
|
||||
if (w) {
|
||||
stop_floaty();
|
||||
}
|
||||
});
|
||||
|
||||
ui.start.click(() => {
|
||||
toggle_ui(true);
|
||||
|
||||
save_config();
|
||||
|
||||
w = floaty.rawWindow(
|
||||
<vertical id="container" bg="#000000" padding="8 6 8 6" alpha="0.8">
|
||||
<horizontal gravity="center_vertical">
|
||||
<img id="logo" w="36" h="36" src="file://logo.png" />
|
||||
<vertical margin="6 0 6 0">
|
||||
<text
|
||||
textColor="#FFFFFF"
|
||||
id="next"
|
||||
typeface="monospace"
|
||||
text="下次任务：--:--:--"
|
||||
/>
|
||||
<text
|
||||
textColor="#FFFFFF"
|
||||
id="remain"
|
||||
typeface="monospace"
|
||||
text="剩余时间：--:--:--"
|
||||
/>
|
||||
</vertical>
|
||||
<img
|
||||
w="24"
|
||||
h="24"
|
||||
id="exit"
|
||||
margin="0 0 2 0"
|
||||
src="file://stop.png"
|
||||
tint="#FFFFFF"
|
||||
/>
|
||||
</horizontal>
|
||||
<text
|
||||
id="log"
|
||||
gravity="bottom"
|
||||
line="5"
|
||||
maxLines="8"
|
||||
ems="10"
|
||||
textColor="#FFFFFF"
|
||||
typeface="monospace"
|
||||
marginTop="6"
|
||||
textSize="12"
|
||||
visibility="gone"
|
||||
/>
|
||||
</vertical>
|
||||
);
|
||||
|
||||
w.setSize(-2, -2);
|
||||
w.setPosition(wx, wy);
|
||||
|
||||
w.container.setOnTouchListener((view, event) => {
|
||||
switch (event.getAction()) {
|
||||
case event.ACTION_DOWN:
|
||||
X = event.getRawX();
|
||||
Y = event.getRawY();
|
||||
return true;
|
||||
case event.ACTION_MOVE:
|
||||
dx = event.getRawX() - X;
|
||||
dy = event.getRawY() - Y;
|
||||
w.setPosition(wx + dx, wy + dy);
|
||||
return true;
|
||||
case event.ACTION_UP:
|
||||
wx += dx;
|
||||
wy += dy;
|
||||
storage.put("wx", wx);
|
||||
storage.put("wy", wy);
|
||||
return true;
|
||||
}
|
||||
});
|
||||
}, 1000);
|
||||
|
||||
ws_proto = http_proto == "https" ? "wss" : "ws";
|
||||
log = [];
|
||||
|
||||
importPackage(Packages["okhttp3"]);
|
||||
client = new OkHttpClient.Builder().retryOnConnectionFailure(true).build();
|
||||
request = new Request.Builder().url(`${ws_proto}://${host}/ws`).build();
|
||||
client.dispatcher().cancelAll();
|
||||
|
||||
reg = /^[0-9].*/;
|
||||
|
||||
client.newWebSocket(
|
||||
request,
|
||||
new WebSocketListener({
|
||||
onMessage: function (ws, data) {
|
||||
data = JSON.parse(data);
|
||||
if (data.type == "log") {
|
||||
for (line of data.data.split("\n")) {
|
||||
if (line.match(reg)) {
|
||||
log.push(line.substring(6));
|
||||
} else {
|
||||
log.push(line);
|
||||
}
|
||||
}
|
||||
w.logo.click(() => {
|
||||
ui.run(() => {
|
||||
visibility = ws ? 8 : 0;
|
||||
w.log.visibility = visibility;
|
||||
if (ws) {
|
||||
stop_ws();
|
||||
return;
|
||||
}
|
||||
log = log.slice(-5);
|
||||
ui.run(() => {
|
||||
w.log.setText(log.join("\n"));
|
||||
});
|
||||
},
|
||||
})
|
||||
);
|
||||
request = new Request.Builder()
|
||||
.url(`${ws_proto}://${host}:${port}/ws`)
|
||||
.build();
|
||||
ws = client.newWebSocket(
|
||||
request,
|
||||
new okhttp3.WebSocketListener({
|
||||
onMessage: function (ws, data) {
|
||||
data = JSON.parse(data);
|
||||
if (data.type == "log") {
|
||||
for (line of data.data.split("\n")) {
|
||||
if (line.match(reg)) {
|
||||
log.push(line.substring(6));
|
||||
} else {
|
||||
log.push(line);
|
||||
}
|
||||
}
|
||||
}
|
||||
log = log.slice(-5);
|
||||
ui.run(() => {
|
||||
w.log.setText(log.join("\n"));
|
||||
});
|
||||
},
|
||||
})
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
w.exit.click(() => {
|
||||
stop_floaty();
|
||||
});
|
||||
|
||||
w_timer = setInterval(() => {
|
||||
if (scheduler.idle && scheduler.next_time) {
|
||||
task_time = new Date(scheduler.next_time.substring(0, 19));
|
||||
next_time = format_time(task_time);
|
||||
remain_time = time_diff(task_time.getTime() - Date.now());
|
||||
} else {
|
||||
next_time = no_time;
|
||||
remain_time = no_time;
|
||||
}
|
||||
ui.run(() => {
|
||||
w.next.setText(`下次任务：${next_time}`);
|
||||
w.remain.setText(`剩余时间：${remain_time}`);
|
||||
});
|
||||
}, 1000);
|
||||
|
||||
threads.start(() => {
|
||||
update_tasks();
|
||||
});
|
||||
});
|
||||
|
||||
events.on("exit", () => {
|
||||
save_config();
|
||||
stop_floaty();
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue