admin/sao2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-update off

Browse Source
This commit is contained in:
laurentbarontini
2026-07-07 14:46:43 +02:00
parent 2a1c10ad4e
commit a69daa1294
4 changed files with 582 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
tryton-sao.js
View File

@@ -21313,6 +21313,167 @@ function eval_pyson(value){
const json = value.slice(3);
const config = JSON.parse(json); // doit contenir { highlightedCountry: '250' }
if (config.type === 'execution-summary') {
let d3Div = container.find('.d3-execution-summary-container');
if (d3Div.length === 0) {
d3Div = $('<div/>', {
class: 'd3-execution-summary-container',
css: {
width: '100%',
height: height.toString() + 'px',
overflow: 'hidden',
background: 'transparent'
}
}).appendTo(container);
} else {
d3Div.empty();
}
const loadD3ExecutionSummary = () => {
const node = d3Div[0];
const w = Math.max(300, node.clientWidth || width || 360);
const h = Math.max(125, height || 160);
const totals = config.totals || {};
const rows = config.rows || [];
const totalQty = Math.max(1, Number(totals.quantity || 0));
const matched = Number(totals.matched || 0);
const shipped = Number(totals.shipped || 0);
const matchedPct = Math.min(100, Math.round((matched / totalQty) * 100));
const shippedPct = Math.min(100, Math.round((shipped / totalQty) * 100));
const fmt = d3.format(',.0f');
const hasTitle = Boolean(config.title);
const statsY = hasTitle ? 30 : 8;
const barY = hasTitle ? 58 : 36;
const rowY = hasTitle ? 84 : 62;
const palette = {
matched: '#2b8c87',
shipped: '#145369',
open: '#dbe8e3',
text: '#24484d',
muted: '#6b7d7b',
line: '#e3ede8'
};
const svg = d3.select(node).append('svg')
.attr('width', w)
.attr('height', h)
.attr('viewBox', `0 0 ${w} ${h}`);
if (hasTitle) {
svg.append('text')
.attr('x', 4)
.attr('y', 15)
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 12)
.attr('font-weight', 700)
.attr('fill', palette.text)
.text(config.title);
}
const stats = [
{label: 'Lines', value: fmt(totals.lines || rows.length || 0)},
{label: 'Matched', value: matchedPct + '%'},
{label: 'Shipped', value: shippedPct + '%'}
];
const stat = svg.selectAll('g.stat')
.data(stats)
.join('g')
.attr('class', 'stat')
.attr('transform', (d, i) => `translate(${4 + i * Math.min(95, (w - 16) / 3)}, ${statsY})`);
stat.append('text')
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 10)
.attr('fill', palette.muted)
.text(d => d.label);
stat.append('text')
.attr('y', 16)
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 14)
.attr('font-weight', 700)
.attr('fill', palette.text)
.text(d => d.value);
const barX = 4;
const barW = Math.max(160, w - 8);
const barH = 8;
svg.append('rect')
.attr('x', barX)
.attr('y', barY)
.attr('width', barW)
.attr('height', barH)
.attr('rx', 4)
.attr('fill', palette.open);
svg.append('rect')
.attr('x', barX)
.attr('y', barY)
.attr('width', barW * Math.min(1, matched / totalQty))
.attr('height', barH)
.attr('rx', 4)
.attr('fill', palette.matched);
svg.append('rect')
.attr('x', barX)
.attr('y', barY)
.attr('width', barW * Math.min(1, shipped / totalQty))
.attr('height', barH)
.attr('rx', 4)
.attr('fill', palette.shipped);
const row = svg.selectAll('g.exec-row')
.data(rows.slice(0, 3))
.join('g')
.attr('class', 'exec-row')
.attr('transform', (d, i) => `translate(4, ${rowY + i * 24})`);
row.append('line')
.attr('x1', 0)
.attr('x2', w - 8)
.attr('y1', -8)
.attr('y2', -8)
.attr('stroke', palette.line);
row.append('text')
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 10)
.attr('font-weight', 700)
.attr('fill', palette.text)
.text(d => (d.product || 'Line').slice(0, 18));
row.append('text')
.attr('x', 170)
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 10)
.attr('fill', palette.muted)
.text(d => `${fmt(d.shipped || 0)}/${fmt(d.quantity || 0)} ${d.unit || ''}`);
row.append('text')
.attr('x', 250)
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 10)
.attr('fill', palette.muted)
.text(d => (d.route || '').slice(0, 32));
if (!rows.length) {
svg.append('text')
.attr('x', 4)
.attr('y', 90)
.attr('font-family', 'Inter, sans-serif')
.attr('font-size', 11)
.attr('fill', palette.muted)
.text('No purchase lines to summarize');
}
};
const ensureD3 = (cb) => {
if (typeof d3 !== 'undefined') {
cb();
return;
}
const script = document.createElement('script');
script.src = 'https://d3js.org/d3.v7.min.js';
script.onload = cb;
document.head.appendChild(script);
};
ensureD3(loadD3ExecutionSummary);
return;
}
// Réutilise le conteneur si déjà présent
let d3Div = container.find('.d3-map-container');
if (d3Div.length === 0) {
@@ -23181,9 +23342,24 @@ function eval_pyson(value){
var save_options = this._pending_state_save_options || {};
this._pending_state_save_options = null;
this._state_save_timer = null;
this._persist_grid_state(save_options);
this._mark_grid_state_dirty(save_options);
}, 80);
},
_mark_grid_state_dirty: function(options) {
options = options || {};
var state = this._capture_grid_state();
var active_preset = this._find_layout_preset(this._active_layout_id);
this._layout_dirty = active_preset ?
!Sao.common.compare(active_preset.state, state) :
!this._is_standard_layout_state(state);
this._render_column_menu();
this._render_grouping_panel();
this._render_layout_panel();
this._update_layout_button();
if (!options.skipLayoutRefresh) {
this._schedule_grid_layout_refresh();
}
},
_on_grid_column_layout_changed: function(options) {
options = options || {};
this._schedule_state_save(options);
@@ -23672,7 +23848,7 @@ function eval_pyson(value){
this._persisted_state = jQuery.extend({}, this._persisted_state || {});
this._persisted_state.grouping = this._build_grouping_state(
this._get_default_grouping_state(), state);
this._save_persisted_state(this._persisted_state);
this._mark_grid_state_dirty();
this._force_rowdata_reset = true;
this.display(this.get_selected_paths());
this._render_column_menu();
@@ -24837,7 +25013,7 @@ function eval_pyson(value){
}],
});
this._syncing_grid = false;
this._persist_grid_state();
this._mark_grid_state_dirty();
this._schedule_grid_layout_refresh();
},
_sync_optional_columns_from_grid_state: function(column_states) {
@@ -27439,7 +27615,7 @@ function eval_pyson(value){
} else {
this.screen.order = [order[0]];
}
this._persist_grid_state();
this._mark_grid_state_dirty();
if (filter_model && Object.keys(filter_model).length) {
return;
}
@@ -28146,6 +28322,7 @@ function eval_pyson(value){
var rect = this.grid_host[0].getBoundingClientRect();
var content_box = this.grid_host.closest('.content-box.ag-grid-content-box');
var screen_container = this.grid_host.closest('.screen-container');
var modal_body = this.grid_host.closest('.modal-body');
var toolbar_height = this.toolbar && this.toolbar.length ?
Math.ceil(this.toolbar.outerHeight(true)) : 0;
var summary_height = this.summary_bar && this.summary_bar.length ?
@@ -28161,9 +28338,14 @@ function eval_pyson(value){
window.innerHeight - content_rect.top - toolbar_height -
summary_height - external_scroll_height - bottom_margin);
}
var compact_min_height = 260;
var readable_min_height = 420;
var maximum_height = 720;
var embedded_auto_height = this.is_embedded_one2many &&
!this._embedded_height;
var compact_min_height = (modal_body.length || embedded_auto_height) ?
170 : 260;
var readable_min_height = modal_body.length ? 240 :
(embedded_auto_height ? 220 : 420);
var maximum_height = modal_body.length ? 360 :
(embedded_auto_height ? 300 : 720);
var height;
if (this.is_embedded_one2many && this._embedded_height) {
height = Math.max(80, this._embedded_height - toolbar_height -