From 782ecf85499fcbc44d55798c756f512cd8d4470e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 19 Apr 2021 14:32:55 +0200
Subject: show group on hover

---
 .../app/views/tile/forms/tile.form.hyperlink.js    |  6 ------
 frontend/app/views/tile/forms/tile.form.misc.js    | 25 ++++++++++++++++++++--
 2 files changed, 23 insertions(+), 8 deletions(-)

(limited to 'frontend/app/views/tile/forms')

diff --git a/frontend/app/views/tile/forms/tile.form.hyperlink.js b/frontend/app/views/tile/forms/tile.form.hyperlink.js
index f36077d..1d7f22d 100644
--- a/frontend/app/views/tile/forms/tile.form.hyperlink.js
+++ b/frontend/app/views/tile/forms/tile.form.hyperlink.js
@@ -16,15 +16,9 @@ import { toggleCursorList } from 'app/views/page/page.actions'
 
 export default function TileHyperlinkForm({ tile, pageList, popupList, cursors, parent }) {
   const isExternalLink = tile.target_page_id === EXTERNAL_LINK
-  // const isPopupLink = (
-  //   tile.target_page_id === OPEN_POPUP_LINK ||
-  //   tile.target_page_id === CLOSE_POPUP_LINK
-  // )
   let cursor
-  // console.log(tile.settings.cursor, tile.settings.custom_cursor_id)
   if (tile.settings.cursor === 'custom' && tile.settings.custom_cursor_id) {
     cursor = cursors[tile.settings.custom_cursor_id]
-    // console.log(cursor)
   }
   return (
     <div>
diff --git a/frontend/app/views/tile/forms/tile.form.misc.js b/frontend/app/views/tile/forms/tile.form.misc.js
index fd72ad3..68b659c 100644
--- a/frontend/app/views/tile/forms/tile.form.misc.js
+++ b/frontend/app/views/tile/forms/tile.form.misc.js
@@ -5,9 +5,9 @@ import {
   Select, Checkbox, Slider,
 } from 'app/common'
 
-import { UNITS } from './tile.constants'
+import { UNITS, NO_POPUP } from './tile.constants'
 
-export default function TileMiscForm({ tile, parent }) {
+export default function TileMiscForm({ tile, parent, popupList }) {
   return (
     <div>
       <div className='row single'>
@@ -70,6 +70,7 @@ export default function TileMiscForm({ tile, parent }) {
           <TextInput
             title="Popup group"
             name="popup_group"
+            placeholder="Enter group name"
             data={tile.settings}
             onChange={parent.handleSettingsChange}
             autoComplete="off"
@@ -89,12 +90,32 @@ export default function TileMiscForm({ tile, parent }) {
           <TextInput
             title="Appear after"
             name="appear_after"
+            placeholder="0:00"
             data={tile.settings}
             onChange={parent.handleSettingsChange}
             autoComplete="off"
           />
         </div>
       )}
+      <Checkbox
+        label="Show popup on hover"
+        name="show_popup_on_hover"
+        className='short'
+        checked={tile.settings.show_popup_on_hover}
+        onChange={parent.handleSettingsSelect}
+        autoComplete="off"
+      />
+      {tile.settings.show_popup_on_hover && (
+        <div className='row single'>
+          <Select
+            title="Popup"
+            name='on_hover_popup'
+            selected={tile.settings.on_hover_popup || NO_POPUP}
+            options={popupList}
+            onChange={parent.handleSettingsSelect}
+          />
+        </div>
+      )}
       <Checkbox
         label="Hide on click"
         name="hide_on_click"
-- 
cgit v1.2.3-70-g09d2