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

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

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

diff --git a/frontend/app/views/tile/forms/tile.form.element.image.js b/frontend/app/views/tile/forms/tile.form.element.image.js
new file mode 100644
index 0000000..68ef65a
--- /dev/null
+++ b/frontend/app/views/tile/forms/tile.form.element.image.js
@@ -0,0 +1,46 @@
+import React from 'react'
+
+import {
+  TextInput,
+  Select, Checkbox,
+} from 'app/common'
+
+import { IMAGE_TILE_STYLES } from './tile.constants'
+
+export default function TileImageForm({ tile, errorFields, parent }) {
+  return (
+    <div>
+      <div className='row imageUrl'>
+        {tile.settings.url && <div className='thumb'><img src={tile.settings.url} /></div>}
+        <TextInput
+          title=""
+          placeholder='http://'
+          name="url"
+          required
+          data={tile.settings}
+          error={errorFields.has('url')}
+          onChange={parent.handleImageChange}
+          autoComplete="off"
+        />
+      </div>
+      <div className='row pair'>
+        <Checkbox
+          label="Tiled"
+          name="is_tiled"
+          checked={tile.settings.is_tiled}
+          onChange={parent.handleSettingsSelect}
+          autoComplete="off"
+        />
+        {tile.settings.is_tiled &&
+          <Select
+            name='tile_style'
+            selected={tile.settings.tile_style || 'tile'}
+            options={IMAGE_TILE_STYLES}
+            title=''
+            onChange={parent.handleSettingsSelect}
+          />
+        }
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2