diff options
| author | Zaran <zaran.krleza@gmail.com> | 2012-04-15 05:54:46 -0700 |
|---|---|---|
| committer | Zaran <zaran.krleza@gmail.com> | 2012-04-15 05:54:46 -0700 |
| commit | fe62183cd914a7834c6d6a94d487e2e13e212251 (patch) | |
| tree | 13311137fc992e1ea2cf841424756cb0b16d3405 /alias-angular/app/index.html | |
| parent | 667f6d688bdc4818feadde68c84ee690e150255a (diff) | |
| download | alias-fe62183cd914a7834c6d6a94d487e2e13e212251.tar.gz | |
CSS improvements, first steps on angular
* disable the connect form when connected
* add a disconnect button when connected
* add a research field to filter the contact list (not working)
Thinks I want to understand:
* how to share a variable between several scopes
* could StropheSrv be an attribute of the connect scope ? if yes, we can
call it directly and avoid wrapping it (this is the third level of wrapping
around libStrophe...)
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> |