1 files changed, 13 insertions, 17 deletions
diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index e79ff14..3a33f95 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -3,7 +3,7 @@
   {% assign spec = pair[1] %}
   {% assign type = spec.type %}
 
-  <div class="property {% if spec.disabled %}hidden{% endif %}">
+  <div class="property {{type}}">
     <label for="{{name}}">{{name | capitalize}}</label>
 
     {% if type == 'string' %}
@@ -38,24 +38,20 @@
         <label>Thumbnail</label>
         <input name="{{name}}[thumb]" type="text" value="{{spec.value.thumb}}" class="video-thumb">
       </div>
-    {% elsif type == 'images' %}
-      <div class="images">
+    {% elsif type == 'captioned-image-list' %}
+      <ol>
         {% for image in spec.value %}
-          <div class="image group">
-            <input name="{{name}}[][url]" type="text" value="{{image.url}}" class="image-url">
-            <label>Caption</label>
-            <input name="{{name}}[][title]" type="text" value="{{image.title}}" class="image-title" placeholder="Title">
-          </div>
+          <li class="image-element">
+            <img src="{{image.uri}}" alt="{{image.caption}}">
+            <input type="hidden" name="{{name}}[][uri]" value="{{image.uri}}">
+            <div class="clear"></div>
+            <input type="text" name="{{name}}[][caption]" value="{{image.caption}}">
+            <button class="remove-image">-</button>
+          </li>
         {% endfor %}
-      </div>
-      <script type="text/html" id="images-template">
-        <div class="image group loaded">
-          <input name="{{name}}[][url]" type="text" value="" class="url">
-          <label>Caption</label>
-          <input name="{{name}}[][title]" type="text" value="" class="caption">
-        </div>
-      </script>
-      <input type="file" id="file" multiple>
+      </ol>
+      <input class="file-upload" style="display: none;" type="file" accept="image/*">
+      <button class="add-image">+</button>
     {% else %}
       <p><pre style="color: red">Admin template doesn't support '{{type}}' properties!</pre></p>
     {% endif %}