vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(UX): colour duration to highlight bad rows

Browse source
This commit is contained in:
Ankush Menat 2024-05-14 12:15:16 +05:30
parent 16c8a30861
commit 49f8f4fe45
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frappe/core/doctype/recorder/recorder.js
View file

@ -9,6 +9,9 @@ frappe.ui.form.on("Recorder", {
frm.disable_save();
frm._sort_order = {};
frm.trigger("setup_sort");
frm.fields_dict.sql_queries.grid.grid_pagination.page_length = 500;
refresh_field("sql_queries");
frm.trigger("format_grid");
},
setup_sort: function (frm) {
@ -25,6 +28,21 @@ frappe.ui.form.on("Recorder", {
});
});
},
/// Format duration and copy cells
format_grid(frm) {
const max_duration = Math.max(20, ...frm.doc.sql_queries.map((d) => d.duration));
const heatmap = (table, field, max) => {
frm.fields_dict[table].grid.grid_rows.forEach((row) => {
const percent = Math.round((row.doc[field] / max) * 100);
$(row.columns[field]).css({
"background-color": `color-mix(in srgb, var(--bg-red) ${percent}%, var(--bg-color))`,
});
});
};
heatmap("sql_queries", "duration", max_duration);
},
});
frappe.ui.form.on("Recorder Query", "form_render", function (frm, cdt, cdn) {