Allow to save shift spreadsheet

ae60f68f · Romain Courteaud · Jérome Perrin · 9a8712e0 · ae60f68f · ae60f68f
Commit ae60f68f authored Jun 18, 2014 by Romain Courteaud Committed by Jérome Perrin Aug 11, 2014
2 changed files
--- a/dream/platform/src2/dream/Input_viewShiftSpreadsheet.html
+++ b/dream/platform/src2/dream/Input_viewShiftSpreadsheet.html
@@ -3,9 +3,11 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Edit Wip Part Spreadsheet</title>
+    <title>Edit Shift Spreadsheet</title>
    <script src="../<%= copy.rsvp.relative_dest %>" type="text/javascript"></script>
    <script src="../<%= copy.renderjs.relative_dest %>" type="text/javascript"></script>
+    <script src="../<%= curl.jquery.relative_dest %>" type="text/javascript"></script>
+    <script src="../<%= curl.jquerymobilejs.relative_dest %>" type="text/javascript"></script>

    <script src="mixin_gadget.js" type="text/javascript"></script>
    <script src="Input_viewShiftSpreadsheet.js" type="text/javascript"></script>
@@ -13,5 +15,9 @@
  <body>
    <div data-gadget-url="../handsontable/index.html"
         data-gadget-scope="tableeditor"></div>
+    <form class="save_form">
+      <button type="submit" class="ui-btn ui-btn-b ui-btn-inline
+        ui-icon-edit ui-btn-icon-right">Save</button>
+    </form>
  </body>
 </html>
--- a/dream/platform/src2/dream/Input_viewShiftSpreadsheet.js
+++ b/dream/platform/src2/dream/Input_viewShiftSpreadsheet.js
-/*global rJS, RSVP, initGadgetMixin */
-(function (window, rJS, RSVP, initGadgetMixin) {
+/*global rJS, RSVP, initGadgetMixin, loopEventListener */
+(function (window, rJS, RSVP, initGadgetMixin, loopEventListener) {
  "use strict";

+  function saveSpreadsheet(evt) {
+    var gadget = this,
+      editor_data,
+      editor_gadget;
+    return new RSVP.Queue()
+      .push(function () {
+        // Prevent double click
+        evt.target.getElementsByClassName("ui-btn")[0].disabled = true;
+        return gadget.getDeclaredGadget("tableeditor");
+      })
+      .push(function (tablegadget) {
+        editor_gadget = tablegadget;
+        return editor_gadget.getData();
+      })
+      .push(function (data) {
+        editor_data = data;
+        // Always get a fresh version, to prevent deleting spreadsheet & co
+        return gadget.aq_getAttachment({
+          "_id": gadget.props.jio_key,
+          "_attachment": "body.json"
+        });
+      })
+      .push(function (body) {
+        var data = JSON.parse(body);
+        data.shift_spreadsheet = JSON.parse(editor_data);
+        return gadget.aq_putAttachment({
+          "_id": gadget.props.jio_key,
+          "_attachment": "body.json",
+          "_data": JSON.stringify(data, null, 2),
+          "_mimetype": "application/json"
+        });
+      })
+      .push(function () {
+        evt.target.getElementsByClassName("ui-btn")[0].disabled = false;
+      });
+  }
+
+
+  function waitForSave(gadget) {
+    return loopEventListener(
+      gadget.props.element.getElementsByClassName("save_form")[0],
+      'submit',
+      false,
+      saveSpreadsheet.bind(gadget)
+    );
+  }
+
  var gadget_klass = rJS(window);
  initGadgetMixin(gadget_klass);
  gadget_klass
@@ -36,9 +83,13 @@
    })

    .declareMethod("startService", function () {
+      var gadget = this;
      return this.getDeclaredGadget("tableeditor")
        .push(function (tableeditor) {
-          return tableeditor.startService();
+          return RSVP.all([
+            tableeditor.startService(),
+            waitForSave(gadget)
+          ]);
        });
    });
-}(window, rJS, RSVP, initGadgetMixin));
+}(window, rJS, RSVP, initGadgetMixin, loopEventListener));