-
Notifications
You must be signed in to change notification settings - Fork 22
/
index.html
191 lines (186 loc) · 9.33 KB
/
index.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Terminal 7</title>
<!-- Cache control meta tags -->
<meta http-equiv="Cache-Control" content="public, max-age=86400" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
<meta name="description" content="A touchable terminal multiplexer & emulator running over WebRTC">
<link rel="icon" href="/logo.svg" type="image/svg+xml">
<link rel="alternate icon" href="/favicon.ico" type="image/png" sizes="48x48 32x32">
<link rel="mask-icon" href="/logo.svg" color="#271D30">
<link rel="apple-touch-icon" href="/logo192.png">
<meta name="theme-color" content="#271D30">
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-title" content="Terminal7" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script src="/virtual-webgl2.js"></script>
<script type="module" src="/main.ts" defer></script>
</head>
<body>
<div id="terminal7">
<div id="log" class="hidden">
<div> <div id="t0">
<div id="capslock-indicator" class="hidden"><i class="f7-icons">exclamationmark_triangle</i> CAPS</div>
<div id="settings" class="hidden">
<textarea id="edit-conf">
</textarea>
</div>
</div> </div>
</div>
<div id="map">
<div id="log-minimized">
<div id="twr" class="has-help" aria-label="Control Tower" data-test="twr-minimized">TWR</div>
</div>
<div class="map-header-wide"></div>
<div id="gates">
<div class="gate-pad" id="add-gate" data-test="addButton">
<button type="button" class="text-button">
<i class="f7-icons has-help" aria-label="Add Host">plus</i>
</button>
</div>
<div class="line-break"></div>
</div>
<div id="map-footer">
<div class="empty-pad"><div></div></div>
<div class="empty-pad"><div></div></div>
<div class="empty-pad"><div></div></div>
<div class="empty-pad"><div></div></div>
<div class="line-break"></div>
</div>
<div id="version">
<h1 id="title-long">Terminal 7</h1>
<h1 id="title-short">T7</h1>
<p><a id="toggle-changelog" class="has-help" aria-label="Change log">version 1.11.1</a></p>
<div id="changelog">
<a href="https://github.com/tuzig/terminal7/blob/master/CHANGELOG.md" target="_blank">
<i class="f7-icons">logo_github</i>
</a>
<div id="changelog-content"></div>
</div>
<ul>
<li>
📖
<a id="peerbook-legend">
PeerBook
<span id="peerbook-status" class="status has-help" aria-label="Peer Book Status">🚧</span>
</a>
</li>
</ul>
<footer>map inspired by Eero Saarinen's T5</footer>
</div>
</div>
<div class="gates-container">
<div id="active-gate-stats" class="gate-stats"></div>
<div class="hidden zoomed pane-container" id="zoomed-pane"> </div>
</div>
<div id="offline" class="hidden modal border non-clearable" >
<h1 class="warning">Network is down</h1>
<p>Terminal 7 will activate on reconnect</p>
</div>
<div id="help-gate" class="hidden">
<img src="img/help.png" alt="gate help screen">
</div>
<div id="keys-help" class="keys-help hidden modal border" >
<p>Use CTRL-A if your keyboard has no ⌘</p>
<div>
<table><tbody>
<tr> <td>Toggle Fullscreen</td> <td>⌘ Z</td> </tr>
<tr> <td>Move Focus</td> <td>⌘ ←↑↓→</td> </tr>
<tr> <td>Search Pane Buffer</td> <td>⌘ F</td> </tr>
<tr class="copy_mode"> <td>Enter Copy Mode</td> <td>⌘ [</td> </tr>
<tr> <td>Bigger Font</td> <td>⌘ +</td> </tr>
<tr> <td>Smaller Font</td> <td>⌘ -</td> </tr>
<tr> <td>Reset Font</td> <td>⌘ 0</td> </tr>
<tr> <td>Split Top to Bottom</td> <td>⌘ \</td> </tr>
</tbody></table>
<table><tbody>
<tr> <td>Split Right to Left</td> <td>⌘ '</td> </tr>
<tr> <td>Rename Tab</td> <td>⌘ ,</td> </tr>
<tr> <td>New Tab</td> <td>⌘ T</td> </tr>
<tr> <td>Toggle Log</td> <td>⌘ L</td> </tr>
<tr> <td>Close Pane</td> <td>⌘ D</td> </tr>
<tr> <td>Reset</td> <td>⌘ R</td> </tr>
<tr> <td>Dump log to clipboard</td> <td>⌘ 9</td> </tr>
<tr> <td>Hide This</td> <td>Tap This</td> </tr>
</tbody></table>
</div>
</div>
<div id="reset-cert" class="hidden modal border" >
<p>peerbook returned an error:</p>
<code id="reset-cert-error"> </code>
<p>
Please edit the settings and change the email or press the
reset button to generate a new certificate.
</p>
<nav>
<button type="button" class="close"><i class="f7-icons">xmark</i></button>
<button type="button" class="reset"><i class="f7-icons">arrow_2_circlepath</i></button>
</nav>
</div>
<div id="search" class="oneline-box border hidden modal">
<nav class="tabbar-search">
<button type="button" class="search-close"><i class="f7-icons">xmark</i></button>
<input type="text" name="search-term">
<div id="string-not-found" class="hidden">Not found</div>
<button type="button" class="search-up off"><i class="f7-icons">chevron_up</i></button>
<button type="button" class="search-down off"><i class="f7-icons">chevron_down</i></button>
<!-- TODO: implment the url & file buttons
<a href="#find-url" class="hidden">URL</a>
<a href="#find-file" class="hidden">File</a>
-->
</nav>
</div>
<div id="rename" class="oneline-box border hidden modal">
<nav class="tabbar-search">
<button type="button" class="rename-close"><i class="f7-icons">xmark</i></button>
<input type="text" name="new-name" id="name-input">
</nav>
</div>
<nav id="navbar" class="bar">
<button type="button" aria-label="Map" id="map-button" class="off has-help"><i class="f7-icons">map</i></button>
<button type="button" aria-label="Open Tower" data-sc="L" id="log-button" class="has-help"><i class="f7-icons">greaterthan</i></button>
<button type="button" aria-label="Close Pane" data-sc="D" id="trash-button" class="pane-buttons off has-help"><i class="f7-icons">rectangle_badge_xmark</i></button>
<button type="button" aria-label="Split Right to Left" data-sc="'" id="divide-h" class="pane-buttons off has-help"><i class="f7-icons">divide</i></button>
<button type="button" aria-label="Split Top to Bottom" data-sc="\" id="divide-v" class="pane-buttons off has-help">
<i class="f7-icons" style="display: inline-block; transform: rotate(90deg);">divide</i></button>
<button type="button" aria-label="Search Pane Buffer" data-sc="F" id="search-button" class="pane-buttons off has-help"><i class="f7-icons">doc_text_search</i></button>
<button type="button" aria-label="Video" id="video-button" class="pane-buttons off has-help"><i class="f7-icons">videocam</i></button>
<button type="button" aria-label="Help" id="help-button" class="has-help"><i class="f7-icons">question</i></button>
<button type="button" aria-label="dotfile" id="dotfile-button" class="has-help"><i class="f7-icons">gear</i></button>
</nav>
</div>
<template id="divider-template">
<div class="divider hidden">
<img width="8" height="44" draggable="false" src="img/divider.png" alt="a divider">
</div>
</template>
<template id="nosignal-template">
<div class="modal border temporal">
<h1><span class="name"></span> Error</h1>
<p id="nosignal-wrong-address" style="display:none;">
If <span class="address"></span> is the wrong address click
<a href="#" class="edit-link">here</a>.</p>
<p class="server-error"></p>
<nav>
<button type="button" class="close"><i class="f7-icons">xmark</i></button>
<button type="button" class="reconnect"><i class="f7-icons">arrow_2_circlepath</i></button>
</nav>
</div>
</template>
<!-- every gate creates his own tabbar based on the template below -->
<template id="gate-template">
<div class="windows-container">
</div>
<nav class="tabbar">
<button type="button" aria-label="New Tab" data-sc="T" class="add-tab has-help"><i class="f7-icons">
plus</i></button>
<nav class="tabbar-names">
</nav>
<button type="button" aria-label="Reset" data-sc="R" class="reset has-help"><i class="f7-icons">
arrow_2_circlepath</i></button>
</nav>
</template>
</body>
</html>