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
|
/**
* Copyright 2010-2013 Ben Birch
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this software except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
(function( $, app, i18n ){
var ui = app.ns("ui");
var data = app.ns("data");
ui.Browser = ui.Page.extend({
defaults: {
cluster: null // (required) instanceof app.services.Cluster
},
init: function() {
this._super();
this.cluster = this.config.cluster;
this.query = new app.data.Query( { cluster: this.cluster } );
this._refreshButton = new ui.Button({
label: i18n.text("General.RefreshResults"),
onclick: function( btn ) {
this.query.query();
}.bind(this)
});
this.el = $(this._main_template());
new data.MetaDataFactory({
cluster: this.cluster,
onReady: function(metadata) {
this.metadata = metadata;
this.store = new data.QueryDataSourceInterface( { metadata: metadata, query: this.query } );
this.queryFilter = new ui.QueryFilter({ metadata: metadata, query: this.query });
this.queryFilter.attach(this.el.find("> .uiBrowser-filter") );
this.resultTable = new ui.ResultTable( {
onHeaderClick: this._changeSort_handler,
store: this.store
} );
this.resultTable.attach( this.el.find("> .uiBrowser-table") );
this.updateResults();
}.bind(this)
});
},
updateResults: function() {
this.query.query();
},
_changeSort_handler: function(table, wEv) {
this.query.setSort(wEv.column, wEv.dir === "desc");
this.query.setPage(1);
this.query.query();
},
_main_template: function() {
return { tag: "DIV", cls: "uiBrowser", children: [
new ui.Toolbar({
label: i18n.text("Browser.Title"),
left: [ ],
right: [ this._refreshButton ]
}),
{ tag: "DIV", cls: "uiBrowser-filter" },
{ tag: "DIV", cls: "uiBrowser-table" }
] };
}
});
})( this.jQuery, this.app, this.i18n );
|