1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
|
(function( app, i18n, joey ) {
var ui = app.ns("ui");
var ut = app.ns("ut");
ui.NodesView = ui.AbstractWidget.extend({
defaults: {
interactive: true,
aliasRenderer: "list",
scaleReplicas: 1,
cluster: null,
data: null
},
init: function() {
this._super();
this.interactive = this.config.interactive;
this.cluster = this.config.cluster;
this._aliasRenderFunction = {
"none": this._aliasRender_template_none,
"list": this._aliasRender_template_list,
"full": this._aliasRender_template_full
}[ this.config.aliasRenderer ];
this._styleSheetEl = joey({ tag: "STYLE", text: ".uiNodesView-nullReplica, .uiNodesView-replica { zoom: " + this.config.scaleReplicas + " }" });
this.el = $( this._main_template( this.config.data.cluster, this.config.data.indices ) );
},
_newAliasAction_handler: function( index ) {
var fields = new app.ux.FieldCollection({
fields: [
new ui.TextField({ label: i18n.text("AliasForm.AliasName"), name: "alias", require: true })
]
});
var dialog = new ui.DialogPanel({
title: i18n.text("AliasForm.NewAliasForIndexName", index.name),
body: new ui.PanelForm({ fields: fields }),
onCommit: function(panel, args) {
if(fields.validate()) {
var data = fields.getData();
var command = {
"actions" : [
{ "add" : { "index" : index.name, "alias" : data["alias"] } }
]
};
this.config.cluster.post('_aliases', JSON.stringify(command), function(d) {
dialog.close();
alert(JSON.stringify(d));
this.fire("redraw");
}.bind(this) );
}
}.bind(this)
}).open();
},
_postIndexAction_handler: function(action, index, redraw) {
this.cluster.post(encodeURIComponent( index.name ) + "/" + encodeURIComponent( action ), null, function(r) {
alert(JSON.stringify(r));
redraw && this.fire("redraw");
}.bind(this));
},
_optimizeIndex_handler: function(index) {
var fields = new app.ux.FieldCollection({
fields: [
new ui.TextField({ label: i18n.text("OptimizeForm.MaxSegments"), name: "max_num_segments", value: "1", require: true }),
new ui.CheckField({ label: i18n.text("OptimizeForm.ExpungeDeletes"), name: "only_expunge_deletes", value: false }),
new ui.CheckField({ label: i18n.text("OptimizeForm.FlushAfter"), name: "flush", value: true }),
new ui.CheckField({ label: i18n.text("OptimizeForm.WaitForMerge"), name: "wait_for_merge", value: false })
]
});
var dialog = new ui.DialogPanel({
title: i18n.text("OptimizeForm.OptimizeIndex", index.name),
body: new ui.PanelForm({ fields: fields }),
onCommit: function( panel, args ) {
if(fields.validate()) {
this.cluster.post(encodeURIComponent( index.name ) + "/_optimize", fields.getData(), function(r) {
alert(JSON.stringify(r));
});
dialog.close();
}
}.bind(this)
}).open();
},
_testAnalyser_handler: function(index) {
this.cluster.get(encodeURIComponent( index.name ) + "/_analyze?text=" + encodeURIComponent( prompt( i18n.text("IndexCommand.TextToAnalyze") ) ), function(r) {
alert(JSON.stringify(r, true, " "));
});
},
_deleteIndexAction_handler: function(index) {
if( prompt( i18n.text("AliasForm.DeleteAliasMessage", i18n.text("Command.DELETE"), index.name ) ) === i18n.text("Command.DELETE") ) {
this.cluster["delete"](encodeURIComponent( index.name ), null, function(r) {
alert(JSON.stringify(r));
this.fire("redraw");
}.bind(this) );
}
},
_shutdownNode_handler: function(node) {
if(prompt( i18n.text("IndexCommand.ShutdownMessage", i18n.text("Command.SHUTDOWN"), node.cluster.name ) ) === i18n.text("Command.SHUTDOWN") ) {
this.cluster.post( "_cluster/nodes/" + encodeURIComponent( node.name ) + "/_shutdown", null, function(r) {
alert(JSON.stringify(r));
this.fire("redraw");
}.bind(this));
}
},
_deleteAliasAction_handler: function( index, alias ) {
if( confirm( i18n.text("Command.DeleteAliasMessage" ) ) ) {
var command = {
"actions" : [
{ "remove" : { "index" : index.name, "alias" : alias.name } }
]
};
this.config.cluster.post('_aliases', JSON.stringify(command), function(d) {
alert(JSON.stringify(d));
this.fire("redraw");
}.bind(this) );
}
},
_replica_template: function(replica) {
var r = replica.replica;
return { tag: "DIV",
cls: "uiNodesView-replica" + (r.primary ? " primary" : "") + ( " state-" + r.state ),
text: r.shard.toString(),
onclick: function() { new ui.JsonPanel({
json: replica.status || r,
title: r.index + "/" + r.node + " [" + r.shard + "]" });
}
};
},
_routing_template: function(routing) {
var cell = { tag: "TD", cls: "uiNodesView-routing" + (routing.open ? "" : " close"), children: [] };
for(var i = 0; i < routing.replicas.length; i++) {
if(i % routing.max_number_of_shards === 0 && i > 0) {
cell.children.push({ tag: "BR" });
}
if( routing.replicas[i] ) {
cell.children.push(this._replica_template(routing.replicas[i]));
} else {
cell.children.push( { tag: "DIV", cls: "uiNodesView-nullReplica" } );
}
}
return cell;
},
_nodeControls_template: function( node ) { return (
{ tag: "DIV", cls: "uiNodesView-controls", children: [
new ui.MenuButton({
label: i18n.text("NodeInfoMenu.Title"),
menu: new ui.MenuPanel({
items: [
{ text: i18n.text("NodeInfoMenu.ClusterNodeInfo"), onclick: function() { new ui.JsonPanel({ json: node.cluster, title: node.name });} },
{ text: i18n.text("NodeInfoMenu.NodeStats"), onclick: function() { new ui.JsonPanel({ json: node.stats, title: node.name });} }
]
})
}),
new ui.MenuButton({
label: i18n.text("NodeActionsMenu.Title"),
menu: new ui.MenuPanel({
items: [
{ text: i18n.text("NodeActionsMenu.Shutdown"), onclick: function() { this._shutdownNode_handler(node); }.bind(this) }
]
})
})
] }
); },
_nodeIcon_template: function( node ) {
var icon, alt;
if( node.name === "Unassigned" ) {
icon = "fa-exclamation-triangle";
alt = i18n.text( "NodeType.Unassigned" );
} else if( node.cluster.settings && "tribe" in node.cluster.settings) {
icon = "fa-sitemap";
alt = i18n.text("NodeType.Tribe" );
} else {
icon = "fa-" + (node.master_node ? "star" : "circle") + (node.data_node ? "" : "-o" );
alt = i18n.text( node.master_node ? ( node.data_node ? "NodeType.Master" : "NodeType.Coord" ) : ( node.data_node ? "NodeType.Worker" : "NodeType.Client" ) );
}
return { tag: "TD", title: alt, cls: "uiNodesView-icon", children: [
{ tag: "SPAN", cls: "fa fa-2x " + icon }
] };
},
_node_template: function(node) {
return { tag: "TR", cls: "uiNodesView-node" + (node.master_node ? " master": ""), children: [
this._nodeIcon_template( node ),
{ tag: "TH", children: node.name === "Unassigned" ? [
{ tag: "H3", text: node.name }
] : [
{ tag: "H3", text: node.cluster.name },
{ tag: "DIV", text: node.cluster.hostname },
this.interactive ? this._nodeControls_template( node ) : null
] }
].concat(node.routings.map(this._routing_template, this))};
},
_indexHeaderControls_template: function( index ) { return (
{ tag: "DIV", cls: "uiNodesView-controls", children: [
new ui.MenuButton({
label: i18n.text("IndexInfoMenu.Title"),
menu: new ui.MenuPanel({
items: [
{ text: i18n.text("IndexInfoMenu.Status"), onclick: function() { new ui.JsonPanel({ json: index.status, title: index.name }); } },
{ text: i18n.text("IndexInfoMenu.Metadata"), onclick: function() { new ui.JsonPanel({ json: index.metadata, title: index.name }); } }
]
})
}),
new ui.MenuButton({
label: i18n.text("IndexActionsMenu.Title"),
menu: new ui.MenuPanel({
items: [
{ text: i18n.text("IndexActionsMenu.NewAlias"), onclick: function() { this._newAliasAction_handler(index); }.bind(this) },
{ text: i18n.text("IndexActionsMenu.Refresh"), onclick: function() { this._postIndexAction_handler("_refresh", index, false); }.bind(this) },
{ text: i18n.text("IndexActionsMenu.Flush"), onclick: function() { this._postIndexAction_handler("_flush", index, false); }.bind(this) },
{ text: i18n.text("IndexActionsMenu.Optimize"), onclick: function () { this._optimizeIndex_handler(index); }.bind(this) },
{ text: i18n.text("IndexActionsMenu.Snapshot"), disabled: closed, onclick: function() { this._postIndexAction_handler("_gateway/snapshot", index, false); }.bind(this) },
{ text: i18n.text("IndexActionsMenu.Analyser"), onclick: function() { this._testAnalyser_handler(index); }.bind(this) },
{ text: (index.state === "close") ? i18n.text("IndexActionsMenu.Open") : i18n.text("IndexActionsMenu.Close"), onclick: function() { this._postIndexAction_handler((index.state === "close") ? "_open" : "_close", index, true); }.bind(this) },
{ text: i18n.text("IndexActionsMenu.Delete"), onclick: function() { this._deleteIndexAction_handler(index); }.bind(this) }
]
})
})
] }
); },
_indexHeader_template: function( index ) {
var closed = index.state === "close";
var line1 = closed ? "index: close" : ( "size: " + (index.status && index.status.primaries && index.status.total ? ut.byteSize_template( index.status.primaries.store.size_in_bytes ) + " (" + ut.byteSize_template( index.status.total.store.size_in_bytes ) + ")" : "unknown" ) );
var line2 = closed ? "\u00A0" : ( "docs: " + (index.status && index.status.primaries && index.status.primaries.docs && index.status.total && index.status.total.docs ? index.status.primaries.docs.count.toLocaleString() + " (" + (index.status.total.docs.count + index.status.total.docs.deleted).toLocaleString() + ")" : "unknown" ) );
return index.name ? { tag: "TH", cls: (closed ? "close" : ""), children: [
{ tag: "H3", text: index.name },
{ tag: "DIV", text: line1 },
{ tag: "DIV", text: line2 },
this.interactive ? this._indexHeaderControls_template( index ) : null
] } : [ { tag: "TD" }, { tag: "TH" } ];
},
_aliasRender_template_none: function( cluster, indices ) {
return null;
},
_aliasRender_template_list: function( cluster, indices ) {
return cluster.aliases.length && { tag: "TBODY", children: [
{ tag: "TR", children: [
{ tag: "TD" }
].concat( indices.map( function( index ) {
return { tag: "TD", children: index.metadata && index.metadata.aliases.map( function( alias ) {
return { tag: "LI", text: alias };
} ) };
})) }
] };
},
_aliasRender_template_full: function( cluster, indices ) {
return cluster.aliases.length && { tag: "TBODY", children: cluster.aliases.map( function(alias, row) {
return { tag: "TR", children: [ { tag: "TD" },{ tag: "TD" } ].concat(alias.indices.map(function(index, i) {
if (index) {
return {
tag: "TD",
css: { background: "#" + "9ce9c7fc9".substr((row+6)%7,3) },
cls: "uiNodesView-hasAlias" + ( alias.min === i ? " min" : "" ) + ( alias.max === i ? " max" : "" ),
text: alias.name,
children: this.interactive ? [
{ tag: 'SPAN',
text: i18n.text("General.CloseGlyph"),
cls: 'uiNodesView-hasAlias-remove',
onclick: this._deleteAliasAction_handler.bind( this, index, alias )
}
]: null
};
} else {
return { tag: "TD" };
}
}, this ) ) };
}, this ) };
},
_main_template: function(cluster, indices) {
return { tag: "TABLE", cls: "table uiNodesView", children: [
this._styleSheetEl,
{ tag: "THEAD", children: [ { tag: "TR", children: indices.map(this._indexHeader_template, this) } ] },
this._aliasRenderFunction( cluster, indices ),
{ tag: "TBODY", children: cluster.nodes.map(this._node_template, this) }
] };
}
});
})( this.app, this.i18n, this.joey );
|