Maintainers
-This module is part of the quentinDupont/grap-odoo-incubator project on GitHub.
+This module is part of the quentinDupont/web project on GitHub.
You are welcome to contribute.
-
+* License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html) **/
+
+odoo.define('web.web_widget_numeric_step', function(require) {
+ "use strict";
+
+ var Registry = require('web.field_registry');
+ var NumericStep = require('web.basic_fields').FieldFloat;
+
+ /**
+ * Get decimal precision for the input field
+ *
+ * @param {object} input Input field
+ * @return {int} Precision
+ */
+ function getPrecision(input) {
+ if (!isFinite(input)) return 0;
+ var ten_multiple = 1, precision = 0;
+ while (Math.round(input * ten_multiple) / ten_multiple !== input) {
+ ten_multiple *= 10;
+ precision++;
+ }
+ return precision;
+ }
+
+ /**
+ * Increase input number with chosen step iteration
+ *
+ * @param {object} self Input field
+ * @param {Float} step Step iteration
+ * @param {String} minusOrPlus Choose "minus" to decrease. Default is "plus"
+ */
+ function addStep(self, step, minusOrPlus) {
+ var oldVal= parseFloat(self._getValue());
+ var precision = Math.max(getPrecision(oldVal), getPrecision(step))
+ if (minusOrPlus == "minus") {
+ step = -step
+ }
+ var newVal = oldVal + step;
+ // Check input limits
+ if (newVal > self.attrs.options.max) {
+ newVal = self.attrs.options.max;
+ } else if (newVal < self.attrs.options.min) {
+ newVal = self.attrs.options.min;
+ }
+ var newVal_s = newVal.toFixed(precision).toString();
+ self._setValue(newVal_s);
+ self.$input[0].value = newVal_s;
+ }
+
+
+ NumericStep.include({
+ template: 'web_widget_numeric_step',
+
+ _render: function () {
+ var self = this;
+ // Use native options for input number
+ this.nodeOptions['type'] = "number";
+ this._super();
+
+ // Add native options for input number
+ var input_number_options = ['max', 'min', 'placeholder', 'step'];
+ for (var options of input_number_options) {
+ if (typeof this.nodeOptions[options] !== 'undefined') {
+ this.$el[0][options] = this.nodeOptions[options];
+ }
+ }
+
+ this.$("button").parents().removeClass("o_field_integer o_field_number o_input o_required_modifier");
+ this.$("button").click(function() {
+ var node = $(this).parent()[0];
+
+ // Get step option or default is 1
+ if (typeof node.attributes['step'] !== 'undefined') {
+ var step = parseFloat(node.attributes['step'].value);
+ } else {
+ var step = 1;
+ }
+ // PLUS button
+ if ($(this).hasClass("btn_numeric_step_plus")) {
+ addStep(self, step, "plus")
+ // MINUS button
+ } else if ($(this).hasClass("btn_numeric_step_minus")){
+ addStep(self, step, "minus")
+
+ };
+ });
+ },
+ });
+
+ Registry.add('numeric_step', NumericStep);
+
+});
diff --git a/web_widget_numeric_step/static/src/scss/numeric_step.scss b/web_widget_numeric_step/static/src/scss/numeric_step.scss
new file mode 100644
index 000000000..df61457fc
--- /dev/null
+++ b/web_widget_numeric_step/static/src/scss/numeric_step.scss
@@ -0,0 +1,29 @@
+
+.input_numeric_step {
+ width: 71% !important;
+}
+
+.btns_numeric_step {
+ width: 27% !important;
+ button {
+ height: 25px;
+ }
+}
+
+/* Turn Off Number Input Spinners */
+input{
+ /* Firefox */
+ -moz-appearance: textfield;
+
+ /* Chrome */
+ &::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin:0;
+ }
+
+ /* Opéra*/
+ &::-o-inner-spin-button {
+ -o-appearance: none;
+ margin: 0;
+ }
+}
diff --git a/web_widget_number_ux_choice/static/src/xml/number_ux_choice.xml b/web_widget_numeric_step/static/src/xml/numeric_step.xml
similarity index 61%
rename from web_widget_number_ux_choice/static/src/xml/number_ux_choice.xml
rename to web_widget_numeric_step/static/src/xml/numeric_step.xml
index 00baada9d..904e4c14c 100644
--- a/web_widget_number_ux_choice/static/src/xml/number_ux_choice.xml
+++ b/web_widget_numeric_step/static/src/xml/numeric_step.xml
@@ -5,11 +5,11 @@ Copyright (C) 2019 - Today: GRAP (http://www.grap.coop)
License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
-->
-
+
-
-
Web Widget UX Number Choice
+
+
diff --git a/web_widget_numeric_step/static/description/step0,25andlimits.gif b/web_widget_numeric_step/static/description/step0,25andlimits.gif
new file mode 100644
index 000000000..1e5827236
Binary files /dev/null and b/web_widget_numeric_step/static/description/step0,25andlimits.gif differ
diff --git a/web_widget_numeric_step/static/description/step10_limit15_placeholder117_with_onchange.gif b/web_widget_numeric_step/static/description/step10_limit15_placeholder117_with_onchange.gif
new file mode 100644
index 000000000..eb0b6e815
Binary files /dev/null and b/web_widget_numeric_step/static/description/step10_limit15_placeholder117_with_onchange.gif differ
diff --git a/web_widget_numeric_step/static/src/js/numeric_step.js b/web_widget_numeric_step/static/src/js/numeric_step.js
new file mode 100644
index 000000000..ca54e891b
--- /dev/null
+++ b/web_widget_numeric_step/static/src/js/numeric_step.js
@@ -0,0 +1,95 @@
+/**
+* Copyright (C) 2019 - Today: GRAP (http://www.grap.coop)
+* @author: Quentin DUPONT Web Widget Numeric Step
-
This widget changes input number field and make it easier to incremente the number thanks to 2 buttons (+ and -). -We can be parametred to choose the iteration step (0.1 for more precision etc.)
+Use JS native logic for input number, so you can use the options min, max, step, placeholder.Table of contents
-
@@ -385,32 +385,33 @@ We can be parametred to choose the iteration step (0.1 for more precision etc.)<
Usage
-In your xml view, add widget="number_ux_choice" -This will add the 2 buttons +” and “-” just next to the input field in edit mode. +
In your xml view, add widget="numeric_step" +This will add the 2 buttons “+” and “-” just next to the input field in edit mode. Iteration step by default is 1.
-
+
-
+
Optional -Add an option to choose the step iteration -Example for an 0.1 step :
-<field name="sale_delay" widget="number_ux_choice" options="{'step': 0.1}" /> days
+Optional
+Add an option to choose the step iteration and limits (min and max values).
+Example for an 0.25 step, min to -1 and max to 10 :
+<field name="sale_delay" widget="numeric_step" options="{'step': 0.25, 'min': -1, 'max': 10}" /> days
Examples
-Iteration with 0.1 step
+Iteration with 0.25 step, min to -1 and max to 10.
+Start to incremente with button, continue incrementing with scrolling mouse.
-
+
-
+
Iteration with 10 step, with onchange
+Iteration with 10 step, max limit 15, placeholder with onchange
-
+
+
Bug Tracker
-Bugs are tracked on GitHub Issues. +
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smashing it by providing a detailed and welcomed -feedback.
+feedback.Do not contact contributors directly about support or help with technical issues.
@@ -432,7 +433,7 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
-
+
+
diff --git a/web_widget_numeric_step/view/web_widget_numeric_step.xml b/web_widget_numeric_step/view/web_widget_numeric_step.xml
new file mode 100644
index 000000000..bfeb67b5a
--- /dev/null
+++ b/web_widget_numeric_step/view/web_widget_numeric_step.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
+