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
|
odoo.define('website.s_progress_bar_options', function (require) {
'use strict';
const core = require('web.core');
const utils = require('web.utils');
const options = require('web_editor.snippets.options');
const _t = core._t;
options.registry.progress = options.Class.extend({
//--------------------------------------------------------------------------
// Options
//--------------------------------------------------------------------------
/**
* Changes the position of the progressbar text.
*
* @see this.selectClass for parameters
*/
display: function (previewMode, widgetValue, params) {
// retro-compatibility
if (this.$target.hasClass('progress')) {
this.$target.removeClass('progress');
this.$target.find('.progress-bar').wrap($('<div/>', {
class: 'progress',
}));
this.$target.find('.progress-bar span').addClass('s_progress_bar_text');
}
let $text = this.$target.find('.s_progress_bar_text');
if (!$text.length) {
$text = $('<span/>').addClass('s_progress_bar_text').html(_t('80% Development'));
}
if (widgetValue === 'inline') {
$text.appendTo(this.$target.find('.progress-bar'));
} else {
$text.insertBefore(this.$target.find('.progress'));
}
},
/**
* Sets the progress bar value.
*
* @see this.selectClass for parameters
*/
progressBarValue: function (previewMode, widgetValue, params) {
let value = parseInt(widgetValue);
value = utils.confine(value, 0, 100);
const $progressBar = this.$target.find('.progress-bar');
const $progressBarText = this.$target.find('.s_progress_bar_text');
// Target precisely the XX% not only XX to not replace wrong element
// eg 'Since 1978 we have completed 45%' <- don't replace 1978
$progressBarText.text($progressBarText.text().replace(/[0-9]+%/, value + '%'));
$progressBar.attr("aria-valuenow", value);
$progressBar.css("width", value + "%");
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* @override
*/
_computeWidgetState: function (methodName, params) {
switch (methodName) {
case 'display': {
const isInline = this.$target.find('.s_progress_bar_text')
.parent('.progress-bar').length;
return isInline ? 'inline' : 'below';
}
case 'progressBarValue': {
return this.$target.find('.progress-bar').attr('aria-valuenow') + '%';
}
}
return this._super(...arguments);
},
});
});
|
