From 3e2d7e98230990ad954b33203e0611358c1fa915 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 27 Apr 2015 14:24:20 -0400
Subject: stubbing in videos

---
 themes/okadmin/templates/partials/inputs.liquid | 55 +++++++++++++++++++++++--
 1 file changed, 52 insertions(+), 3 deletions(-)

(limited to 'themes/okadmin/templates')

diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index 4d31413..d5d8b66 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -40,7 +40,7 @@
             <input type="file" accept="image/*">
             <button>+ Add image</button>
           </div>
-          <input class="add-image-url" type="text" placeholder="+ Add URL">
+          <input class="add-url" type="text" placeholder="+ Add URL">
         </div>
         <div class="image-element">
           <input class="uri" type="hidden" name="{{name}}[uri]" value="{{spec.value.uri}}">
@@ -49,6 +49,55 @@
           <button class="remove-image">x</button>
         </div>
       </div>
+    {% elsif type == 'media-list' %}
+      <div class="media-list group loaded">
+        <div class="fields">
+          <div class="add-image-button">
+            <input type="file" accept="image/*" multiple>
+            <button>+ Add images</button>
+          </div>
+          <input class="add-url" type="text" placeholder="+ Add Image/Video URL">
+        </div>
+
+        <script type="text/html" class="image-template">
+          <li class="image-element">
+            <input class="uri" type="hidden" name="{{name}}[][uri]" value="">
+            <textarea class="caption" name="{{name}}[][caption]"></textarea>
+            <img>
+            <button class="remove">x</button>
+          </li>
+        </script>
+
+        <script type="text/html" class="video-template">
+          <li class="video-element">
+            <input name="{{name}}[][type]" type="hidden" class="video-type" hidden>
+            <input name="{{name}}[][token]" type="hidden" class="video-token" hidden>
+            <label>Caption</label>
+            <input name="{{name}}[][title]" type="text" class="video-title">
+            <label>Thumbnail</label>
+            <input name="{{name}}[][thumb]" type="text" class="video-thumb">
+            <img>
+            <button class="remove">x</button>
+          </li>
+        </script>
+
+        <ol>
+          {% for image in spec.value %}
+            {% if image.token %}
+              <li class="video">
+                {{ JSON.stringify(spec.value) }}
+              </li>
+            {% else %}
+              <li class="image-element">
+                <input type="hidden" name="{{name}}[{{forloop.index0}}][uri]" value="{{image.uri}}">
+                <textarea class="caption" name="{{name}}[{{forloop.index0}}][caption]">{{image.caption}}</textarea>
+                <img src="{{image.uri}}" alt="{{image.caption}}">
+                <button class="remove-image">x</button>
+              </li>
+            {% endif %}
+          {% endfor %}
+        </ol>
+      </div>
     {% elsif type == 'captioned-image-list' %}
       <div class="image-list group loaded">
         <div class="fields">
@@ -56,10 +105,10 @@
             <input type="file" accept="image/*" multiple>
             <button>+ Add images</button>
           </div>
-          <input class="add-image-url" type="text" placeholder="+ Add URL">
+          <input class="add-url" type="text" placeholder="+ Add URL">
         </div>
 
-        <script type="text/html" id="captioned-image-template">
+        <script type="text/html" class="image-template">
           <li class="image-element">
             <input class="uri" type="hidden" name="{{name}}[][uri]" value="">
             <textarea class="caption" name="{{name}}[][caption]"></textarea>
-- 
cgit v1.2.3-70-g09d2


From 03d2e95c057e1dcbcf9994c3f32d8e28e6b6af53 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 27 Apr 2015 16:58:09 -0400
Subject: save/update multimedia field

---
 site/db.json                                    |  6 ++++++
 themes/okadmin/public/js/app.js                 |  6 +++---
 themes/okadmin/templates/partials/inputs.liquid | 23 +++++++++++++++++------
 3 files changed, 26 insertions(+), 9 deletions(-)

(limited to 'themes/okadmin/templates')

diff --git a/site/db.json b/site/db.json
index bf68d79..c391558 100644
--- a/site/db.json
+++ b/site/db.json
@@ -17,6 +17,12 @@
         "thumb": ""
       },
       "images": [
+        {
+          "type": "vimeo",
+          "token": "112498725",
+          "title": "FW14-2H-VIDEO-V4 2",
+          "thumb": "http://i.vimeocdn.com/video/497493142_640.jpg"
+        },
         {
           "uri": "https://ltho.s3.amazonaws.com/twohustlers%2F1b55cd3c-eb7d-4ed6-bfe9-2bc53960987d.jpg",
           "caption": ""
diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index c46cea8..1eb81dc 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -10,7 +10,7 @@ var OKAdmin = function(){
       var $el = $(imageTemplate)
       $el.find(".uri").val(url)
       $el.find("img").attr("src", url)
-      $("ol", parent).append($el)
+      $("ol", parent).prepend($el)
     }
   })
   // delete image from gallery
@@ -30,7 +30,7 @@ var OKAdmin = function(){
       var $el = $(imageTemplate)
       $el.find(".uri").val(url)
       $el.find("img").attr("src", url)
-      $("ol", parent).append($el)
+      $("ol", parent).prepend($el)
     }
     uploader.addVideo = function(media){
       console.log(media)
@@ -42,7 +42,7 @@ var OKAdmin = function(){
       $el.find(".video-title").val( media.title )
       $el.find(".video-thumb").val( media.thumbnail )
       $el.find("img").attr("src", media.thumbnail )
-      $("ol", parent).append($el)
+      $("ol", parent).prepend($el)
    }
   })
   // delete image from gallery
diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index d5d8b66..1b8d6b4 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -46,7 +46,7 @@
           <input class="uri" type="hidden" name="{{name}}[uri]" value="{{spec.value.uri}}">
           <textarea class="caption" name="{{name}}[caption]">{{spec.value.caption}}</textarea>
           <img src="{{spec.value.uri}}" alt="{{spec.value.caption}}">
-          <button class="remove-image">x</button>
+          <button class="remove">x</button>
         </div>
       </div>
     {% elsif type == 'media-list' %}
@@ -70,12 +70,14 @@
 
         <script type="text/html" class="video-template">
           <li class="video-element">
+            <div style="float: left">
             <input name="{{name}}[][type]" type="hidden" class="video-type" hidden>
             <input name="{{name}}[][token]" type="hidden" class="video-token" hidden>
             <label>Caption</label>
             <input name="{{name}}[][title]" type="text" class="video-title">
             <label>Thumbnail</label>
             <input name="{{name}}[][thumb]" type="text" class="video-thumb">
+            </div>
             <img>
             <button class="remove">x</button>
           </li>
@@ -84,15 +86,24 @@
         <ol>
           {% for image in spec.value %}
             {% if image.token %}
-              <li class="video">
-                {{ JSON.stringify(spec.value) }}
+              <li class="video-element">
+                <div style="float: left">
+                <input name="{{name}}[][type]" value="{{image.type}}" type="hidden" class="video-type" hidden>
+                <input name="{{name}}[][token]" value="{{image.token}}" type="hidden" class="video-token" hidden>
+                <label>Caption</label>
+                <input name="{{name}}[][title]" value="{{image.title}}" type="text" class="video-title">
+                <label>Thumbnail</label>
+                <input name="{{name}}[][thumb]" value="{{image.thumb}}" type="text" class="video-thumb">
+                </div>
+                <img src="{{image.thumb}}">
+                <button class="remove">x</button>
               </li>
             {% else %}
               <li class="image-element">
                 <input type="hidden" name="{{name}}[{{forloop.index0}}][uri]" value="{{image.uri}}">
                 <textarea class="caption" name="{{name}}[{{forloop.index0}}][caption]">{{image.caption}}</textarea>
                 <img src="{{image.uri}}" alt="{{image.caption}}">
-                <button class="remove-image">x</button>
+                <button class="remove">x</button>
               </li>
             {% endif %}
           {% endfor %}
@@ -113,7 +124,7 @@
             <input class="uri" type="hidden" name="{{name}}[][uri]" value="">
             <textarea class="caption" name="{{name}}[][caption]"></textarea>
             <img alt="{{image.caption}}">
-            <button class="remove-image">x</button>
+            <button class="remove">x</button>
           </li>
         </script>
 
@@ -123,7 +134,7 @@
               <input type="hidden" name="{{name}}[{{forloop.index0}}][uri]" value="{{image.uri}}">
               <textarea class="caption" name="{{name}}[{{forloop.index0}}][caption]">{{image.caption}}</textarea>
               <img src="{{image.uri}}" alt="{{image.caption}}">
-              <button class="remove-image">x</button>
+              <button class="remove">x</button>
             </li>
           {% endfor %}
         </ol>
-- 
cgit v1.2.3-70-g09d2