Merge pull request #118 from lorenzhs/cssindent

Do channel indendation in CSS.
This commit is contained in:
David Cormier 2014-02-02 06:37:17 -08:00
commit 02ae50a7fa
3 changed files with 10 additions and 13 deletions

View File

@ -176,6 +176,11 @@ input[type=text], input[type=password], .badge {
border-radius: 0; border-radius: 0;
margin-right: -15px; margin-right: -15px;
} }
#sidebar ul.indented li.indent span.buffername {
padding-left: 10px;
}
#nicklist { #nicklist {
position: fixed; position: fixed;
width: 100px; width: 100px;

View File

@ -257,17 +257,17 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
</div> </div>
</div> </div>
<div id="sidebar" class="vertical-line collapse in"> <div id="sidebar" class="vertical-line collapse in">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked" ng-class="{'indented': (predicate === 'serverSortKey')}">
<li class="bufferfilter"> <li class="bufferfilter">
<form role="form"> <form role="form">
<input class="form-control monospace" type="text" id="bufferFilter" ng-model="search" ng-keydown="handleSearchBoxKey($event)" placeholder="Search"> <input class="form-control monospace" type="text" id="bufferFilter" ng-model="search" ng-keydown="handleSearchBoxKey($event)" placeholder="Search">
</form> </form>
</li> </li>
<li class="buffer" ng-class="{'active': content.active }" ng-repeat="(key, content) in buffers | toArray | filter:{fullName:search} | filter:hasUnread | orderBy:predicate"> <li class="buffer" ng-class="{'active': content.active, 'indent': content.indent }" ng-repeat="(key, content) in buffers | toArray | filter:{fullName:search} | filter:hasUnread | orderBy:predicate">
<a href="#" ng-click="setActiveBuffer(content.id)" title="{{ content.fullName }}"> <a href="#" ng-click="setActiveBuffer(content.id)" title="{{ content.fullName }}">
<span class="badge pull-right" ng-hide="content.notification" ng-if="content.unread" ng-bind="content.unread"></span> <span class="badge pull-right" ng-hide="content.notification" ng-if="content.unread" ng-bind="content.unread"></span>
<span class="badge pull-right danger" ng-show="content.notification" ng-bind="content.notification"></span> <span class="badge pull-right danger" ng-show="content.notification" ng-bind="content.notification"></span>
{{ content.indentedName(predicate) }}<span ng-hide="content.shortName">{{ content.fullName }}</span> <span class="buffername">{{ content.shortName }}</span><span ng-hide="content.shortName">{{ content.fullName }}</span>
</a> </a>
</li> </li>
</ul> </ul>

View File

@ -27,15 +27,7 @@ models.service('models', ['$rootScope', '$filter', function($rootScope, $filter)
var unread = 0; var unread = 0;
var lastSeen = -1; var lastSeen = -1;
var serverSortKey = fullName.replace(/^irc.server.(\w+)/, "irc.$1"); var serverSortKey = fullName.replace(/^irc.server.(\w+)/, "irc.$1");
var indent = (fullName.match(/^irc./) && !fullName.match(/^irc.server./));
var indentedName = function(predicate) {
if( predicate == "serverSortKey" && fullName.match(/^irc./) && !fullName.match(/^irc.server./) ) {
// indent channel
return "    " + shortName; // four protected spaces
} else {
return shortName;
}
};
// Buffer opened message does not include notify level // Buffer opened message does not include notify level
if( message.notify !== undefined ) { if( message.notify !== undefined ) {
@ -173,7 +165,7 @@ models.service('models', ['$rootScope', '$filter', function($rootScope, $filter)
updateNick: updateNick, updateNick: updateNick,
flatNicklist: flatNicklist, flatNicklist: flatNicklist,
serverSortKey: serverSortKey, serverSortKey: serverSortKey,
indentedName: indentedName, indent: indent,
history: history, history: history,
addToHistory: addToHistory, addToHistory: addToHistory,
getHistoryUp: getHistoryUp, getHistoryUp: getHistoryUp,