diff --git a/OpenFoodFactsPower.user.js b/OpenFoodFactsPower.user.js
index 31d3c24..3dbe708 100644
--- a/OpenFoodFactsPower.user.js
+++ b/OpenFoodFactsPower.user.js
@@ -2,7 +2,7 @@
// @name Open Food Facts power user script
// @description Helps power users in their day to day work. Key "?" shows help. This extension is a kind of sandbox to experiment features that could be added to Open Food Facts website.
// @namespace openfoodfacts.org
-// @version 2024-01-03T11:20
+// @version 2024-01-03T13:20
// @include https://*.openfoodfacts.org/*
// @include https://*.openproductsfacts.org/*
// @include https://*.openbeautyfacts.org/*
@@ -59,7 +59,7 @@
var proPlatform = false; // TODO: to be included in isPageType()
const pageType = isPageType(); // test page type
const corsProxyURL = "";
- log("2024-01-03T11:20 - mode: " + pageType);
+ log("2024-01-03T13:20 - mode: " + pageType);
// Disable extension if the page is an API result; https://world.openfoodfacts.org/api/v0/product/3222471092705.json
if (pageType === "api") {
@@ -815,7 +815,7 @@ textarea.monospace {
Copydata();
submitToPopup(analyse_form);
});
-
+
$('body').append('');
$("#pwe_hide_text_fields").click(function(){
toggleHideTextFieldsPopUp();
@@ -825,6 +825,28 @@ textarea.monospace {
}
+ if (pageType === "edit" || pageType === "product view") {
+ var history = document.getElementById("history");
+ // add search field after "Changes history"
+ const historyInput = document.createElement("input");
+ history.after(historyInput);
+ var initalList = true;
+ // search term when the user fill a value
+ historyInput.addEventListener('input', function (input) {
+ const value = input.target.value;
+ let list = document.querySelector('#history_list').querySelectorAll('li');
+ // if search term is less than 2 characters, reset style and return
+ if (value.length < 2) {
+ if (initalList === false) list.forEach((x) => { x.style.color = '' });
+ initalList = true;
+ return;
+ }
+ initalList = false;
+ let re = new RegExp(value, 'i');
+ // highlight line in blue or grey weither it contains the searched term or not
+ list.forEach((x) => { x.style.color = (re.test(x.textContent)) ? 'blue' : 'grey' });
+ });
+ }
// Keyboard actions
$(document).on('keydown', function(event) {
@@ -1532,7 +1554,7 @@ ul#products_match_all > li > a > span { display: table-cell; width: 70%; vert
//$("#power-user-help").prev().addClass('ui-state-information');
return popup;
}
-
+
// Toggle popup
function togglePowerUserInfo(message) {
if ($("#power-user-help").dialog( "isOpen" ) === true) {
@@ -1542,7 +1564,7 @@ ul#products_match_all > li > a > span { display: table-cell; width: 70%; vert
return showPowerUserInfo(message);
}
}
-
+
// Hide Text Fields
function toggleHideTextFieldsPopUp() {
if($("#power-user-hide-fields-popup").dialog("isOpen") === true){
@@ -1551,26 +1573,26 @@ ul#products_match_all > li > a > span { display: table-cell; width: 70%; vert
return showPowerUserHideTextFieldsPopUp();
}
}
-
+
function showPowerUserHideTextFieldsPopUp(){
if($("#power-user-hide-fields-popup").length === 0){
$('body').append('');
$("#power-user-hide-fields-popup").dialog({autoOpen: false});
}
-
+
var popUpContent = getPowerUserHideFieldsContent();
-
+
$("#power-user-hide-fields-popup").html(popUpContent);
getHideFieldsCheckboxesFromStorage();
-
+
let popup = $("#power-user-hide-fields-popup").dialog({
autoOpen: true,
width: 400,
dialogClass: 'dialogstyleperso',
- });
+ });
}
-
+
function getPowerUserHideFieldsContent(){
return `
`+ createInputWithCheckbox('Hide misc card','pus-hide-misc-card') + `
@@ -1603,7 +1625,7 @@ ul#products_match_all > li > a > span { display: table-cell; width: 70%; vert
`+ createInputWithCheckbox('Substances or products...','pus-hide-substances') + `