From 49fe25c8e884c14ab3258d22240a62f0b57da490 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 28 Mar 2016 16:15:46 -0400
Subject: make links sortable

---
 themes/okadmin/templates/partials/inputs.liquid | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

(limited to 'themes/okadmin/templates/partials/inputs.liquid')

diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index 55d5fb8..4acb435 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -82,17 +82,18 @@
 
     {% elsif type == 'link-list' %}
       <div class="link-list group">
-        <div class="links">
+        <ol class="links">
           {% for link in spec.value %}
             <li>
+              <div class="handle"></div>
               <input
-                  name="{{name}}[][text]"
+                  name="{{name}}[{{forloop.index0}}][text]"
                   value="{{link.text}}"
                   type="text"
                   placeholder="Link text"
                   class="link-input link-text">
               <input
-                  name="{{name}}[][uri]"
+                  name="{{name}}[{{forloop.index0}}][uri]"
                   value="{{link.uri}}"
                   type="text"
                   placeholder="URL"
@@ -102,7 +103,8 @@
               </button>
             </li>
           {% endfor %}
-        </div>
+        </ol>
+        
         <input type="text"
                class="link-input-new link-text"
                placeholder="Link text">
@@ -113,6 +115,7 @@
 
         <script type="text/html" class="link-template">
           <li>
+            <div class="handle"></div>
             <input
                 name="{{name}}[][text]"
                 value=""
@@ -172,12 +175,12 @@
             {% if image.token %}
               <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>
+                <input name="{{name}}[{{forloop.index0}}][type]" value="{{image.type}}" type="hidden" class="video-type" hidden>
+                <input name="{{name}}[{{forloop.index0}}][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">
+                <input name="{{name}}[{{forloop.index0}}][title]" value="{{image.title}}" type="text" class="video-title">
                 <label>Thumbnail</label>
-                <input name="{{name}}[][thumb]" value="{{image.thumb}}" type="text" class="video-thumb">
+                <input name="{{name}}[{{forloop.index0}}][thumb]" value="{{image.thumb}}" type="text" class="video-thumb">
                 </div>
                 <img src="{{image.thumb}}">
                 <button class="remove">x</button>
-- 
cgit v1.2.3-70-g09d2