GUAC-1126: Add client-specific disconnect action to menu. Style with danger.

This commit is contained in:
Michael Jumper
2015-04-07 22:49:41 -07:00
parent 69374f0818
commit e460fde6ed
9 changed files with 50 additions and 34 deletions

View File

@@ -30,6 +30,16 @@ angular.module('navigation').directive('guacUserMenu', [function guacUserMenu()
restrict: 'E',
replace: true,
scope: {
/**
* Optional array of actions which are specific to this particular
* location, as these actions may not be appropriate for other
* locations which contain the user menu.
*
* @type MenuAction[]
*/
localActions : '='
},
templateUrl: 'app/navigation/templates/guacUserMenu.html',

View File

@@ -215,6 +215,16 @@
background-image: url('images/action-icons/guac-logout-dark.png');
}
.user-menu .options li a.danger {
color: white;
font-weight: bold;
background-color: #A43;
}
.user-menu .options li a.danger:hover {
background-color: #C54;
}
.user-menu .password-dialog {
visibility: hidden;
opacity: 0;

View File

@@ -28,6 +28,13 @@
<!-- Menu options -->
<ul class="options">
<!-- Local actions -->
<li ng-repeat="action in localActions">
<a ng-class="action.className" ng-click="action.callback()">
{{action.name | translate}}
</a>
</li>
<!-- Navigation links -->
<li ng-repeat="page in pages">
<a class="home" ng-click="navigateToPage(page)"