mirror of https://gitee.com/bigwinds/arangodb
First version of shard overview in cluster interface
This commit is contained in:
parent
723545a1d4
commit
80ffa5d73d
|
@ -85,3 +85,6 @@ div.domino-lower {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button.shard {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
|
@ -1,4 +1,19 @@
|
||||||
|
<% var statusClass = function(s) {
|
||||||
|
switch (s) {
|
||||||
|
case "ok":
|
||||||
|
return "success";
|
||||||
|
case "warning":
|
||||||
|
return "warning";
|
||||||
|
case "critical":
|
||||||
|
return "danger";
|
||||||
|
}
|
||||||
|
};
|
||||||
|
%>
|
||||||
<h3 class="clusterColumnHeader">Shards</h3>
|
<h3 class="clusterColumnHeader">Shards</h3>
|
||||||
<button>Shard 1</button>
|
<ul>
|
||||||
<button>Shard 2</button>
|
<% _.each(shards, function(v) { %>
|
||||||
<button>Shard 3</button>
|
<li>
|
||||||
|
<button id="<%=v.name%>" class="btn btn-server btn-<%=statusClass(v.status)%> shard"><%=v.name%></button>
|
||||||
|
</li>
|
||||||
|
<% }); %>
|
||||||
|
</ul>
|
||||||
|
|
|
@ -10,8 +10,29 @@
|
||||||
|
|
||||||
template: templateEngine.createTemplate("clusterShardsView.ejs"),
|
template: templateEngine.createTemplate("clusterShardsView.ejs"),
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
this.fakeData = {
|
||||||
|
shards: [
|
||||||
|
{
|
||||||
|
name: "Shard 1",
|
||||||
|
status: "ok"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Shard 2",
|
||||||
|
status: "warning"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Shard 3",
|
||||||
|
status: "critical"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
render: function(){
|
render: function(){
|
||||||
$(this.el).html(this.template.render({}));
|
$(this.el).html(this.template.render({
|
||||||
|
shards: this.fakeData.shards
|
||||||
|
}));
|
||||||
return this;
|
return this;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue