Add glimpse option to query panel (fixes #273)
Change-Id: Ibe89e546053051908f0661a4fe1b72c082c87e8c
diff --git a/dev/js/src/panel/query.js b/dev/js/src/panel/query.js
index 0eca1b7..7f7694b 100644
--- a/dev/js/src/panel/query.js
+++ b/dev/js/src/panel/query.js
@@ -6,8 +6,9 @@
"use strict";
define([
- 'panel'
-], function (panelClass) {
+ 'panel',
+ 'state'
+], function (panelClass, stateClass) {
const d = document;
@@ -25,6 +26,31 @@
_init : function (opened) {
this._opened = opened;
const a = this.actions();
+
+ // Add glimpse button
+ const s = stateClass.create([true,false]);
+ const cof = document.getElementById("q-cutoff-field");
+ const colabel = document.getElementById("glimpse").parentNode;
+
+ let glimpseChange = {
+ setState : function (val) {
+ cof.checked = val;
+ }
+ };
+ s.associate(glimpseChange);
+ s.set(cof.checked);
+
+ a.addToggle(
+ "Glimpse", {
+ 'cls':['glimpse'],
+ 'desc':colabel.getAttribute('title')
+ },
+ s
+ );
+
+ // Don't show default glimpse
+ colabel.style.display = "none";
+
// If plugins are enabled, add all buttons for the query panel
if (KorAP.Plugin) {
diff --git a/dev/js/src/tour/tours.js b/dev/js/src/tour/tours.js
index 9490780..8b10b7e 100644
--- a/dev/js/src/tour/tours.js
+++ b/dev/js/src/tour/tours.js
@@ -197,7 +197,7 @@
},
{
title: loc.TOUR_glimpseti,
- element: doe.querySelector('#glimpse').parentNode,
+ element: doe.querySelector('.glimpse'),
intro: loc.TOUR_glimpse,
position: "bottom",
},