filename msgbox.tis -> msgbox.js

This commit is contained in:
csf 2022-01-04 14:31:50 +08:00 committed by open-trade
parent ae9c4e5995
commit 365781a0c0
4 changed files with 10 additions and 15 deletions

View File

@ -36,7 +36,6 @@ export class SearchBar extends Element {
}
render() {
// TODO @{this.search_id} TIS:<input|text @{this.search_id} novalue={translate("Search ID")} />
return (<div class="search-id" >
<span class=".search-icon">{search_icon}</span>
<input type="text" novalue={translate("Search ID")} />
@ -45,11 +44,10 @@ export class SearchBar extends Element {
}
["on click at span.clear-input"](_) {
this.search_id.value = '';
this.$("input").value = '';
this.onChange('');
}
// TODO TEST params
["on change at input"](_, el) {
this.onChange(el.value.trim());
}
@ -115,7 +113,7 @@ export class SessionList extends Element {
render() {
let sessions = this.getSessions();
if (!sessions || sessions.length == 0) return <span />; // TODO property 'length' of undefined
if (sessions.length == 0) return <span />;
sessions = sessions.map((x) => this.getSession(x));
// TODO is_win
// TODO <li id="rdp">RDP<EditRdpPort /></li>
@ -184,7 +182,7 @@ export class SessionList extends Element {
menu.setAttribute("remote-id",id);
me.popup(menu);
}
// TODO li
["on click at menu#remote-context li"](evt, me) {
let action = me.id;
let id = me.parentElement.getAttribute("remote-id");

View File

@ -51,8 +51,6 @@ class ConnectStatus extends Element {
}
}
// TODO** SearchBar SessionStyle sessionsStyle SessionList
// TODO @{this.sessionList} {!app.hidden && <SessionList @{this.sessionList} style={sessionsStyle} sessions={sessions} />}
class RecentSessions extends Element {
sessionList;
componentDidMount(){
@ -72,7 +70,7 @@ class RecentSessions extends Element {
{!app.hidden && <SessionList id="SessionList" sessions={sessions} />}
</div>);
}
// TODO TEST
filter(v) {
this.sessionList.filter(v);
}
@ -318,7 +316,6 @@ class App extends Element{
render() {
let is_can_screen_recording = handler.xcall("is_can_screen_recording",false);
// TODO ${} <ID @{this.remote_id} /> <RecentSessions @{this.recent_sessions} /> <ConnectStatus @{this.connect_status} />
return(<div class="app">
<popup>
<menu class="context" id="edit-password-context">
@ -599,7 +596,6 @@ function watch_trust() {
class PasswordEyeArea extends Element {
render() {
// TODO @{} <input type="text" @{this.input} readonly value="******" />
return (<div class="eye-area" style="width: *">
<input type="text" readonly value="******" />
{svg_eye}

View File

@ -1,7 +1,7 @@
<html window-frame="extended">
<head>
<link rel="stylesheet" href="common.css">
<style>
@import url(common.css);
html {
background-color: white;
}
@ -18,7 +18,7 @@
}
caption {
@ELLIPSIS;
size: *;
size: "*";
text-align: center;
color: white;
padding-top: 0.33em;
@ -48,7 +48,7 @@
line-height: 2em;
}
div.set-password div.password {
width: *;
width: "*";
}
div.set-password input {
font-size: 1em;
@ -60,10 +60,11 @@
@ELLIPSIS;
}
</style>
<script type="text/tiscript">
<script type="module" src="msgbox.js"></script>
<!-- <script type="text/tiscript">
include "common.tis";
include "msgbox.tis";
</script>
</script> -->
</head>
<body></body>
</html>