diff options
| author | Zaran <zaran.krleza@gmail.com> | 2012-04-20 01:12:08 -0700 |
|---|---|---|
| committer | Zaran <zaran.krleza@gmail.com> | 2012-04-20 01:12:08 -0700 |
| commit | 4fee964dee221987ccfa53791f1730ffb89cec12 (patch) | |
| tree | dfb181ddfa837103881ab387fa291cb501a2dd07 /alias-angular/app/index.html | |
| parent | 3febf7cab87edf7045097a0cb9a06e5343ac5f6e (diff) | |
| download | alias-4fee964dee221987ccfa53791f1730ffb89cec12.tar.gz | |
More style changes.
* titlebar has now a sligh 3D effect
* restyling of the roster (the big "vision")
* contacts now have an icon on their left depending on their status
* adding font-awesome to the project (can be used transparently with bootstrap icons system)
Diffstat (limited to 'alias-angular/app/index.html')
| -rw-r--r-- | alias-angular/app/index.html | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/alias-angular/app/index.html b/alias-angular/app/index.html index be7a664..2c823e3 100644 --- a/alias-angular/app/index.html +++ b/alias-angular/app/index.html @@ -6,10 +6,10 @@ <link rel="stylesheet/less" href="css/less/bootstrap.less" /> <link rel="stylesheet/less" href="css/app.less" /> <script src="lib/less.js" type="text/javascript"></script> + <link rel="stylesheet" href="css/font-awesome.css" /> </head> <body> - <div id="titlebar" class="well"> - <h1 class="pull-left">Alias</h1> + <div id="titlebar"> <div ng-controller="ConnectCtl" class="pull-right" id="connect"> <form class="form-inline" ng-submit="login()" ng-hide="is_connected()"> <input type="text" ng-model="username" class="input-medium" placeholder="Email"/> @@ -18,18 +18,21 @@ </form> <button class="btn" ng-show="is_connected()" ng-click="disconnect()">Disconnect</button> </div> + <h2>Alias</h2> </div> + <div id="roster" ng-controller="RosterCtl"> - <form class="form-inline"> + <form id="rostersearch" class="form-horizontal"> <div class="input-prepend"> <span class="add-on"><i class="icon-search"></i></span><!-- --><input class="span2" type="text" placeholder="Search" ng-model="query"/> </div> + <label class="checkbox"> + <input type="checkbox" ng-model="checkoffline" id="show"/> Show offline contacts + </label> </form> - <input type="checkbox" ng-model="checkoffline"/> - <span>Show offline contacts</span> <ul> - <li ng-repeat="contact in get_contacts() | hideoffline:checkoffline | rosterFilter:query|orderBy:'status'">{{contact.name}} <small>{{contact.jid}} {{contact.status}}</small></li> + <li ng-repeat="contact in get_contacts() | hideoffline:checkoffline | rosterFilter:query|orderBy:'status'"><i ng-class="contact.status" class="icon-user"></i> {{contact.name||contact.jid}}</li> </ul> </div> <script src="lib/angular/angular.js"></script> |