UI recasting: new look, avatars, history and so on and so forth

This commit is contained in:
Rodolphe Breard 2013-01-12 13:34:16 +01:00
parent b3039e534a
commit ddfca60134
18 changed files with 275 additions and 121 deletions

View file

@ -6,30 +6,29 @@
<link rel="stylesheet" type="text/css" media="all" href="chromesoul.css">
</head>
<body>
<h1>Welcome to chromesoul</h1>
<p>
<p id="user-status">
Status: <span id="status_txt"></span><br>
<button id="reconnect">Reconnect</button>
</p>
<div id="l-lst">
<h2>Contacts</h2>
<div id="settings-btn"><img src="img/settings.png" atl="settings"></div>
<div id="contact-lst-wrapper">
<input type="text" id="add-contact" placeholder="New contact">
<ul id="contact-lst"></ul>
</div>
<div id="r-lst">
<ul id="tab-lst">
<li id="tab-config"><span>configuration</span></li>
</ul>
<div id="tab-body-wrapper">
<div id="configuration" class="tab-body">
Login: <input type="text" id="login" class="opt"><br>
Password (socks): <input type="password" id="pwd_socks" class="opt"><br>
Enable messages: <input type="checkbox" id="enable_msg" class="opt" checked="checked"><br>
<button id="save">Save</button> <span id="status"></span>
</div>
<div id="main-ctn">
<p id="pre-conf-pannel">You haven't configured chromesoul yet, you should go to the configuration pannel.</p>
<div id="config-pannel">
Login: <input type="text" id="login" class="opt" value=""><br>
Password (socks): <input type="password" id="pwd_socks" class="opt" value=""><br>
Enable messages: <input type="checkbox" id="enable_msg" class="opt" checked="checked"><br>
<button id="save">Save</button> <span id="status"></span>
</div>
<div id="chat-pannel">
<ul id="tab-lst"></ul>
<div id="tab-body-wrapper"></div>
</div>
</div>