From ce6f09dd857f53dc8c350d7d29b2164c78645b59 Mon Sep 17 00:00:00 2001
From: Johannes Eder <ederj@cip.ifi.lmu.de>
Date: Tue, 28 Sep 2021 16:47:03 +0200
Subject: [PATCH] feat(checkrange): added tooltip

---
 frontend/src/utils/inputs/checkrange.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/frontend/src/utils/inputs/checkrange.js b/frontend/src/utils/inputs/checkrange.js
index c65475b3a..76f80260a 100644
--- a/frontend/src/utils/inputs/checkrange.js
+++ b/frontend/src/utils/inputs/checkrange.js
@@ -38,6 +38,7 @@ export class CheckRange {
 
     _setUpShiftClickOnColumn(columnId) {
       let column = this._columns[columnId];
+      this._addToolTip(column[0]);
       column.forEach(el => el.addEventListener('click', (ev) => {
   
         if(ev.shiftKey && this.lastCheckedCell !== null) {
@@ -53,6 +54,24 @@ export class CheckRange {
       }));
     }
 
+    _addToolTip(cell){
+      console.log('adding Tooltip');
+      let tooltipWrap = document.createElement('span');
+      tooltipWrap.className = 'tooltip';
+
+      let tooltipContent = document.createElement('span');
+      tooltipContent.className = 'tooltip__content';
+      tooltipContent.appendChild(document.createTextNode('Shift Click to mark multiple cells.'));
+      tooltipWrap.append(tooltipContent);
+
+      let tooltipHandle = document.createElement('span');
+      tooltipHandle.className = 'tooltip__handle';
+      tooltipWrap.append(tooltipHandle);
+
+      let firstChild = cell.firstChild;
+      firstChild.parentNode.insertBefore(tooltipWrap, firstChild);
+    }
+
     _checkMultipleCells(firstRowIndex, lastRowIndex, columnId) {
       for(let i=firstRowIndex; i<=lastRowIndex; i++) {
         let cell = this._columns[columnId][i];