save/update multimedia field

3 files changed, 26 insertions, 9 deletions

diff --git a/site/db.json b/site/db.json
index bf68d79..c391558 100644
--- a/site/db.json
+++ b/site/db.json
@@ -18,6 +18,12 @@
       },
       "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>