| 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 |
1
1
1
1
2
2
1
1
2
2
1
1
3
3
1
1
2
1
1
1
1
1
1
9
9
2
2
7
2
2
5
2
2
3
3
3
| 'use strict';
;require.register("views/main/admin/highAvailability/progress_view", function (exports, require, module) {
/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file 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.
*/
var App = require('app');
App.HighAvailabilityProgressPageView = Em.View.extend(App.wizardProgressPageViewMixin, {
/**
* @type {string}
*/
notice: Em.I18n.t('admin.highAvailability.wizard.progressPage.notice.inProgress'),
/**
* @type {string}
*/
noticeClass: 'alert alert-info',
didInsertElement: function didInsertElement() {
this.get('controller').loadStep();
},
/**
* @type {string}
*/
headerTitle: function () {
var currentStep = App.router.get('highAvailabilityWizardController.currentStep');
if (currentStep === 1) {
return Em.I18n.t('admin.highAvailability.wizard.rollback.header.title');
} else {
return Em.I18n.t('admin.highAvailability.wizard.step' + currentStep + '.header');
}
}.property(),
/**
* @type {string}
*/
noticeInProgress: function () {
var currentStep = App.router.get('highAvailabilityWizardController.currentStep');
if (currentStep === 1) {
return Em.I18n.t('admin.highAvailability.rollback.notice.inProgress');
} else {
return Em.I18n.t('admin.highAvailability.wizard.progressPage.notice.inProgress');
}
}.property(),
onStatusChange: function () {
var status = this.get('controller.status');
if (status === 'COMPLETED') {
this.set('notice', this.get('noticeCompleted'));
this.set('noticeClass', 'alert alert-success');
} else if (status === 'FAILED') {
this.set('notice', this.get('noticeFailed'));
this.set('noticeClass', 'alert alert-danger');
} else {
this.set('notice', this.get('noticeInProgress'));
this.set('noticeClass', 'alert alert-info');
}
}.observes('controller.status'),
/**
* @type {Em.View}
*/
taskView: Em.View.extend({
icon: '',
iconColor: '',
linkClass: '',
didInsertElement: function didInsertElement() {
this.onStatus();
$('body').tooltip({
selector: '[rel=tooltip]'
});
},
barWidth: Em.computed.format('width: {0}%;', 'content.progress'),
onStatus: function () {
this.set('linkClass', Boolean(this.get('content.requestIds.length')) ? 'active-link' : 'active-text');
if (this.get('content.status') === 'IN_PROGRESS') {
this.set('icon', 'glyphicon glyphicon-cog');
this.set('iconColor', 'text-info');
} else if (this.get('content.status') === 'FAILED') {
this.set('icon', 'glyphicon glyphicon-exclamation-sign');
this.set('iconColor', 'text-danger');
} else if (this.get('content.status') === 'COMPLETED') {
this.set('icon', 'glyphicon glyphicon-ok');
this.set('iconColor', 'text-success');
} else {
this.set('icon', 'glyphicon glyphicon-cog');
this.set('iconColor', '');
this.set('linkClass', 'not-active-link');
}
}.observes('content.status', 'content.hosts.length'),
showProgressBar: Em.computed.equal('content.status', 'IN_PROGRESS'),
hidePercent: Em.computed.equal('content.command', 'testDBConnection'),
showDBTooltip: Em.computed.not('hidePercent')
})
});
}); |