@@ -20,18 +20,34 @@

   }

   </style>

   <script>

-  function getQueryParam(variable, defaultValue) {

+  function getRawQueryParam(variable, defaultValue) {

     var query = location.search.substring(1);

     var vars = query.split("&");

     for (var i = 0; i < vars.length; i++) {

       var pair = vars[i].split("=");

       if (pair[0] === variable) {

-        return decodeURIComponent(pair[1]);

+        return pair[1];

       }

     }

     return defaultValue;

   }

+  function getQueryParam(variable, defaultValue) {

+    return decodeURIComponent(getRawQueryParam(variable, defaultValue));

+  }

+

+  function readAndEncodeList(elementId) {

+    var cn = document.getElementById(elementId).childNodes;

+    var result = [];

+    var i;

+    for (i = 0; i < cn.length; i++) {

+      if (cn[i].className === "item") {

+        result.push(encodeURIComponent(cn[i].childNodes[0].nodeValue));

+      }

+    }

+    return result;

+  }

+

   function onSubmit() {

     // Set the return URL depending on the runtime environment

     var return_to = getQueryParam("return_to", "pebblejs://close#");

@@ -49,6 +65,7 @@

       "autoClose" : document.getElementById("autoClose").checked ? 1 : 0,

       "wakeupTime" : document.getElementById("wakeupEnable").checked

        ? document.getElementById("wakeupTime").value : "-1",

+      "extraFields" : readAndEncodeList("extraFields").join(","),

     }

     if (!document.getElementById("bundleEnable").checked) {

@@ -211,6 +228,22 @@

     </div>

   </div>

+  <div class="item-container">

+    <div class="item-container-header">Extra Form Fields</div>

+    <div class="item-container-content">

+      <div class="item-dynamic-list" id="extraFields">

+      </div>

+    </div>

+    <div class="item-container-footer">

+      Extra fields are sent with constant values along with the sent data.

+      It can be used to provide e.g. an authentication token, or an

+      identification field. Items in the list above must be of the form

+      "name=value" (without quotes), and then part before the equal sign is

+      field name and the part after is its value. Entries without equal sign

+      are considered as a whole field name with empty value.

+    </div>

+  </div>

+

   <div class="item-container">

     <div class="button-container">

       <input id="submitButton" type="button" class="item-button" value="SUBMIT" onClick="onSubmit()">

@@ -252,6 +285,15 @@

     updateBundleVisibility();

     updateSignVisibility();

     updateWakeupVisibility();

+

+    var initExtraFields = ("," + getRawQueryParam("extra", "")).split(",");

+    initExtraFields.shift();

+    for (var i = 0; i < initExtraFields.length; i++) {

+      var newNode = document.createElement("label");

+      newNode.className = "item";

+      newNode.appendChild(document.createTextNode(decodeURIComponent(initExtraFields[i])));

+      document.getElementById("extraFields").appendChild(newNode);

+    }

   </script>

 </body>

 </html>