From cda9c115283be8e4e224f6036ba07e5eca243289 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 31 Mar 2021 17:37:40 +0200
Subject: refactor tile forms into own files. add full-width marquee support

---
 frontend/app/views/tile/forms/tile.form.sound.js | 53 ++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 frontend/app/views/tile/forms/tile.form.sound.js

(limited to 'frontend/app/views/tile/forms/tile.form.sound.js')

diff --git a/frontend/app/views/tile/forms/tile.form.sound.js b/frontend/app/views/tile/forms/tile.form.sound.js
new file mode 100644
index 0000000..0662725
--- /dev/null
+++ b/frontend/app/views/tile/forms/tile.form.sound.js
@@ -0,0 +1,53 @@
+import React from 'react'
+
+import {
+  Checkbox,
+} from 'app/common'
+
+import AudioSelect from 'app/views/audio/components/audio.select'
+
+export default function TileSoundForm({ tile, parent }) {
+  return (
+    <div>
+      <Checkbox
+        label="Sound effects"
+        name="has_audio"
+        className='short'
+        checked={tile.settings.has_audio}
+        onChange={parent.handleSettingsSelect}
+      />
+      {tile.settings.has_audio && (
+        <div>
+          <div className='row single'>
+            <AudioSelect
+              title="On click"
+              name="audio_on_click_id"
+              selected={tile.settings.audio_on_click_id}
+              onChange={parent.handleSettingsSelect}
+            />
+          </div>
+
+          {!!tile.settings.audio_on_click_id && (
+            <Checkbox
+              label="Navigate when audio finishes"
+              name="navigate_when_audio_finishes"
+              className='short'
+              checked={tile.settings.navigate_when_audio_finishes}
+              onChange={parent.handleSettingsSelect}
+              autoComplete="off"
+            />
+          )}
+
+          <div className='row single'>
+            <AudioSelect
+              title="On hover"
+              name="audio_on_hover_id"
+              selected={tile.settings.audio_on_hover_id}
+              onChange={parent.handleSettingsSelect}
+            />
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
-- 
cgit v1.2.3-70-g09d2