diff options
| author | Zaran <zaran.krleza@gmail.com> | 2012-04-24 01:22:27 -0700 |
|---|---|---|
| committer | Zaran <zaran.krleza@gmail.com> | 2012-04-24 01:22:27 -0700 |
| commit | 3fdb17a79de4507e8a4f3fbe47f6c078bdedda46 (patch) | |
| tree | d3ef09b18bad72c2d42f4ade3bc6569dd90ccc64 /alias-angular/app/index.html | |
| parent | 58bd41bf1d15e9a8d70c9c9d88ccb39b81fdf8cb (diff) | |
| download | alias-3fdb17a79de4507e8a4f3fbe47f6c078bdedda46.tar.gz | |
User availibility status improvements
* store the status of users as received in the presence stanzas
* new filter to convert a status as defined in rfc3921 to something
readable (could be used to display contacts' status in a tooltip)
* encapsulate bootsrap's dropdown plugin in the dropdown-toggle directive
(adding the dropdown-toggle directive to a tag calls Bootstrap's dropdown
initializer on this tag at compile time
* allow the user to change his status via a dropdown button. This works,
but angular complains that $apply is already in progress when you try
to change your status
Diffstat (limited to 'alias-angular/app/index.html')
| -rw-r--r-- | alias-angular/app/index.html | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/alias-angular/app/index.html b/alias-angular/app/index.html index fba5335..466a02a 100644 --- a/alias-angular/app/index.html +++ b/alias-angular/app/index.html @@ -23,6 +23,22 @@ <div id="roster" ng-controller="RosterCtl"> <form id="rostersearch" class="form-horizontal"> + <div class="btn-toolbar"> + <div class="btn-group"> + <a class="btn"> + <i class='{{self["status"]}} icon-user'></i> {{self["jid"]}} + </a> + <a class="btn dropdown-toggle" data-toggle="dropdown" dropdown-toggle="toto" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a ng-click='status("chat")'><i class="chat icon-user"></i> Online</a></li> + <li><a ng-click='status("away")'><i class="away icon-user"></i> Away</a></li> + <li><a ng-click='status("dnd")'><i class="dnd icon-user"></i> Do Not Disturb</a></li> + <li><a ng-click='status("xa")'><i class="xa icon-user"></i> Extended Away</a></li> + </ul> + </div> + </div> <div class="input-prepend"> <span class="add-on"><i class="icon-search"></i></span><!-- --><input class="span2" type="text" placeholder="Search" ng-model="query"/> @@ -31,7 +47,7 @@ <input type="checkbox" ng-model="checkoffline" id="show"/> Show offline contacts </label> </form> - <ul> + <ul class="contact-list"> <li ng-repeat="contact in get_contacts() | showoffline:checkoffline | rosterFilter:query|orderBy:'status'" ng-click="chatWith(contact)"> <i ng-class="contact.status" class="icon-user"></i> {{contact.name||contact.jid}}</li> </ul> @@ -48,6 +64,7 @@ </div> </div> <script src="lib/jquery-1.7.2.min.js"></script> + <script src="lib/bootstrap-dropdown.js"></script> <script src="lib/angular/angular.js"></script> <script src="lib/underscore-min.js"></script> <script src="lib/config.js"></script> |