populate fields on load

1 files changed, 8 insertions, 1 deletions

diff --git a/print/resources/inkstitch.js b/print/resources/inkstitch.js
index ed26d367..15cf494a 100644
--- a/print/resources/inkstitch.js
+++ b/print/resources/inkstitch.js
@@ -48,10 +48,17 @@ $(function() {
   $('[contenteditable="true"]').on('focusout', function() {
     var content = $(this).html();
     var field_name = $(this).attr('data-field-name');
-    $('[data-field-name="' + field_name + '"]').html(content);
+    $('[data-field-name="' + field_name + '"]').text(content);
     $.post('/metadata/' + field_name + '/set', {value: content});
   });
 
+  // load up initial metadata values
+  $.getJSON('/metadata', function(metadata) {
+      $.each(metadata, function(field_name, value) {
+          $('[data-field-name="' + field_name + '"]').text(value);
+      });
+  });
+
   $('[contenteditable="true"]').keypress(function(e) {
       if (e.which == 13) {
           // pressing enter defocuses the element