From 071fdf9d53becb08b6a54c8c49effcb6c1a23e98 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 17 Aug 2016 02:18:40 -0400
Subject: add autoplay fields in media items

---
 themes/okadmin/public/css/main.css              |  6 ++++++
 themes/okadmin/templates/partials/inputs.liquid | 14 ++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

(limited to 'themes')

diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index 15b8781..9e0c26f 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -240,6 +240,12 @@ button, input[type=submit] {
   display: block;
   width: 25em;
 }
+.main.resource form .group.video .checkboxes label {
+  display: block;
+}
+.main.resource form .group.video .checkboxes label {
+  display: inline-block;
+}
 .main.resource form .group.loaded label {
   display: block;
 }
diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index 0cd7f6b..28b422e 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -171,6 +171,12 @@
             <input name="{{name}}[][title]" type="text" class="video-title">
             <label>Thumbnail</label>
             <input name="{{name}}[][thumb]" type="text" class="video-thumb">
+            <span class="checkboxes">
+              <input name="{{name}}[][autoplay]" value="{{image.autoplay}}" type="checkbox" class="video-autoplay">
+              <label>Autoplay</label>
+              <input name="{{name}}[][loop]" value="{{image.loop}}" type="checkbox" class="video-loop">
+              <label>Loop</label>
+            </span>
             </div>
             <img>
             <button class="remove">x</button>
@@ -217,6 +223,12 @@
                 <input name="{{name}}[{{forloop.index0}}][title]" value="{{image.title | escape}}" type="text" class="video-title">
                 <label>Thumbnail</label>
                 <input name="{{name}}[{{forloop.index0}}][thumb]" value="{{image.thumb}}" type="text" class="video-thumb">
+                <span class="checkboxes">
+                  <input name="{{name}}[{{forloop.index0}}][autoplay]" value="{{image.autoplay}}" type="checkbox" class="video-autoplay">
+                  <label>Autoplay</label>
+                  <input name="{{name}}[{{forloop.index0}}][loop]" value="{{image.loop}}" type="checkbox" class="video-loop">
+                  <label>Loop</label>
+                </span>
                 </div>
                 <img src="{{image.thumb}}">
                 <button class="remove">x</button>
@@ -238,9 +250,7 @@
               </li>
             {% elsif image.type and image.type == "link" %}
               <li class="link-element">
-                <label>URL</label>
                 <input class="uri" type="text" name="{{name}}[][uri]" value="{{image.uri}}">
-                <label>Caption</label>
                 <textarea class="caption" name="{{name}}[][caption]" placeholder="Caption">{{image.caption | escape}}</textarea>
                 <input type="hidden" name="{{name}}[][type]" value="link">
                 <button class="remove">x</button>
-- 
cgit v1.2.3-70-g09d2