[IMP] web_pivot_computed_measure: Saving vertical space

pull/2755/head
Ernesto Tejeda 2020-12-01 22:57:45 -05:00 committed by Carlos Roca
parent 833aea97d0
commit c120cb8923
5 changed files with 108 additions and 68 deletions

View File

@ -4,7 +4,7 @@
{ {
"name": "Web Pivot Computed Measure", "name": "Web Pivot Computed Measure",
"category": "web", "category": "web",
"version": "13.0.1.0.0", "version": "13.0.1.1.0",
"author": "Tecnativa, Odoo Community Association (OCA)", "author": "Tecnativa, Odoo Community Association (OCA)",
"license": "AGPL-3", "license": "AGPL-3",
"website": "https://github.com/OCA/web", "website": "https://github.com/OCA/web",

View File

@ -176,7 +176,8 @@ odoo.define("web_pivot_computed_measure.PivotController", function(require) {
if ($(ev.target).val() === "custom") { if ($(ev.target).val() === "custom") {
this.$buttons_measures_ex this.$buttons_measures_ex
.find("#container_computed_measure_operation_custom") .find("#container_computed_measure_operation_custom")
.removeClass("d-none"); .removeClass("d-none")
.addClass("d-table-row");
} else { } else {
const format = $option.data("format"); const format = $option.data("format");
if (format) { if (format) {
@ -186,6 +187,7 @@ odoo.define("web_pivot_computed_measure.PivotController", function(require) {
} }
this.$buttons_measures_ex this.$buttons_measures_ex
.find("#container_computed_measure_operation_custom") .find("#container_computed_measure_operation_custom")
.removeClass("d-table-row")
.addClass("d-none"); .addClass("d-none");
} }
}, },

View File

@ -0,0 +1,9 @@
#add_computed_measure_wrapper {
padding: 0 20px;
min-width: 300px;
white-space: nowrap;
.d-table-cell {
vertical-align: middle;
padding: 3px 0;
}
}

View File

@ -59,73 +59,98 @@ License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
</span> </span>
</a> </a>
<t t-if="isOpen"> <t t-if="isOpen">
<div class="dropdown-item-text"> <div id="add_computed_measure_wrapper" class="d-table">
<label for="computed_measure_field_1">Measure 1</label> <div class="d-table-row">
<select <div class="d-table-cell">
class="o_input o_date_field_selector" <label for="computed_measure_field_1">Measure 1</label>
id="computed_measure_field_1" </div>
<div class="d-table-cell">
<select class="o_input" id="computed_measure_field_1">
<t t-foreach="measures" t-as="measure">
<option t-att-value="measure[0]">
<t t-esc="measure[1].string" />
</option>
</t>
</select>
</div>
</div>
<div class="d-table-row">
<div class="d-table-cell">
<label for="computed_measure_field_2">Measure 2</label>
</div>
<div class="d-table-cell">
<select class="o_input" id="computed_measure_field_2">
<t t-foreach="measures" t-as="measure">
<option t-att-value="measure[0]">
<t t-esc="measure[1].string" />
</option>
</t>
</select>
</div>
</div>
<div class="d-table-row">
<div class="d-table-cell">
<label for="computed_measure_operation">Operation</label>
</div>
<div class="d-table-cell">
<select class="o_input" id="computed_measure_operation">
<t
t-call="web_pivot_computed_measure.ComputedMeasureOperations"
/>
</select>
</div>
</div>
<div
t-if="debug"
class="d-none"
id="container_computed_measure_operation_custom"
> >
<t t-foreach="measures" t-as="measure"> <div class="d-table-cell">
<option t-att-value="measure[0]"> <label
<t t-esc="measure[1].string" /> for="computed_measure_operation_custom"
</option> >Formula</label>
</t> </div>
</select> <div class="d-table-cell">
</div> <input
<div class="dropdown-item-text"> type="text"
<label for="computed_measure_field_2">Measure 2</label> class="o_input"
<select id="computed_measure_operation_custom"
class="o_input o_time_range_selector" />
id="computed_measure_field_2" </div>
> </div>
<t t-foreach="measures" t-as="measure"> <div class="d-table-row">
<option t-att-value="measure[0]"> <div class="d-table-cell">
<t t-esc="measure[1].string" /> <label for="computed_measure_name">Name</label>
</option> </div>
</t> <div class="d-table-cell">
</select> <input
</div> placeholder="Can be empty"
<div class="dropdown-item-text"> type="text"
<label for="computed_measure_operation">Operation</label> class="o_input"
<select id="computed_measure_name"
class="o_input o_time_range_selector" />
id="computed_measure_operation" </div>
> </div>
<t <div class="d-table-row">
t-call="web_pivot_computed_measure.ComputedMeasureOperations" <div class="d-table-cell">
/> <label for="computed_measure_format">Format</label>
</select> </div>
</div> <div class="d-table-cell">
<div <select class="o_input" id="computed_measure_format">
t-if="debug" <t
class="dropdown-item-text d-none" t-call="web_pivot_computed_measure.ComputedMeasureFormats"
id="container_computed_measure_operation_custom" />
> </select>
<label for="computed_measure_operation_custom">Formula</label> </div>
<input type="text" id="computed_measure_operation_custom" /> </div>
</div> <div class="d-table-row">
<div class="dropdown-item-text"> <div class="d-table-cell">
<label for="computed_measure_name">Name</label> <button
<input class="btn btn-primary o_add_computed_measure"
placeholder="Can be empty" type="button"
type="text" >Add</button>
id="computed_measure_name" </div>
/> </div>
</div>
<div class="dropdown-item-text">
<label for="computed_measure_format">Format</label>
<select
class="o_input o_time_range_selector"
id="computed_measure_format"
>
<t t-call="web_pivot_computed_measure.ComputedMeasureFormats" />
</select>
</div>
<div class="dropdown-item-text">
<button
class="btn btn-primary o_add_computed_measure"
type="button"
>Add</button>
</div> </div>
</t> </t>
</div> </div>

View File

@ -10,6 +10,10 @@
type="text/javascript" type="text/javascript"
src="/web_pivot_computed_measure/static/src/js/pivot_controller.js" src="/web_pivot_computed_measure/static/src/js/pivot_controller.js"
/> />
<link
rel="stylesheet"
href="/web_pivot_computed_measure/static/src/scss/web_pivot_computed_measure.scss"
/>
</xpath> </xpath>
</template> </template>
</odoo> </odoo>