51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
<div id="v5shoutbox">
|
|
<header>
|
|
<div class="status"></div>
|
|
<div class="channel-buttons">
|
|
<a class="tab tab-login" role="button" data-channel="\login">Connexion</a>
|
|
<a class="tab tab-settings" role="button" data-channel="\settings">⚙</a>
|
|
<a class="tab tab-debug" role="button" data-channel="\debug" style="display: none">⌘</a>
|
|
</div>
|
|
</header>
|
|
<div class="channels">
|
|
<div data-channel="\login">
|
|
<form class="login-form form">
|
|
<div class="error">Authentication failed, please try again.</div>
|
|
<input type="text" class="login" placeholder="Utilisateur" />
|
|
<input type="password" class="password" placeholder="Mot de passe" />
|
|
<input type="submit" class="connect bg-ok" value="Connect!" />
|
|
</form>
|
|
</div>
|
|
<div class="settingschannel" data-channel="\settings" style="display: none">
|
|
<p><b>Settings</b><br>
|
|
<input type="checkbox" class="setting-show-debug"> Show debug tab</p>
|
|
</div>
|
|
|
|
{# Debug channel: logs and actions to manipulate the client/worker #}
|
|
<div class="debugchannel" data-channel="\debug" style="display: none">
|
|
<div class="actions">
|
|
<b>Status</b>
|
|
<table></table>
|
|
<b>Actions</b>
|
|
<div><a role="button" class="action-disconnect">Disconnect websocket</a></div>
|
|
<div><a role="button" class="get-history">Reload chat history</a></div>
|
|
</div>
|
|
<div class="log">
|
|
<div class="log-header">
|
|
<b>Debug log</b>
|
|
<div style="flex: 1"></div>
|
|
<div><input type="checkbox" class="debug-log-irc"> IRC</div>
|
|
<div><input type="checkbox" class="debug-log-worker"> Worker</div>
|
|
<div><input type="checkbox" class="debug-log-other"> Other</div>
|
|
</div>
|
|
<pre></pre>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<form class="shoutbox-form form">
|
|
<input type="text" class="message-input" autocomplete="off" />
|
|
<button type="submit" class="message-send bg-ok" title="Envoyer">Envoyer</button>
|
|
</form>
|
|
</div>
|