2 files changed, 44 insertions, 1 deletions
diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index e5af10c..094e66b 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -301,6 +301,12 @@ button, input[type=submit] {
 .main.resource form .video-element input[type=text] {
   width: 15em;
 }
+.main .link-list .add-link-btn,
+.main .link-list .remove-link-btn {
+  margin: 0;
+  height: 2em;
+  line-height: 1em;
+}
 .add-image-button {
   background: #ddd;
   clear: left;
diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 2667ce6..f989c7b 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -99,7 +99,44 @@ var OKAdmin = function(){
       $el.parent().find(".video-thumb").val( media.thumbnail )
     })
   }))
-  
+
+  // Add a new link to the list
+  $('.link-list').on('click', '.add-link-btn', function(e) {
+    e.preventDefault()
+    e.stopPropagation()
+    var $delegate = $(e.delegateTarget)
+    var $list = $delegate.find('.links')
+    var length = $list.find('input').length
+    var name = $delegate.parent('.property').data('name')
+    var $new = $delegate.find('.link-input-new')
+    var input = document.createElement('input')
+    var delBtn = document.createElement('button')
+    var inputName = name + '[' + length + ']'
+    $(input).attr({
+      name: inputName,
+      type: 'text',
+      value: $new.val()
+    })
+    $list.append(input)
+    $(delBtn).addClass('remove-link-btn')
+    $(delBtn).data('for', inputName)
+    delBtn.innerHTML = '-'
+    $list.append(delBtn)
+    $new.val('')
+  })
+
+  // Remove a link from the list
+  $('.link-list').on('click', '.remove-link-btn', function(e) {
+    e.preventDefault()
+    e.stopPropagation()
+    var $delegate = $(e.delegateTarget)
+    var $target = $(e.target)
+    var inputName = $target.data('for')
+    var $input = $delegate.find('[name="' + inputName + '"]')
+    $input.remove()
+    $target.remove()
+  })
+
   // fix post indexing in list-driven inputs
   $(".main.resource form").submit(function(e){
     var $id = $("[name=id]"), $title = $("[name=title]"), $menu = $("[name=menu]"), $section = $(".resource.main")