Commit 84f4e471 authored by JC Brand's avatar JC Brand

More tweaks and fixes

parent 62534bf7
...@@ -21,7 +21,6 @@ ...@@ -21,7 +21,6 @@
} }
.locked { .locked {
background: url(images/emblem-readonly.png) no-repeat right;
padding-right: 22px; padding-right: 22px;
} }
...@@ -454,13 +453,7 @@ a.close-chatbox-button { ...@@ -454,13 +453,7 @@ a.close-chatbox-button {
#converse-roster dd.current-xmpp-contact span { #converse-roster dd.current-xmpp-contact span {
font-size: 16px; font-size: 16px;
float: left; float: left;
} color: rgb(79, 79, 79);
#converse-roster dd.current-xmpp-contact.xa,
#converse-roster dd.current-xmpp-contact.xa:hover,
#converse-roster dd.current-xmpp-contact.away,
#converse-roster dd.current-xmpp-contact.away:hover {
background: url(images/user_away_panel.png) no-repeat 5px 2px;
} }
#converse-roster dd.requesting-xmpp-contact button{ #converse-roster dd.requesting-xmpp-contact button{
...@@ -786,7 +779,7 @@ form.add-xmpp-contact { ...@@ -786,7 +779,7 @@ form.add-xmpp-contact {
} }
form.add-xmpp-contact input { form.add-xmpp-contact input {
width: 125px; width: 120px;
} }
.chatbox .dropdown dt a span { .chatbox .dropdown dt a span {
...@@ -822,18 +815,15 @@ form.add-xmpp-contact input { ...@@ -822,18 +815,15 @@ form.add-xmpp-contact input {
padding-top: 2px; padding-top: 2px;
} }
.chatbox .dropdown a.offline { .chatbox .dropdown dd ul a:hover {
background: url(images/user_offline_panel.png) no-repeat 3px 4px; background-color: #bed6e5;
}
.chatbox .dropdown a.dnd {
background: url(images/user_busy_panel.png) no-repeat 3px 4px;
} }
.chatbox .dropdown a.away { .xmpp-status-menu li a {
background: url(images/user_away_panel.png) no-repeat 3px 4px; width: 100%;
} }
.chatbox .dropdown dd ul a:hover { .xmpp-status-menu li a span {
background-color: #bed6e5; padding: 0 5px 0 5px;
color: rgb(79, 79, 79);
} }
...@@ -739,6 +739,7 @@ ...@@ -739,6 +739,7 @@
'title="'+__('Show more information on this room')+'" href="#">&nbsp;</a>'+ 'title="'+__('Show more information on this room')+'" href="#">&nbsp;</a>'+
'</dd>'), '</dd>'),
// FIXME: check markup in mockup
room_description_template: _.template( room_description_template: _.template(
'<div class="room-info">'+ '<div class="room-info">'+
'<p class="room-info"><strong>'+__('Description:')+'</strong> {{desc}}</p>' + '<p class="room-info"><strong>'+__('Description:')+'</strong> {{desc}}</p>' +
......
...@@ -59,11 +59,27 @@ ...@@ -59,11 +59,27 @@
</div> </div>
</dt> </dt>
<dd> <dd>
<ul style="display: none;"> <ul style="display: none;" class="xmpp-status-menu">
<li><a href="#" class="online" data-value="online">Online</a></li> <li>
<li><a href="#" class="dnd" data-value="dnd">Busy</a></li> <a href="#" class="online" data-value="online">
<li><a href="#" class="away" data-value="away">Away</a></li> <span class="icon-bubble"></span>
<li><a href="#" class="offline" data-value="offline">Offline</a></li> Online</a>
</li>
<li>
<a href="#" class="dnd" data-value="dnd">
<span class="icon-busy"></span>
Busy</a>
</li>
<li>
<a href="#" class="away" data-value="away">
<span class="icon-bubble-2"></span>
Away</a>
</li>
<li>
<a href="#" class="offline" data-value="offline">
<span class="icon-offline"></span>
Offline</a>
</li>
</ul> </ul>
</dd> </dd>
</dl> </dl>
...@@ -79,7 +95,10 @@ ...@@ -79,7 +95,10 @@
<dd class="search-xmpp" style="display:none"> <dd class="search-xmpp" style="display:none">
<ul> <ul>
<li> <li>
<form class="add-xmpp-contact"><input type="text" name="identifier" class="username" placeholder="Contact username"><button type="submit">Add</button></form> <form class="add-xmpp-contact">
<input type="text" name="identifier" class="username" placeholder="Contact username">
<button type="submit">Add</button>
</form>
</li> </li>
<li></li> <li></li>
</ul> </ul>
...@@ -158,6 +177,7 @@ ...@@ -158,6 +177,7 @@
<li class="room-info">Moderated</li><li class="room-info">Open room</li> <li class="room-info">Moderated</li><li class="room-info">Open room</li>
<li class="room-info">Permanent room</li><li class="room-info">Public</li> <li class="room-info">Permanent room</li><li class="room-info">Public</li>
<li class="room-info">Semi-anonymous</li> <li class="room-info">Semi-anonymous</li>
<li class="room-info">Requires authentication <span class="icon-lock"></span></li>
<p></p> <p></p>
</ul> </ul>
</div> </div>
...@@ -261,6 +281,20 @@ $(document).ready(function () { ...@@ -261,6 +281,20 @@ $(document).ready(function () {
switchTab(ev); switchTab(ev);
}); });
$("a.choose-xmpp-status").click(function (ev) {
ev.preventDefault();
$(ev.target).parent().parent().siblings('dd').find('ul').toggle('fast');
});
$('.toggle-xmpp-contact-form').click(function (ev) {
ev.preventDefault();
$(ev.target).parent().parent().find('.search-xmpp').toggle('fast', function () {
if ($(this).is(':visible')) {
$(this).find('input.username').focus();
}
});
});
var switchTab = function (ev) { var switchTab = function (ev) {
ev.preventDefault(); ev.preventDefault();
var $tab = $(ev.target), var $tab = $(ev.target),
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment