Merge pull request #351 from datavisyn/thinkh/346_ignore-live-preview…

…-events

Ignore live preview events

package.json

@@ -87,7 +87,8 @@
     "lineupjs": "github:lineupjs/lineupjs#lineup-v4",
     "phovea_clue": "github:phovea/phovea_clue#develop",
     "select2": "~4.0.13",
-    "select2-bootstrap-theme": "0.1.0-beta.9"
+    "select2-bootstrap-theme": "0.1.0-beta.9",
+    "lodash": "~4.17.15"
   },
   "main": "build/tdp_core.js",
   "devDependencies": {

src/lineup/ARankingView.ts

@@ -293,6 +293,11 @@ export abstract class ARankingView extends AView {
       violationChanged: (_: IRule, violation: string) => this.panel.setViolation(violation)
     }));
 
+    // LineUp creates an element with class `lu-backdrop` that fades out all content when a dialog is opened.
+    // Append `lu-backdrop` one level higher so fading effect can be applied also to the sidePanel when a dialog is opened.
+    const luBackdrop = this.node.querySelector('.lu-backdrop');
+    this.node.appendChild(luBackdrop);
+
     this.panel = new LineUpPanelActions(this.provider, this.taggle.ctx, this.options, this.node.ownerDocument);
     this.panel.on(LineUpPanelActions.EVENT_SAVE_NAMED_SET, (_event, order: number[], name: string, description: string, sec: Partial<ISecureItem>) => {
       this.saveNamedSet(order, name, description, sec);
@@ -608,7 +613,7 @@ export abstract class ARankingView extends AView {
       this.builtLineUp(this.provider);
 
       //record after the initial one
-      clueify(this.context.ref, this.context.graph);
+      clueify(this.taggle, this.context.ref, this.context.graph);
       this.setBusy(false);
     }).catch(showErrorModalDialog)
       .catch((error) => {