From 9a2cfe7da6808a04b7c668075e9e9598ddb5ae04 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Fri, 11 Jul 2014 17:07:05 -0400
Subject: basic media editor

---
 views/controls/editor/media-editor.ejs | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

(limited to 'views/controls/editor/media-editor.ejs')

diff --git a/views/controls/editor/media-editor.ejs b/views/controls/editor/media-editor.ejs
index 95aabb5..483fa72 100644
--- a/views/controls/editor/media-editor.ejs
+++ b/views/controls/editor/media-editor.ejs
@@ -1,4 +1,4 @@
-<div class="vvbox settings" id="editorMediaSettings">
+<div class="vvbox settings" id="mediaEditor">
 	<input type="hidden" name="_csrf" value="[[- token ]]">
 	<input type="hidden" name="_id" value="new">
 
@@ -15,24 +15,32 @@
 			<span class="ion-play"></span>
 			<span class="ion-pause"></span>
 		</span>
-		
 <!-- 
 		ion-volume-high
 		ion-volume-mute
  -->
-		
-		<input type="checkbox" name="autoplay" value="1"> Autoplay
-		<input type="checkbox" name="loop" value="1"> Loop
-		<input type="checkbox" name="mute" value="1"> Mute
-		<input type="range" min="0" max="1" name="keyframe"> Initial Still
+	</div>
+	<div class="video setting">
+		<input type="checkbox" name="autoplay" value="1" id="video_autoplay">
+		<label for="video_autoplay">Autoplay</label>
+		<input type="checkbox" name="loop" value="1" id="video_loop">
+		<label for="video_loop">Loop</label>
+		<input type="checkbox" name="mute" value="1" id="video_mute">
+		<label for="video_mute">Mute</label>
+	</div>
+
+	<div class="video setting">
+		Initial Still
+		<br>
+		<input type="range" min="0" max="1" value="0" step="0.01" name="keyframe">
 	</div>
 
 	<div class="image setting">
-		Dimensions
-		<input type="text" name="width"> Width
-		<input type="text" name="height"> Height
+		Dimensions<br>
+		<input type="text" name="width" placeholder="width" class="number">
+		<input type="text" name="height" placeholder="height" class="number">
 		<select name="units">
-			<option value="inches">in</option>
+			<option value="inch">inch</option>
 			<option value="cm">cm</option>
 		</select>
 	</div>
-- 
cgit v1.2.3-70-g09d2