From 4bbb34992ae4e3dc49ec212e76f0147608a71e3a Mon Sep 17 00:00:00 2001 From: Kyle Boyle Date: Thu, 24 Nov 2022 18:37:19 -0400 Subject: Adds watch skin toggle to for model A158WEA-9 should one be feeling classy --- watch-library/simulator/shell.html | 594 ++++++++++++++++++++++++++++++++++++- 1 file changed, 584 insertions(+), 10 deletions(-) diff --git a/watch-library/simulator/shell.html b/watch-library/simulator/shell.html index 7b38a9aa..8d371cd6 100644 --- a/watch-library/simulator/shell.html +++ b/watch-library/simulator/shell.html @@ -35,6 +35,23 @@ a { color: #001d5c; } textarea { margin: 0; padding: 0; border: 0; font-size: medium; font-family: monospace; } .highlight { fill: #fff !important; } + #skinselect label { + display: inline-block; + padding: 8px; + background-color: black; + color: white; + border-radius: 8px; + border: 2px solid #0e57a9; + outline: 4px solid black; + cursor: pointer; + } + #skinselect #a158wea-label { + background-color: #b68855ff; + color: black; + border-color: black; + outline-color: #b68855ff; + + } @@ -61,10 +78,10 @@ - - - - + + + + @@ -78,11 +95,68 @@ - - - - + + @@ -178,7 +252,483 @@ - + + + @@ -192,6 +742,11 @@ + + + + + @@ -326,7 +881,10 @@ -

+ F-91W + A158WEA-9 +

@@ -407,8 +965,24 @@ navigator.geolocation.getCurrentPosition(updateLocation, showError); } } + + function toggleSkin() { + var isBlack = document.getElementById('f91w').checked; + Array.from(document.getElementsByClassName("f91w")).forEach( + function(element, index, array) { + element.setAttribute('style', 'display:' + (isBlack ? 'inline':'none') + ';'); + } + ); + Array.from(document.getElementsByClassName("a158wea9")).forEach( + function(element, index, array) { + element.setAttribute('style', 'display:' + (isBlack ? 'none':'inline') + ';'); + } + ); + } + toggleSkin(); {{{ SCRIPT }}} + -- cgit v1.2.3