algairim commented on a change in pull request #228:
URL: https://github.com/apache/brooklyn-ui/pull/228#discussion_r669411582



##########
File path: ui-modules/home/app/views/about/about.template.html
##########
@@ -54,29 +54,71 @@ <h4 class="list-group-item-heading">Brooklyn Server</h4>
                 </li>
             </ul>
 
-            <h2>HA status</h2>
-            <table class="table table-responsive table-bordered">
-                <thead>
-                <tr>
-                    <th class="server-status-node-id">Node ID</th>
-                    <th>Status</th>
-                </tr>
-                </thead>
-                <tbody>
-                <tr ng-repeat="node in vm.states.nodes track by node.nodeId"
-                    ng-class="{success: node.state === 'online', danger: 
node.state === 'offline'}">
-                    <td>
-                        {{node.nodeId}}
-                        <span ng-if="node.nodeId === vm.states.ownId" 
class="label label-info">current</span>
-                        <span ng-if="node.status === 'MASTER'" class="label 
label-success">master</span>
-                    </td>
-                    <td>
-                        <span class="text-left">{{node.status | 
lowercase}}</span>
-                        <a ng-if="node.state === 'online'" class="btn btn-xs 
btn-success pull-right" class="text-right" ng-class="{disabled: node.nodeUri 
=== null}">Open</a>
-                    </td>
-                </tr>
-                </tbody>
-            </table>
+            <h2>
+                HA status
+                <button ng-if="vm.states.nodes[vm.states.ownId].status === 
'MASTER'"
+                        ng-click="vm.removeAllTerminatedNodes()" class="btn 
btn-sm btn-default"
+                        style="float: right;">Remove terminated nodes</button>
+            </h2>
+
+            <ng-include src="vm.template"></ng-include>
+
+            <script type="text/ng-template" id="haStatusTemplate">
+
+                <table class="table table-responsive table-bordered 
table-hover">
+                    <thead>
+                    <tr>
+                        <th class="server-status-node-id">Node ID</th>
+                        <th>Information</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr ng-repeat="node in vm.states.nodes track by 
node.nodeId"
+                        ng-class="{success: node.state === 'online', danger: 
node.state === 'offline'}"
+                        ng-mouseover="row = $index" ng-mouseleave="row = -1">
+                        <td>
+                            {{node.nodeId}}
+                            <button class="btn btn-sm btn-default" 
style="float: right;"
+                                    ng-if="node.nodeId === vm.states.ownId"
+                                    ng-click="vm.openDialog(vm.states, 
vm.states.ownId, vm.serverApi, vm.container)"
+                                    ng-show="row == $index">Manage</button>
+                            <button class="btn btn-sm btn-default" 
style="float: right;"
+                                    ng-if="(node.status === 'TERMINATED') && 
(vm.states.nodes[vm.states.ownId].status === 'MASTER')"
+                                    ng-click="vm.removeNode(node.nodeId)" 
ng-show="row == $index">Remove</button>
+                            <span ng-if="node.nodeId === vm.states.ownId" 
class="label label-info">current</span>
+                            <span ng-if="node.status === 'MASTER'" 
class="label label-success">master</span><br>
+                        </td>
+                        <td>
+                            <span class="text-left">Status: {{node.status | 
lowercase}}</span><br>
+                            <span class="text-left">Last active: 
{{node.remoteTimestamp | timeAgoFilter}}</span><br>
+                            <span class="text-left">Priority: 
{{node.priority}}</span><br>
+                            <a ng-if="node.state === 'online'" class="btn 
btn-xs btn-success pull-right"
+                               class="text-right" ng-class="{disabled: 
node.nodeUri === null}">Open</a>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </script>
+
+            <script type="text/ng-template" id="spinnerTemplate">
+                <br-interstitial-spinner event-count="1" remove-after="0" 
max-wait="120000">
+                    <style>
+                        
${require('brooklyn-shared/partials/interstitial.less')}
+                    </style>
+
+                    <div class="spinner-area" style="height: 100px">
+                        <div class="spinner">
+                            <div class="svg-container">
+                                <svg viewBox="20 20 60 60">
+                                    <circle r="25" cx="50" cy="50" 
class="background"/>
+                                    <circle r="25" cx="50" cy="50" 
class="foreground"/>
+                                </svg>
+                            </div>
+                        </div>
+                    </div>
+                </br-interstitial-spinner>
+            </script>
+  
             <h2>Logbook</h2>
             <a class="btn btn-sm btn-default" href="#!/logbook"><i class="fa 
fa-eye"></i> Logbook</a>

Review comment:
       Please remove this old button and header. Logbook directive is at the 
bottom now.




-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: dev-unsubscr...@brooklyn.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


Reply via email to