From f849c7dc08064eaa1ee1265b2d06a9c527adf66f Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 17 Aug 2016 03:29:17 -0400
Subject: fix weird box ish

---
 examples/db.json                                |  4 +++-
 examples/index.js                               |  5 +++--
 themes/okadmin/public/js/app.js                 |  9 ++++-----
 themes/okadmin/templates/partials/inputs.liquid | 16 ++++++++--------
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/examples/db.json b/examples/db.json
index 5fee377..5f65c21 100644
--- a/examples/db.json
+++ b/examples/db.json
@@ -197,7 +197,8 @@
           "height": "400",
           "title": "ee12b137-1c8a-400a-87e3-89cbee7b4da6.mp4",
           "thumb": "http://okfocus.s3.amazonaws.com/misc/okcms/video.png",
-          "autoplay": "true"
+          "autoplay": "true",
+          "loop": "false"
         },
         {
           "type": "youtube",
@@ -207,6 +208,7 @@
           "height": "360",
           "title": "dëf lëöpär¨d¨¨¨¨<>~!@~#!:I!@",
           "thumb": "http://i.ytimg.com/vi/y_35kXCQxN4/hqdefault.jpg",
+          "autoplay": "false",
           "loop": "true"
         },
         {
diff --git a/examples/index.js b/examples/index.js
index 341a50b..fa3281e 100644
--- a/examples/index.js
+++ b/examples/index.js
@@ -1,6 +1,7 @@
 var okcms = require('..');
 
 var isProduction = process.env.OK_PRODUCTION === 'true'
+var port = process.env.PORT || 1337;
 
 var app  = okcms.createApp({
 
@@ -90,6 +91,6 @@ var app  = okcms.createApp({
     }
   }
 
-}).listen(1337);
+}).listen(port)
 
-console.log('Server listening at port 1337...');
+console.log('Server listening at port %d...', port);
diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 578d99f..d65fcc6 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -232,12 +232,11 @@ var OKAdmin = function(){
 
     // Modify flags checkboxes such that unchecked ones return "false"
     // instead of nothing
-    $('.property .flag').each(function(i, el) {
-      var input = el.querySelector('input')
-      var checked = !!input.checked
+    $('.property input[type=checkbox]').each(function(i, el) {
+      var checked = !!el.checked
       if (!checked) {
-        $(input).attr('value', 'false')
-        input.checked = true
+        el.value = 'false'
+        el.setAttribute('checked', true)
       }
     })
     
diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index f093a0d..bca397f 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -228,9 +228,9 @@
                 <label>Thumbnail</label>
                 <input name="{{name}}[{{forloop.index0}}][thumb]" value="{{image.thumb}}" type="text" class="video-thumb">
                 <span class="checkboxes">
-                  <input name="{{name}}[{{forloop.index0}}][autoplay]" value="true" {% if image.autoplay %}checked="true"{% endif %} type="checkbox" class="flag video-autoplay">
+                  <input name="{{name}}[{{forloop.index0}}][autoplay]" value="true" {% if image.autoplay == "true" %}checked="true"{% endif %} type="checkbox" class="flag video-autoplay">
                   <label>Autoplay</label>
-                  <input name="{{name}}[{{forloop.index0}}][loop]" value="true" {% if image.loop %}checked="true"{% endif %} type="checkbox" class="flag video-loop">
+                  <input name="{{name}}[{{forloop.index0}}][loop]" value="true" {% if image.loop == "true" %}checked="true"{% endif %} type="checkbox" class="flag video-loop">
                   <label>Loop</label>
                 </span>
                 </div>
@@ -254,19 +254,19 @@
               </li>
             {% elsif image.type and image.type == "link" %}
               <li class="link-element">
-                <input class="uri" type="text" name="{{name}}[][uri]" value="{{image.uri}}">
-                <textarea class="caption" name="{{name}}[][caption]" placeholder="Caption">{{image.caption | escape}}</textarea>
-                <input type="hidden" name="{{name}}[][type]" value="link">
+                <input class="uri" type="text" name="{{name}}[{{forloop.index0}}][uri]" value="{{image.uri}}">
+                <textarea class="caption" name="{{name}}[{{forloop.index0}}][caption]" placeholder="Caption">{{image.caption | escape}}</textarea>
+                <input type="hidden" name="{{name}}[{{forloop.index0}}][type]" value="link">
                 <button class="remove">x</button>
               </li>
             {% else %}
               <li class="image-element">
                 <label>Caption</label>
-                <input type="hidden" name="{{name}}[][uri]" value="{{image.uri}}">
+                <input type="hidden" name="{{name}}[{{forloop.index0}}][uri]" value="{{image.uri}}">
                 <input name="{{name}}[{{forloop.index0}}][width]" value="{{image.width}}" type="hidden" class="image-width" hidden>
                 <input name="{{name}}[{{forloop.index0}}][height]" value="{{image.height}}" type="hidden" class="image-height" hidden>
-                <textarea class="caption" name="{{name}}[][caption]">{{image.caption | escape}}</textarea>
-                <input type="hidden" name="{{name}}[][type]" value="image">
+                <textarea class="caption" name="{{name}}[{{forloop.index0}}][caption]">{{image.caption | escape}}</textarea>
+                <input type="hidden" name="{{name}}[{{forloop.index0}}][type]" value="image">
                 <img src="{{image.uri}}" alt="{{image.caption | strip_html}}">
                 <button class="remove">x</button>
               </li>
-- 
cgit v1.2.3-70-g09d2