Difference between revisions of "Editing Tools"

From Open Food Facts wiki
Jump to navigation Jump to search
(Created page with "== Tools that speed up edits ==")
 
(+ Open Food Facts Power User Extension)
Line 1: Line 1:
 
== Tools that speed up edits ==
 
== Tools that speed up edits ==
 +
 +
=== Open Food Facts Power User Extension ===
 +
(A better name should be found, suggestions are welcome.)
 +
 +
This extension helps power users with keyboard shortcuts and some functionalities that are not (yet) in Open Food Facts. It's a kind of sandbox to test new functionalities: if those ones are appreciated, we could add it to Open Food Facts website.
 +
 +
==== Installation ====
 +
You first need to install an application that manages userscripts on your browser:
 +
* either [https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/ Greasemonkey] for Firefox
 +
* or [https://www.tampermonkey.net/ Tampermonkey] (recommended) for Firefox and Chrome.
 +
 +
Then you can install Open Food Facts Power User Extension, by simply clicking on this link: [https://gist.github.com/CharlesNepote/f6c675dce53830757854141c7ba769fc/raw/OpenFoodFactsPowerUser.user.js https://gist.github.com/CharlesNepote/f6c675dce53830757854141c7ba769fc/raw/OpenFoodFactsPowerUser.user.js]. Tampermonkey will prompt you to install or update the extension: just click on Install or Reinstall button. Voilà!
 +
 +
==== Usage ====
 +
To use it, you must be on a Open Food Facts wbesite page. To know if the extension is working you will a red square with a "?" fixed on top of the window. All features are explained thanks to the helper box: you can access it by cliking on the "?" or typing "?" or "h" keys.
 +
 +
==== Main fetaures ====
 +
 +
    // * DESIGN (custom CSS with small improvements)
 +
    //  * barcode highlighted with a sweet color
 +
    //  * better distinguished sections
 +
    //  * fields highlighted, current field highlighted
 +
    //  * less margins for some elements
 +
    // * FEATURES
 +
    //  * help screen called with button [?] or keyboard shortcut (?) or (h)
 +
    //  * zoom every images with mouse wheel; see http://www.jacklmoore.com/zoom/
 +
    //  * [beta] transfert data from a language to another (use *very* carefully); keyboard shortcut (shift+T)
 +
    //  * [alpha] allow flagging products for later review (shift+S)
 +
    //    * https://github.com/openfoodfacts/openfoodfacts-server/issues/1408
 +
    //    * Ask charles@openfoodfacts.org
 +
    //  * show/hide barcode; keyboard shortcut (shift+B)
 +
    //    * see https://github.com/openfoodfacts/openfoodfacts-server/issues/1728
 +
    //  * keyboard shortcut to API product page (alt+shift+A)
 +
    //  * keyboard shortcut to enter edit mode: (e) in the current window, (E) in a new window
 +
    //    * see Add "Edit" keyboard shortcut for logged users: https://github.com/openfoodfacts/openfoodfacts-server/issues/1852
 +
    //  * keyboard shortcuts to help modify data without a mouse: P(roduct), Q(uality), B(rands), C(ategories), L(abels), I(ngredients), (e)N(ergy), F(ibers)
 +
    //  * launch Google OCR if "Edit ingredients" is clicked in view mode
 +
    // * DEPLOYMENT
 +
    //  * Tampermonkey suggest to update the extension when one click to updateURL:
 +
    //    https://gist.github.com/CharlesNepote/f6c675dce53830757854141c7ba769fc/raw/OpenFoodFactsPowerUser.user.js

Revision as of 15:03, 24 June 2019

Tools that speed up edits

Open Food Facts Power User Extension

(A better name should be found, suggestions are welcome.)

This extension helps power users with keyboard shortcuts and some functionalities that are not (yet) in Open Food Facts. It's a kind of sandbox to test new functionalities: if those ones are appreciated, we could add it to Open Food Facts website.

Installation

You first need to install an application that manages userscripts on your browser:

Then you can install Open Food Facts Power User Extension, by simply clicking on this link: https://gist.github.com/CharlesNepote/f6c675dce53830757854141c7ba769fc/raw/OpenFoodFactsPowerUser.user.js. Tampermonkey will prompt you to install or update the extension: just click on Install or Reinstall button. Voilà!

Usage

To use it, you must be on a Open Food Facts wbesite page. To know if the extension is working you will a red square with a "?" fixed on top of the window. All features are explained thanks to the helper box: you can access it by cliking on the "?" or typing "?" or "h" keys.

Main fetaures

   // * DESIGN (custom CSS with small improvements)
   //   * barcode highlighted with a sweet color
   //   * better distinguished sections
   //   * fields highlighted, current field highlighted
   //   * less margins for some elements
   // * FEATURES
   //   * help screen called with button [?] or keyboard shortcut (?) or (h)
   //   * zoom every images with mouse wheel; see http://www.jacklmoore.com/zoom/
   //   * [beta] transfert data from a language to another (use *very* carefully); keyboard shortcut (shift+T)
   //   * [alpha] allow flagging products for later review (shift+S)
   //     * https://github.com/openfoodfacts/openfoodfacts-server/issues/1408
   //     * Ask charles@openfoodfacts.org
   //   * show/hide barcode; keyboard shortcut (shift+B)
   //     * see https://github.com/openfoodfacts/openfoodfacts-server/issues/1728
   //   * keyboard shortcut to API product page (alt+shift+A)
   //   * keyboard shortcut to enter edit mode: (e) in the current window, (E) in a new window
   //     * see Add "Edit" keyboard shortcut for logged users: https://github.com/openfoodfacts/openfoodfacts-server/issues/1852
   //   * keyboard shortcuts to help modify data without a mouse: P(roduct), Q(uality), B(rands), C(ategories), L(abels), I(ngredients), (e)N(ergy), F(ibers)
   //   * launch Google OCR if "Edit ingredients" is clicked in view mode
   // * DEPLOYMENT
   //   * Tampermonkey suggest to update the extension when one click to updateURL:
   //     https://gist.github.com/CharlesNepote/f6c675dce53830757854141c7ba769fc/raw/OpenFoodFactsPowerUser.user.js