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
|
define([
'./gate',
'./details-view',
'./header-view'
], function (Gate, DetailsView, HeaderView) {
return Marionette.Controller.extend({
initialize: function (options) {
this.app = options.app;
this.canEdit = this.app.canEdit;
this.listenTo(this.app.gates, 'select', this.onSelect);
this.listenTo(this.app.gates, 'destroy', this.onDestroy);
},
index: function () {
this.app.gates.fetch();
},
show: function (id) {
var that = this;
this.app.gates.fetch().done(function () {
var gate = that.app.gates.get(id);
if (gate != null) {
gate.trigger('select', gate, { trigger: false });
}
});
},
onSelect: function (gate, options) {
var that = this,
route = 'show/' + gate.id,
opts = _.defaults(options || {}, { trigger: true });
if (opts.trigger) {
this.app.router.navigate(route);
}
this.app.gatesView.highlight(gate.id);
gate.fetch().done(function () {
var headerView = new HeaderView({
model: gate,
canEdit: that.canEdit
});
that.app.layout.headerRegion.show(headerView);
var detailsView = new DetailsView({
model: gate,
canEdit: that.canEdit,
metrics: that.app.metrics,
periods: that.app.periods
});
that.app.layout.detailsRegion.show(detailsView);
});
},
onDestroy: function () {
this.app.router.navigate('');
this.app.layout.headerRegion.reset();
this.app.layout.detailsRegion.reset();
this.app.layout.renderIntro();
this.app.gatesView.highlight(null);
}
});
});
|
