83 lines
2.2 KiB
JavaScript
83 lines
2.2 KiB
JavaScript
function getQueryParam(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 defaultValue || false;
|
|
}
|
|
|
|
function submit() {
|
|
var form = document.getElementById("main-form");
|
|
var inputs = form.getElementsByTagName("input");
|
|
var selects = form.getElementsByTagName("select");
|
|
var return_to = getQueryParam('return_to', 'pebblejs://close#');
|
|
|
|
var options = {};
|
|
|
|
console.log("Submitting");
|
|
for (var i = 0; i < (inputs.length + selects.length); i += 1) {
|
|
var input = inputs[i] || selects[i - inputs.length];
|
|
var k = input.name;
|
|
var t = input.type;
|
|
var v;
|
|
|
|
if (t == "checkbox") {
|
|
v = input.checked;
|
|
} else if (t == "text") {
|
|
v = Number(input.value);
|
|
} else if (t == "select-one") {
|
|
v = input.value;
|
|
} else {
|
|
console.log("Unknown type: " + t);
|
|
continue;
|
|
}
|
|
console.log(k, t, v);
|
|
|
|
localStorage[k] = v;
|
|
options[k] = v;
|
|
}
|
|
|
|
document.location = return_to + encodeURIComponent(JSON.stringify(options));
|
|
}
|
|
|
|
function restore() {
|
|
var form = document.getElementById("main-form");
|
|
var inputs = form.getElementsByTagName("input");
|
|
var selects = form.getElementsByTagName("select");
|
|
for (var i = 0; i < (inputs.length + selects.length); i += 1) {
|
|
var input = inputs[i] || selects[i - inputs.length];
|
|
var k = input.name;
|
|
var t = input.type;
|
|
var v = localStorage[k];
|
|
console.log(k, t, v);
|
|
if (v != undefined) {
|
|
if (t == "checkbox") {
|
|
input.checked = (v=="true")?true:false;
|
|
} else if (t == "select-one") {
|
|
input.value = v;
|
|
} else if (k.slice(0, 6) == "color-") {
|
|
var val = ("000000" + Number(v).toString(16)).slice(-6);
|
|
var hex = "0x" + val;
|
|
var color = "#" + val;
|
|
|
|
var $valueDisplay = $(input).parent().find('.value');
|
|
$valueDisplay.css('background', color);
|
|
$(input).val(hex);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function init() {
|
|
var submit_btn = document.getElementById("submit");
|
|
submit_btn.addEventListener("click", submit);
|
|
restore();
|
|
console.log("Initialized");
|
|
}
|
|
window.addEventListener("load", init);
|