diff options
| -rw-r--r-- | examples/db.json | 10 | ||||
| -rw-r--r-- | themes/okadmin/public/js/app.js | 11 | ||||
| -rw-r--r-- | themes/okadmin/templates/partials/inputs.liquid | 4 |
3 files changed, 16 insertions, 9 deletions
diff --git a/examples/db.json b/examples/db.json index 6c2d428..1061086 100644 --- a/examples/db.json +++ b/examples/db.json @@ -29,8 +29,14 @@ "color": "blue", "images": [ { - "uri": "http://del.h-cdn.co/assets/cm/15/10/54f928d7ada8d_-_1347910942518.jpg", - "caption": "boop" + "uri": [ + "http://del.h-cdn.co/assets/cm/15/10/54f928d7ada8d_-_1347910942518.jpg", + "https://ltho.s3.amazonaws.com/45c29c6d-2832-46f1-b0d3-6f847b6f42e4.png" + ], + "caption": [ + "boop", + "Errorrrrr" + ] } ], "video": { diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js index 7a5eb60..e16e046 100644 --- a/themes/okadmin/public/js/app.js +++ b/themes/okadmin/public/js/app.js @@ -2,12 +2,13 @@ var OKAdmin = function(){ OKUpload.bind() OKUpload.add = function(data){ - var url = data[0].extra.location - var imageTemplate = $("#image-template").html() + var url = data[0].extra.Location + var imageTemplate = $("#captioned-image-template").html() var $el = $(imageTemplate) - $el.find("url").val(url) - $(".images").append($el) - console.log(data) + $el.find(".uri").val(url) + $el.find("img").attr("src", url) + + $(".captioned-image-list ol").append($el) } $(".video .url").change(function(){ diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid index dab6243..9465770 100644 --- a/themes/okadmin/templates/partials/inputs.liquid +++ b/themes/okadmin/templates/partials/inputs.liquid @@ -56,9 +56,9 @@ </div> <script type="text/html" id="captioned-image-template"> <li class="image-element"> - <img src="" alt="{{image.caption}}"> - <input type="hidden" name="{{name}}[][uri]" value=""> + <input class="uri" type="hidden" name="{{name}}[][uri]" value=""> <textarea class="caption" name="{{name}}[][caption]"></textarea> + <img alt="{{image.caption}}"> <button class="remove-image">-</button> </li> </script> |