JS portion to submit score implemented.

exhuma · Apr 5, 2013 · 3009a22 · 3009a22
1 parent e14b38c
commit 3009a22
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/js/app.js b/js/app.js
@@ -52,14 +52,17 @@ lost_tracker.app.attachEvents = function(stationId) {
     });
     goog.events.listen(submit_buttons[0], goog.events.EventType.CLICK, function(evt) {
       var formData = goog.dom.forms.getFormDataMap(evt.target.form);
+      var formString = goog.dom.forms.getFormDataString(evt.target.form);
       goog.net.XhrIo.send(
-          '/group/' + formData.get('group_id')[0] + '/' + stationId,
+          '/form_score',
           function(evt){
             var xhr = evt.target;
             var data = xhr.getResponseJson();
             window['console']['log'](data);
-          }, 'POST',
-          'score=' + formData.get('score')[0]);
+          }, 'POST', formString, {
+            'Accept': 'application/json',
+            'X-Requested-With': 'XMLHttpRequest'
+          });
       evt.preventDefault();
     });
   });

diff --git a/lost_tracker/main.py b/lost_tracker/main.py
@@ -147,6 +147,9 @@ def form_score():
     if group_id:
         set_form_score(group_id, form_id, score)
 
+    if request.is_xhr:
+        return jsonify(status='ok')
+
     return redirect(url_for("init_form_score"))
 
 if __name__ == '__main__':

diff --git a/lost_tracker/static/js/lost_tracker.js b/lost_tracker/static/js/lost_tracker.js
diff --git a/lost_tracker/templates/station.html b/lost_tracker/templates/station.html
@@ -22,10 +22,11 @@ <h2><a href="{{url_for('index')}}">Zeréck op d'Haaptsäit</a></h2>
         </div>
         <div>
             <form action="{{url_for('index')}}" method="POST">
+                <p style="display: none;"><input type="hidden" name="form_id"
+                    value="{{station.id}}" /></p>
                 <p style="display: none;"><input type="hidden" name="group_id"
                     value="{{row.group.id}}" /></p>
                 <input type="number" name="score" />
-                <input type="number" name="forobou" />
                 <input type="submit" value="OK" />
             </form>
         </div>