inkstitch metadata framework

2 files changed, 18 insertions, 19 deletions

diff --git a/print/resources/inkstitch.js b/print/resources/inkstitch.js
index 454c9ae2..ed26d367 100644
--- a/print/resources/inkstitch.js
+++ b/print/resources/inkstitch.js
@@ -40,19 +40,18 @@ $(function() {
   setTimeout(ping, 1000);
   setPageNumbers();
   scaleInksimulation();
-  
+
   /* Contendeditable Fields */
-  
+
   // When we focus out from a contenteditable field, we want to
   // set the same content to all fields with the same classname
-  document.querySelectorAll('[contenteditable="true"]').forEach(function(elem) {
-    elem.addEventListener('focusout', function() {
-        var content = $(this).html();
-        var field_name = $(this).attr('data-field-name');
-        $('[data-field-name="' + field_name + '"]').html(content);
-    });
+  $('[contenteditable="true"]').on('focusout', function() {
+    var content = $(this).html();
+    var field_name = $(this).attr('data-field-name');
+    $('[data-field-name="' + field_name + '"]').html(content);
+    $.post('/metadata/' + field_name + '/set', {value: content});
   });
-  
+
   $('[contenteditable="true"]').keypress(function(e) {
       if (e.which == 13) {
           // pressing enter defocuses the element
@@ -64,10 +63,10 @@ $(function() {
           return true;
       }
     });
-  
-  
+
+
   /* Settings Bar */
-  
+
   $('button.close').click(function() {
     $.post('/shutdown', {})
      .done(function(data) {
@@ -92,20 +91,20 @@ $(function() {
   $('#close-settings').click(function(){
       $('#settings-ui').hide();
   });
-  
+
   /* Settings */
-  
+
   // Paper Size
   $('select#printing-size').change(function(){
     $('.page').toggleClass('a4');
   });
-  
+
   //Checkbox
   $(':checkbox').change(function() {
     $('.' + this.id).toggle();
     setPageNumbers();
     scaleInksimulation();
   });
-  
+
 });
 
diff --git a/print/templates/headline.html b/print/templates/headline.html
index 649c02ea..cbc9c43a 100644
--- a/print/templates/headline.html
+++ b/print/templates/headline.html
@@ -3,9 +3,9 @@
 </figure>
 <div class="headline">
   <div class="pageTitle">
-      <h1><span class="jobtitle" contenteditable="true" data-placeholder="{{ _('Enter job title...') }}" data-field-name="job-title">{{ job.title }}</span></h1>
-      <p class="header-field" data-label="{{ _('CLIENT') }}:" contenteditable="true" data-placeholder="{{ _('Enter client name...') }}" data-field-name="client-name">{{ client }}</p>
-      <p class="header-field" data-label="{{ _('PURCHASE ORDER #:') }}" contenteditable="true" data-placeholder="{{ _('Enter purchase order number...') }}" data-field-name="purchase-order">{{ purchase_order }}</p>
+      <h1><span class="jobtitle" contenteditable="true" data-placeholder="{{ _('Enter job title...') }}" data-field-name="title"></span></h1>
+      <p class="header-field" data-label="{{ _('CLIENT') }}:" contenteditable="true" data-placeholder="{{ _('Enter client name...') }}" data-field-name="client-name"></p>
+      <p class="header-field" data-label="{{ _('PURCHASE ORDER #:') }}" contenteditable="true" data-placeholder="{{ _('Enter purchase order number...') }}" data-field-name="purchase-order"></p>
   </div>
   
   <div class="currentDate">{{ date|datetimeformat(_('%Y.%m.%d')) }}</div>