Let configure default options via settings

It can be changed via context menu and preserved in browser local storage

Author: linev

modules/core.mjs

@@ -306,7 +306,9 @@ settings = {
    /** @summary Extra parameters which will be append to the url when item shown in new tab */
    NewTabUrlPars: '',
    /** @summary Export different settings in output URL */
-   NewTabUrlExportSettings: false
+   NewTabUrlExportSettings: false,
+   /** @summary Custom default draw options for classes like 'TH2:colz;TGraph:al' */
+   DefaultDrawOptions: ''
 },
 
 /** @namespace

modules/draw.mjs

@@ -315,9 +315,20 @@ function getDrawSettings(kind, selector) {
   setDefaultDrawOpt('TH1', 'text');
   setDefaultDrawOpt('TH2', 'col');  */
 function setDefaultDrawOpt(classname, opt) {
-   const handle = getDrawHandle(prROOT + classname, 0);
-   if (handle)
-      handle.dflt = opt;
+   if (!classname)
+      return;
+   if ((opt === undefined) && isStr(classname) && (classname.indexOf(':') > 0)) {
+      // special usage to set list of options like TH2:lego2;TH1:hist
+      opt.split(';').forEach(part => {
+         const arr = part.split(':');
+         if (arr.length >= 1)
+            setDefaultDrawOpt(arr[0], arr[1] || '');
+      });
+   } else {
+      const handle = getDrawHandle(prROOT + classname, 0);
+      if (handle)
+         handle.dflt = opt;
+   }
 }
 
 /** @summary Draw object in specified HTML element with given draw options.

modules/gui/menu.mjs

@@ -5,6 +5,7 @@ import { getColor } from '../base/colors.mjs';
 import { TAttMarkerHandler } from '../base/TAttMarkerHandler.mjs';
 import { getSvgLineStyle } from '../base/TAttLineHandler.mjs';
 import { FontHandler } from '../base/FontHandler.mjs';
+import { setDefaultDrawOpt } from '../draw.mjs';
 
 
 const kToFront = '__front__', sDfltName = 'root_ctx_menu', sDfltDlg = '_dialog',
@@ -824,6 +825,7 @@ class JSRootMenu {
       this.addSelectMenu('Latex', ['Off', 'Symbols', 'Normal', 'MathJax', 'Force MathJax'], settings.Latex, value => { settings.Latex = value; });
       this.addSelectMenu('3D rendering', ['Default', 'WebGL', 'Image'], settings.Render3D, value => { settings.Render3D = value; });
       this.addSelectMenu('WebGL embeding', ['Default', 'Overlay', 'Embed'], settings.Embed3D, value => { settings.Embed3D = value; });
+      this.add('Default options', () => this.input('List of options like TH2:lego2;TGraph:l', settings.DefaultDrawOptions).then(v => { settings.DefaultDrawOptions = v; setDefaultDrawOpt(v); }), 'Configure custom default draw options for some classes');
       this.endsub();
 
       this.sub('Geometry');

modules/gui/utils.mjs

@@ -3,6 +3,8 @@ import { select as d3_select, pointer as d3_pointer, drag as d3_drag, color as d
 import { prSVG, BasePainter } from '../base/BasePainter.mjs';
 import { resize } from '../base/ObjectPainter.mjs';
 import { getRootColors } from '../base/colors.mjs';
+import { setDefaultDrawOpt } from '../draw.mjs';
+
 
 /** @summary Display progress message in the left bottom corner.
   * @desc Previous message will be overwritten
@@ -470,8 +472,10 @@ function saveSettings(expires = 365, name = 'settings') {
 function readSettings(only_check = false, name = 'settings') {
    const s = readLocalStorage(name);
    if (!s) return false;
-   if (!only_check)
+   if (!only_check) {
       Object.assign(settings, s);
+      setDefaultDrawOpt(s.DefaultDrawOptions);
+   }
    return true;
 }