UI recasting: new look, avatars, history and so on and so forth
This commit is contained in:
parent
b3039e534a
commit
ddfca60134
18 changed files with 275 additions and 121 deletions
|
@ -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>
|
||||
|
||||
|
|
Reference in a new issue