summaryrefslogtreecommitdiff
path: root/views/controls
diff options
context:
space:
mode:
Diffstat (limited to 'views/controls')
-rw-r--r--views/controls/builder/info.ejs35
-rw-r--r--views/controls/editor/media-editor.ejs50
-rw-r--r--views/controls/editor/settings.ejs6
-rw-r--r--views/controls/editor/video-toolbar.ejs7
-rw-r--r--views/controls/editor/wallpaper.ejs12
-rw-r--r--views/controls/reader/media-player.ejs19
6 files changed, 109 insertions, 20 deletions
diff --git a/views/controls/builder/info.ejs b/views/controls/builder/info.ejs
new file mode 100644
index 0000000..d92d34c
--- /dev/null
+++ b/views/controls/builder/info.ejs
@@ -0,0 +1,35 @@
+<div class="vvbox active settings info active" id="builderInfo">
+ <div class="setting number">
+ <label for="room-width">width</label>
+ <input type="text" class="units" name="width" id="room-width">
+ </div>
+ <div class="setting number">
+ <label for="room-depth">depth</label>
+ <input type="text" class="units" name="depth" id="room-depth">
+ </div>
+ <div class="setting number twoline">
+ <label for="room-height">ceiling height</label>
+ <input type="text" class="units" name="height" id="room-height">
+ </div>
+ <div class="setting number halflines">
+ <label for="room-x">x</label>
+ <input type="text" class="units" name="x" id="room-x">
+ <label for="room-y">y</label>
+ <input type="text" class="units" name="y" id="room-y">
+ </div>
+
+ <div class="setting number twoline">
+ <label for="builder-units">units</label>
+ <select id="builder-units" name="units">
+ <option value="px">pixels</option>
+ <option value="ft">foot</option>
+ <option value="m">meter</option>
+ </select>
+ </div>
+
+ <div class="setting number twoline">
+ <label for="viewHeight">camera height</label>
+ <input type="text" class="units" name="viewHeight" id="viewHeight">
+ </div>
+
+</div>
diff --git a/views/controls/editor/media-editor.ejs b/views/controls/editor/media-editor.ejs
new file mode 100644
index 0000000..5db1fb2
--- /dev/null
+++ b/views/controls/editor/media-editor.ejs
@@ -0,0 +1,50 @@
+<div class="vvbox settings" id="mediaEditor">
+ <input type="hidden" name="_csrf" value="[[- token ]]">
+ <input type="hidden" name="_id" value="new">
+
+ <div class="setting">
+ <input type="text" name="name" placeholder="media title">
+ </div>
+
+ <div class="setting">
+ <textarea name="description" placeholder="short description"></textarea>
+ </div>
+
+ <div class="video setting">
+ <span class="playButton" data-role="play-media">
+ <span class="on icon-play"></span>
+ <span class="off icon-pause"></span>
+ </span>
+<!--
+ ion-volume-high
+ ion-volume-mute
+ -->
+ </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">
+ <label for="video-keyframe">Initial Still</label>
+ <br>
+ <input type="range" min="0" max="1" value="0" step="0.01" name="keyframe" id="video-keyframe">
+ </div>
+
+ <div class="image setting">
+ 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="inch">inch</option>
+ <option value="cm">cm</option>
+ </select>
+ </div>
+
+ <div class="setting subButtons">
+ <a href="#" data-role="destroy-media">Delete</a>
+ </div>
+</div>
diff --git a/views/controls/editor/settings.ejs b/views/controls/editor/settings.ejs
index a7d6213..6f46be3 100644
--- a/views/controls/editor/settings.ejs
+++ b/views/controls/editor/settings.ejs
@@ -10,15 +10,13 @@
</div>
<div class="setting">
- <input type="text" name="name" placeholder="room name" />
+ <input type="text" name="name" placeholder="room name">
</div>
<div class="setting">
<textarea name="description" placeholder="short description"></textarea>
</div>
- <div class="setting">
- <input type="text" placeholder="http://vvalls.com/t987" />
- </div>
+
<div class="setting">
<div class="radio-group">
<input id="privacy_private" class="radio-group__option" type="radio" name="privacy" value="public" checked>
diff --git a/views/controls/editor/video-toolbar.ejs b/views/controls/editor/video-toolbar.ejs
deleted file mode 100644
index d4364a2..0000000
--- a/views/controls/editor/video-toolbar.ejs
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="edit menu edit-video">
- <span class="icon-volume-mute toggled" data-info="mute"></span>
- <span class="icon-ios7-compose-outline edit-text-toggle" data-info="edit wall text"></span>
- <span class="icon-ios7-reload" data-info="loop"></span>
- <span class="icon-ios7-arrow-forward" data-info="autoplay"></span>
- <span class="icon-ios7-trash-outline" data-info="delete video"></span>
-</div>
diff --git a/views/controls/editor/wallpaper.ejs b/views/controls/editor/wallpaper.ejs
index 82460b7..144e419 100644
--- a/views/controls/editor/wallpaper.ejs
+++ b/views/controls/editor/wallpaper.ejs
@@ -1,10 +1,4 @@
<div class="vvbox wallpaper">
- <span class="paper1"></span>
- <span class="paper2"></span>
- <span class="paper3"></span>
- <span class="paper4"></span>
- <span class="paper5"></span>
- <span class="paper6"></span>
- <span class="paper7"></span>
- <span class="paper8"></span>
-</div> \ No newline at end of file
+</div>
+
+<div class="floatingSwatch"></div>
diff --git a/views/controls/reader/media-player.ejs b/views/controls/reader/media-player.ejs
new file mode 100644
index 0000000..ca03ec8
--- /dev/null
+++ b/views/controls/reader/media-player.ejs
@@ -0,0 +1,19 @@
+<div class="vvbox settings" id="mediaPlayer">
+
+ <span class="playButton video" data-role="play-media">
+ <span class="on icon-play"></span>
+ <span class="off icon-pause"></span>
+ </span>
+
+ <span class="muteButton video" data-role="mute-media">
+ <span class="on icon-volume-high"></span>
+ <span class="off icon-volume-mute"></span>
+ </span>
+
+ <span class="name"></span>
+
+ <div class="author"></div>
+ <div class="description"></div>
+ <div class="dimensions"></div>
+
+</div>