180 lines
5.0 KiB
HTML
180 lines
5.0 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
<!--DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"-->
|
|
|
|
<html
|
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
<style>
|
|
[hidden="true"] {
|
|
display: none;
|
|
}
|
|
|
|
.header-outer {
|
|
position: fixed;
|
|
top: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.header {
|
|
background-color: white;
|
|
color: black;
|
|
margin: 2px;
|
|
border: 1px black solid;
|
|
}
|
|
|
|
#h-table,
|
|
#net-url,
|
|
#ch-url {
|
|
width: 100%;
|
|
}
|
|
|
|
#splash {
|
|
padding-top: 55%;
|
|
padding-bottom: 20%;
|
|
font-size: 24pt;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
#cli-version-container {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
#usr-descnodes,
|
|
#ch-topicnodes {
|
|
line-height: 110%;
|
|
}
|
|
|
|
#ch-usercount,
|
|
#ch-modestr,
|
|
#net-lag {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.label {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.value {
|
|
vertical-align: top;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#usr-title,
|
|
#usr-descnodes {
|
|
text-align: center;
|
|
}
|
|
|
|
</style>
|
|
|
|
<head>
|
|
<script src="chrome://chatzilla/content/output-window.js"/>
|
|
</head>
|
|
|
|
<body class="chatzilla-body">
|
|
|
|
<div class="header-outer">
|
|
|
|
<xul:vbox flex="1">
|
|
<xul:label value="foo"/>
|
|
</xul:vbox>
|
|
|
|
<div class="header" id="cli-container" hidden="true">
|
|
<table id="h-table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="label">Known Networks</td>
|
|
<td class="value" id="cli-netcount"><none></td>
|
|
<td class="label" id="cli-version-container"
|
|
condition="yellow">ChatZilla <span id="cli-version">0.9.8</span></td>
|
|
<td class="label">Connected Networks</td>
|
|
<td class="value" id="cli-connectcount"><none></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="header" id="net-container" hidden="true">
|
|
<table id="h-table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="label" id="net-url-l">URL</td>
|
|
<td class="value" id="net-url">
|
|
<a id="net-url-anchor" class="chatzilla-link"
|
|
href="irc://foo/bar">irc://foo/bar</a>
|
|
</td>
|
|
<td class="value" id="net-status"
|
|
condition="red">Not Connected</td>
|
|
<td class="label" id="net-lag-l">Lag</td>
|
|
<td class="value" id="net-lag"><unknown></td>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="header" id="ch-container" hidden="true">
|
|
<table id="h-table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="label" id="ch-url-l">URL</td>
|
|
<td class="value" id="ch-url">
|
|
<a id="ch-url-anchor" class="chatzilla-link"
|
|
href="irc://foo/bar">irc://foo/bar</a>
|
|
</td>
|
|
<td class="label" id="ch-modestr-l">Mode</td>
|
|
<td class="value" id="ch-modestr"><none></td>
|
|
<td class="label" id="ch-usercount-l">Users</td>
|
|
<td class="value" id="ch-usercount"><none></td>
|
|
</tr>
|
|
<tr onclick="onTopicNodesClick(event);" style="cursor:default">
|
|
<td class="label" id="ch-topicnodes-l">Topic</td>
|
|
<td class="value" colspan="6">
|
|
<span id="ch-topicnodes"><none></span>
|
|
<input hidden="true" id="ch-topicinput" style="width:100%"
|
|
onblur="cancelTopicEdit();"
|
|
onkeypress="onTopicKeypress(event);">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="header" id="usr-container" hidden="true">
|
|
<table id="h-table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="label">URL</td>
|
|
<td class="value" width="100%">
|
|
<a id="usr-url-anchor" class="chatzilla-link"
|
|
href="irc://foo/bar">irc://foo/bar</a>
|
|
</td>
|
|
<td class="label" id="usr-serverstr-l">Connected via</td>
|
|
<td class="value" id="usr-serverstr"><none></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="usr-title" colspan="4"><none></td>
|
|
</tr>
|
|
<tr>
|
|
<td id="usr-descnodes" colspan="4"><none></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="messages-outer" hidden="true">
|
|
<div id="splash"></div>
|
|
<div id="output"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|