diff options
Diffstat (limited to 'alias-angular/app/index.html')
| -rw-r--r-- | alias-angular/app/index.html | 31 |
1 files changed, 22 insertions, 9 deletions
diff --git a/alias-angular/app/index.html b/alias-angular/app/index.html index d3d1bf5..f8c7083 100644 --- a/alias-angular/app/index.html +++ b/alias-angular/app/index.html @@ -1,20 +1,33 @@ <!doctype html> <html ng-app="Alias"> <head> - <meta charset="utf-8"> + <meta charset="utf-8"/> <title>Alias</title> - <link rel="stylesheet" href="css/app.css"/> + <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> </head> <body> - <form ng-submit="login()" ng-controller="ConnectCtl"> - Username: <input type="text" ng-model="username"/> - Password: <input type="password" ng-model="password"/> - <input type="submit" value="Login" ng-disabled="!username || !password"/> - </form> - + <div id="titlebar" class="well"> + <h1 class="pull-left">Alias</h1> + <div class="pull-right" ng-controller="ConnectCtl" id="connect"> + <form class="form-inline" ng-submit="login()" ng-hide="status == 'Connected'"> + <input type="text" ng-model="username" class="input-medium" placeholder="Email"/> + <input type="password" ng-model="password" class="input-medium" placeholder="Password"/> + <button class="btn" type="submit" ng-disabled="!username || !password">Sign in</button> + </form> + <button class="btn" ng-show='status == "Connected"' ng-click="disconnect()">Disconnect</button> + </div> + </div> <div id="roster" ng-controller="RosterCtl"> + <form class="form-inline"> + <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> + </form> <ul> - <li ng-repeat="(key,value) in contacts">{{key}}</li> + <li ng-repeat="(key,value) in contacts | filter: query">{{value.name}} <small>({{key}})</small></li> </ul> </div> <script src="lib/angular/angular.js"></script> |
