added config pages for all versions that had a config
This commit is contained in:
236
config/squared45/js/main.js
Normal file
236
config/squared45/js/main.js
Normal file
@@ -0,0 +1,236 @@
|
||||
function parse(val) {
|
||||
var result = "Not found",
|
||||
tmp = [];
|
||||
location.search
|
||||
//.replace ( "?", "" )
|
||||
// this is better, there might be a question mark inside
|
||||
.substr(1)
|
||||
.split("&")
|
||||
.forEach(function (item) {
|
||||
tmp = item.split("=");
|
||||
if (tmp[0] === val) result = decodeURIComponent(tmp[1]);
|
||||
});
|
||||
return result;
|
||||
}
|
||||
|
||||
function getColorByName(name) {
|
||||
return {
|
||||
"Diamond": 202,
|
||||
"Ruby": 226,
|
||||
"Fire": 224,
|
||||
"Forest": 200,
|
||||
"Red": 240,
|
||||
"Green": 204,
|
||||
"Blue": 195,
|
||||
"Yellow": 252,
|
||||
"Cyan": 207,
|
||||
"Magenta": 243,
|
||||
"Violet": 227,
|
||||
"Orange": 244,
|
||||
"Vivid Cerulean": 203,
|
||||
"Chrome Yellow": 248,
|
||||
"Spring Green": 206,
|
||||
"Black": 192,
|
||||
"Dark Gray": 213,
|
||||
"Light Gray": 234,
|
||||
"White": 255
|
||||
}[name];
|
||||
}
|
||||
function getVariationByName(name) {
|
||||
return ["Diamond", "Ruby", "Fire", "Forest"].indexOf(name) != -1;
|
||||
}
|
||||
|
||||
function updatePreview() {
|
||||
var n = '';
|
||||
var o2 = '';
|
||||
var o = '';
|
||||
var b = '';
|
||||
var r = '';
|
||||
if (parse('bw') != 'true') {
|
||||
n = 'img/n-'+$('#num_color').val().replace(' ', '-')+'.png';
|
||||
o2 = 'img/0-'+$('#num_color').val().replace(' ', '-')+'.png';
|
||||
o = 'img/o-'+$('#orn_color').val().replace(' ', '-')+'.png';
|
||||
b = 'img/b-'+$('#bg_color').val().replace(' ', '-')+'.png';
|
||||
r = 'img/r-'+$('#orn_color').val().replace(' ', '-')+'.png';
|
||||
} else {
|
||||
if ($('#invert').prop("checked")) {
|
||||
n = 'img/n-Black.png';
|
||||
o2 = 'img/0-Black.png';
|
||||
o = 'img/o-Black.png';
|
||||
b = 'img/b-White.png';
|
||||
} else {
|
||||
n = 'img/n-White.png';
|
||||
o2 = 'img/0-White.png';
|
||||
o = 'img/o-White.png';
|
||||
b = 'img/b-Black.png';
|
||||
}
|
||||
if($('#monochrome').prop("checked")) {
|
||||
o = 'img/o-Aplite-Gray.png';
|
||||
}
|
||||
}
|
||||
|
||||
$('.preview-n').attr('src', n);
|
||||
$('.preview-o').attr('src', o);
|
||||
$('.preview-b').attr('src', b);
|
||||
$('.preview-o2').attr('src', o2);
|
||||
if (parse('bw') != 'true') {
|
||||
$('.preview-r').attr('src', r);
|
||||
}
|
||||
|
||||
if ($('#zero').prop("checked")) {
|
||||
$('.showzero').addClass('activeshowzero');
|
||||
} else {
|
||||
$('.showzero').removeClass('activeshowzero');
|
||||
}
|
||||
|
||||
if ($('#date').prop("checked")) {
|
||||
$('.eurodate').addClass('activeeurodate');
|
||||
} else {
|
||||
$('.eurodate').removeClass('activeeurodate');
|
||||
}
|
||||
|
||||
if ($('#center').prop("checked") && $('#date').prop("checked")) {
|
||||
$('.preview-centeralign').addClass('activecenteralign');
|
||||
} else {
|
||||
$('.preview-centeralign').removeClass('activecenteralign');
|
||||
}
|
||||
if ($('#size').prop("checked") && parse('rect') == 'true') {
|
||||
$('.preview-scaler').addClass('scaled');
|
||||
} else {
|
||||
$('.preview-scaler').removeClass('scaled');
|
||||
}
|
||||
}
|
||||
|
||||
$('#num_color, #orn_color, #bg_color, #date, #zero, #center, #invert, #monochrome, #size').on('change', function() {
|
||||
updatePreview();
|
||||
});
|
||||
|
||||
function updateNightsaver() {
|
||||
if ($('#nightsaver').prop("checked")) {
|
||||
$('.show-on-nightsaver').show();
|
||||
} else {
|
||||
$('.show-on-nightsaver').hide();
|
||||
}
|
||||
}
|
||||
|
||||
$('#nightsaver').on('change', function() {
|
||||
updateNightsaver();
|
||||
});
|
||||
|
||||
function updateRound() {
|
||||
if (parse('rect') != 'true') {
|
||||
$('.preview').addClass('round-preview');
|
||||
}
|
||||
}
|
||||
|
||||
(function() {
|
||||
loadOptions();
|
||||
submitHandler();
|
||||
})();
|
||||
|
||||
function getDataToSend() {
|
||||
bg_color = $("#bg_color").val();
|
||||
num_color = $("#num_color").val();
|
||||
orn_color = $("#orn_color").val();
|
||||
data = {
|
||||
large_mode: ''+$("#size").prop("checked"),
|
||||
eu_date: ''+$("#date").prop("checked"),
|
||||
quick_start: ''+$("#delay").prop("checked"),
|
||||
leading_zero: ''+$("#zero").prop("checked"),
|
||||
background_color: getColorByName(bg_color),
|
||||
number_base_color: getColorByName(num_color),
|
||||
number_variation: 0+getVariationByName(num_color),
|
||||
ornament_base_color: getColorByName(orn_color),
|
||||
ornament_variation: 0+getVariationByName(orn_color),
|
||||
invert: ''+$("#invert").prop("checked"),
|
||||
monochrome: ''+$("#monochrome").prop("checked"),
|
||||
center: ''+$("#center").prop("checked"),
|
||||
btvibe: ''+$("#btvibe").prop("checked"),
|
||||
};
|
||||
return data;
|
||||
}
|
||||
|
||||
function saveData(){
|
||||
if(localStorage) {
|
||||
toStore = {
|
||||
size: ''+$("#size").prop("checked"),
|
||||
date: ''+$("#date").prop("checked"),
|
||||
delay: ''+$("#delay").prop("checked"),
|
||||
zero: ''+$("#zero").prop("checked"),
|
||||
bg_color: $("#bg_color").val(),
|
||||
num_color: $("#num_color").val(),
|
||||
orn_color: $("#orn_color").val(),
|
||||
invert: ''+$("#invert").prop("checked"),
|
||||
monochrome: ''+$("#monochrome").prop("checked"),
|
||||
center: ''+$("#center").prop("checked"),
|
||||
btvibe: ''+$("#btvibe").prop("checked")
|
||||
};
|
||||
localStorage.setItem("lastconfig", JSON.stringify(toStore));
|
||||
}
|
||||
}
|
||||
|
||||
function restoreData(){
|
||||
if(localStorage) {
|
||||
stored = JSON.parse(localStorage.getItem("lastconfig"));
|
||||
if(stored){
|
||||
$("#size").prop("checked", (stored.size === 'true'));
|
||||
$("#date").prop("checked", (stored.date === 'true'));
|
||||
$("#delay").prop("checked", (stored.delay === 'true'));
|
||||
$("#zero").prop("checked", (stored.zero === 'true'));
|
||||
$("#bg_color").val(stored.bg_color);
|
||||
$("#num_color").val(stored.num_color);
|
||||
$("#orn_color").val(stored.orn_color);
|
||||
$("#invert").prop("checked", (stored.invert === 'true'));
|
||||
$("#monochrome").prop("checked", (stored.monochrome === 'true'));
|
||||
$("#center").prop("checked", (stored.center === 'true'));
|
||||
$("#btvibe").prop("checked", (stored.btvibe === 'true'));
|
||||
}
|
||||
updatePreview();
|
||||
updateNightsaver();
|
||||
updateRound();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function submitHandler() {
|
||||
var $submitButton = $('#send');
|
||||
|
||||
$submitButton.on('click', function() {
|
||||
console.log('Submit');
|
||||
|
||||
var return_to = getQueryParam('return_to', 'pebblejs://close#');
|
||||
document.location = return_to + encodeURIComponent(JSON.stringify(getAndStoreConfigData()));
|
||||
});
|
||||
}
|
||||
|
||||
function loadOptions() {
|
||||
if(parse('rect') == 'true') {
|
||||
$('.recthide').hide();
|
||||
} else {
|
||||
$('.roundhide').hide();
|
||||
}
|
||||
if(parse('bw') == 'true') {
|
||||
$('.bwhide').hide();
|
||||
} else {
|
||||
$('.colorhide').hide();
|
||||
}
|
||||
restoreData();
|
||||
}
|
||||
|
||||
function getAndStoreConfigData() {
|
||||
saveData();
|
||||
return getDataToSend();
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
20
config/squared45/js/main.min.js
vendored
Normal file
20
config/squared45/js/main.min.js
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
|
||||
function parse(val){var result="Not found",tmp=[];location.search.substr(1).split("&").forEach(function(item){tmp=item.split("=");if(tmp[0]===val)result=decodeURIComponent(tmp[1]);});return result;}
|
||||
function getColorByName(name){return{"Diamond":202,"Ruby":226,"Fire":224,"Forest":200,"Red":240,"Green":204,"Blue":195,"Yellow":252,"Cyan":207,"Magenta":243,"Violet":227,"Orange":244,"Vivid Cerulean":203,"Chrome Yellow":248,"Spring Green":206,"Black":192,"Dark Gray":213,"Light Gray":234,"White":255}[name];}
|
||||
function getVariationByName(name){return["Diamond","Ruby","Fire","Forest"].indexOf(name)!=-1;}
|
||||
function updatePreview(){var n='';var o2='';var o='';var b='';if(parse('bw')!='true'){n='img/n-'+$('#num_color').val().replace(' ','-')+'.png';o2='img/0-'+$('#num_color').val().replace(' ','-')+'.png';o='img/o-'+$('#orn_color').val().replace(' ','-')+'.png';b='img/b-'+$('#bg_color').val().replace(' ','-')+'.png';}else{if($('#invert').prop("checked")){n='img/n-Black.png';o2='img/0-Black.png';o='img/o-Black.png';b='img/b-White.png';}else{n='img/n-White.png';o2='img/0-White.png';o='img/o-White.png';b='img/b-Black.png';}
|
||||
if($('#monochrome').prop("checked")){o='img/o-Aplite-Grey.png';}}
|
||||
$('.preview-n').attr('src',n);$('.preview-o').attr('src',o);$('.preview-b').attr('src',b);$('.preview-o2').attr('src',o2);if($('#zero').prop("checked")){$('.showzero').addClass('activeshowzero');}else{$('.showzero').removeClass('activeshowzero')}
|
||||
if($('#date').prop("checked")){$('.eurodate').addClass('activeeurodate');}else{$('.eurodate').removeClass('activeeurodate')}
|
||||
if($('#center').prop("checked")&&$('#date').prop("checked")){$('.preview-centeralign').addClass('activecenteralign');}else{$('.preview-centeralign').removeClass('activecenteralign')}}
|
||||
$('#num_color, #orn_color, #bg_color, #date, #zero, #center, #invert, #monochrome').on('change',function(){updatePreview();});(function(){loadOptions();submitHandler();})();function getDataToSend(){bg_color=$("#bg_color").val();num_color=$("#num_color").val();orn_color=$("#orn_color").val();data={large_mode:''+$("#size").prop("checked"),eu_date:''+$("#date").prop("checked"),quick_start:''+$("#delay").prop("checked"),leading_zero:''+$("#zero").prop("checked"),background_color:getColorByName(bg_color),number_base_color:getColorByName(num_color),number_variation:0+getVariationByName(num_color),ornament_base_color:getColorByName(orn_color),ornament_variation:0+getVariationByName(orn_color),invert:''+$("#invert").prop("checked"),monochrome:''+$("#monochrome").prop("checked"),center:''+$("#center").prop("checked"),btvibe:''+$("#btvibe").prop("checked"),};return data;}
|
||||
function saveData(){if(localStorage){toStore={size:''+$("#size").prop("checked"),date:''+$("#date").prop("checked"),delay:''+$("#delay").prop("checked"),zero:''+$("#zero").prop("checked"),bg_color:$("#bg_color").val(),num_color:$("#num_color").val(),orn_color:$("#orn_color").val(),invert:''+$("#invert").prop("checked"),monochrome:''+$("#monochrome").prop("checked"),center:''+$("#center").prop("checked"),btvibe:''+$("#btvibe").prop("checked")};localStorage.setItem("lastconfig",JSON.stringify(toStore));}}
|
||||
function restoreData(){if(localStorage){stored=JSON.parse(localStorage.getItem("lastconfig"));if(stored){$("#size").prop("checked",(stored.size==='true'));$("#date").prop("checked",(stored.date==='true'));$("#delay").prop("checked",(stored.delay==='true'));$("#zero").prop("checked",(stored.zero==='true'));$("#bg_color").val(stored.bg_color);$("#num_color").val(stored.num_color);$("#orn_color").val(stored.orn_color);$("#invert").prop("checked",(stored.invert==='true'));$("#monochrome").prop("checked",(stored.monochrome==='true'));$("#center").prop("checked",(stored.center==='true'));$("#btvibe").prop("checked",(stored.btvibe==='true'));}
|
||||
updatePreview();}}
|
||||
function submitHandler(){var $submitButton=$('#send');$submitButton.on('click',function(){console.log('Submit');var return_to=getQueryParam('return_to','pebblejs://close#');document.location=return_to+encodeURIComponent(JSON.stringify(getAndStoreConfigData()));});}
|
||||
function loadOptions(){if(parse('rect')=='true'){}else{$('.roundhide').hide();}
|
||||
if(parse('bw')=='true'){$('.bwhide').hide();}else{$('.colorhide').hide();}
|
||||
restoreData();}
|
||||
function getAndStoreConfigData(){saveData();return getDataToSend();}
|
||||
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;}
|
||||
346
config/squared45/js/slate.js
Normal file
346
config/squared45/js/slate.js
Normal file
File diff suppressed because one or more lines are too long
2
config/squared45/js/slate.min.js
vendored
Normal file
2
config/squared45/js/slate.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user