Add number field gadget.

8aa5e465 · Romain Courteaud · Jérome Perrin · 54af62b4 · 8aa5e465 · 8aa5e465
Commit 8aa5e465 authored Jun 18, 2014 by Romain Courteaud 🐙 Committed by Jérome Perrin Aug 11, 2014
Showing with 49 additions and 0 deletions

dream/platform/src2/number_field/index.html dream/platform/src2/number_field/index.html +18 -0

dream/platform/src2/number_field/numberfield.js dream/platform/src2/number_field/numberfield.js +31 -0

No files found.
--- a/dream/platform/src2/number_field/index.html
+++ b/dream/platform/src2/number_field/index.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=no" />
+    <title>Number field</title>
+
+    <!-- renderjs -->
+    <script src="../<%= copy.rsvp.relative_dest %>"></script>
+    <script src="../<%= copy.renderjs.relative_dest %>"></script>
+    <!-- custom script -->
+    <script src="numberfield.js" type="text/javascript"></script>
+
+  </head>
+  <body>
+    <input type='number' step="any" data-mini="true" />
+  </body>
+</html>
--- a/dream/platform/src2/number_field/numberfield.js
+++ b/dream/platform/src2/number_field/numberfield.js
+/*global window, rJS */
+(function (window, rJS) {
+  "use strict";
+
+  rJS(window)
+    .ready(function (gadget) {
+      return gadget.getElement()
+        .push(function (element) {
+          gadget.element = element;
+        });
+    })
+    .declareMethod('render', function (options) {
+      var input = this.element.querySelector('input'),
+        field_json = options.field_json || {};
+      input.setAttribute('value', field_json.value);
+      input.setAttribute('name', field_json.key);
+      input.setAttribute('title', field_json.title);
+    })
+
+    .declareMethod('getContent', function () {
+      var input = this.element.querySelector('input'),
+        result = {};
+      if (input.value !== "") {
+        result[input.getAttribute('name')] = parseFloat(input.value);
+      } else {
+        result[input.getAttribute('name')] = null;
+      }
+      return result;
+    });
+
+}(window, rJS));