Add link-list field type

1 files changed, 24 insertions, 1 deletions

diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index 25ad197..0d5321b 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -3,7 +3,8 @@
   {% assign spec = pair[1] %}
   {% assign type = spec.type %}
 
-  <div class="property {{type}} {% if spec.hidden %}hidden{% endif %}">
+  <div class="property {{type}} {% if spec.hidden %}hidden{% endif %}"
+       data-name="{{name}}">
     <label for="{{name}}">{{name | capitalize}}</label>
 
     {% if type == 'string' %}
@@ -54,6 +55,28 @@
         <input id="{{name}}-input" name="{{name}}" value="{{spec.value}}"
             placeholder="Enter a comma separated list of tags.">
       </div>
+    {% elsif type == 'link-list' %}
+
+      <div class="link-list group">
+        <div class="links">
+          {% for url in spec.value %}
+            <input
+                name="{{name}}[{{forloop.index0}}]"
+                value="{{url}}"
+                type="text"
+                class="link-input">
+            <button class="remove-link-btn"
+                    data-for="{{name}}[{{forloop.index0}}]">
+              -
+            </button>
+          {% endfor %}
+        </div>
+        <input type="text"
+               class="link-input-new"
+               placeholder="http://www.example.com">
+        <button class="add-link-btn">+</button>
+      </div>
+
     {% elsif type == 'media-list' %}
       <div class="media-list group loaded">
         <div class="fields">