Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
nicer layout for the fabric MQ view
  • Loading branch information
jstrachan committed Oct 4, 2013
1 parent c6a2b35 commit dcbdd0a
Showing 1 changed file with 22 additions and 37 deletions.
59 changes: 22 additions & 37 deletions hawtio-web/src/main/webapp/app/fabric/html/brokers.html
Expand Up @@ -67,49 +67,34 @@
<li class="no-list" ng-repeat="container in broker.containers"
ng-show="containerMatchesFilter(container)">
<div class="mq-container-row">
<div class="box" ng-class="getSelectedClass(container)">
<div class="box-left">
<i ng-show="!container.selected && showSelect" class="icon-circle-blank clickable"
title="Not Selected"
ng-click="container.selected = true"></i>
<i ng-show="container.selected && showSelect" class="icon-circle clickable"
title="Status of the container" ng-click="container.selected = false"></i>
<i ng-show="!container.selected && showSelect" class="icon-circle-blank clickable"
title="Not Selected"
ng-click="container.selected = true"></i>
<i ng-show="container.selected && showSelect" class="icon-circle clickable"
title="Status of the container" ng-click="container.selected = false"></i>

<i class="clickable" title="{{getStatusTitle(container)}}"
ng-class='statusIcon(container)'
ng-click="container.selected = !container.selected"></i>
<i class="clickable" title="{{getStatusTitle(container)}}"
ng-class='statusIcon(container)'
ng-click="container.selected = !container.selected"></i>

<div ng-click="container.selected = !container.selected">
<a ng-click="showContainer(container)">{{container.id}}</a> /
{{container.version}}
</div>
<span ng-click="container.selected = !container.selected">
<a ng-click="showContainer(container)">{{container.id}}</a> /
{{container.version}}
</span>

<i class="icon-cloud clickable" title="Ensemble member"
ng-click="showContainer(container)"
ng-show="isEnsembleContainer(container.id)"></i>
<i class="icon-cloud clickable" title="Ensemble member"
ng-click="showContainer(container)"
ng-show="isEnsembleContainer(container.id)"></i>

<i class="icon-star mq-master" title="Master broker" ng-show="container.master"></i>
</div>
<i class="icon-plus clickable" ng-show="container.root && container.alive"
title="Create a new child container"
ng-click="createChildContainer(container)"></i>

<div class="box-middle">
<ul class="inline">
<li ng-repeat="service in container.services" ng-switch="service.type">
<i ng-switch-when="icon" class="{{service.src}}" title="{{service.title}}"></i>
<img ng-switch-when="img" ng-src="{{service.src}}" title="{{service.title}}">
</li>
</ul>
</div>
<i class="icon-signin clickable" ng-show="container.jolokiaUrl && container.alive"
title="Open a new window and connect to this broker"
ng-click="doConnect(container)"></i>

<div class="box-right">
<i class="icon-plus clickable" ng-show="container.root && container.alive"
title="Create a new child container"
ng-click="createChildContainer(container)"></i>

<i class="icon-signin clickable" ng-show="container.jolokiaUrl && container.alive"
title="Open a new window and connect to this container"
ng-click="doConnect(container)"></i>
</div>
</div>
<i class="icon-star mq-master" title="Master broker" ng-show="container.master"></i>
</div>
</li>
</ul>
Expand Down

0 comments on commit dcbdd0a

Please sign in to comment.