nilix/gears
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor visual tweaks

Browse source
This commit is contained in:
Iris Lightshard 2019-11-10 21:38:13 -05:00
parent 3816965f05
commit 6a4e44c99d
Signed by: Iris Lightshard
GPG key ID: 3B7FBC22144E6398
3 changed files with 64 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -36,7 +36,7 @@
</div> </div>
<form id="searchBox"> <form id="searchBox">
<input type="text" id="tzSearchBox" name="tzSearch" autocomplete="off" placeholder="search for a timezone or location..."> <input type="text" id="tzSearchBox" name="tzSearch" autocomplete="off" placeholder="search for a timezone to add to the table...">
<input type="button" id="tzSearchButton" name="tzButton" value="go"> <input type="button" id="tzSearchButton" name="tzButton" value="go">
<div id="tzSearchResults"></div> <div id="tzSearchResults"></div>
</form> </form>

36
style.css
View file

@ -282,7 +282,7 @@ input.activeButton, input[type=button]:active, a.activeButton
label label
{ {
font-size: 10px; font-size: 12px;
} }
input[type=number], select input[type=number], select
@ -394,14 +394,14 @@ table
table th table th
{ {
position: relative; position: relative;
margin-top: -1px; margin-bottom: 2px;
margin-bottom: 6px;
border-style: solid; border-style: solid;
border-color: #797979; border-color: #797979;
border-width: 1px; border-width: 1px;
border-collapse: collapse; border-collapse: collapse;
padding: 4px; padding: 4px;
border-radius: 4px; border-radius: 4px;
margin-top: 2px
} }
table td table td
@ -421,7 +421,7 @@ table td
grid-gap: 0px; grid-gap: 0px;
grid-template-rows: 13px 14px 13px; grid-template-rows: 13px 14px 13px;
grid-templates-columns: 13px 1fr; grid-templates-columns: 13px 1fr;
font-size: 12px; font-size: 14px;
line-height: 40px; line-height: 40px;
padding: 4px; padding: 4px;
} }
@ -516,6 +516,29 @@ table td
color: black; color: black;
} }
.workingEven
{
background: #eeffffff !important;
}
.earlyEven
{
background: #eeffff33 !important;
color: black;
}
.lateEven
{
background: #5b91ecff !important;
color: white;
}
.weekendEven
{
background: #ffc94744 !important;
color: black;
}
input[type=button]:disabled input[type=button]:disabled
{ {
color: #797979; color: #797979;
@ -620,3 +643,8 @@ input.searchResult:focus
width: 50px; width: 50px;
} }
#shareRawText
{
padding: 8px;
font-size:12px;
}

32
table.js
View file

@ -300,7 +300,7 @@ table.drawColor = function()
if (options.colorCoding) if (options.colorCoding)
{ {
var rows = $("#zoneTable table tr"); var rows = $("#zoneTable table tr");
rows.each(function(){ rows.filter(":even").each(function(){
$(this).children("td").each(function(){ $(this).children("td").each(function(){
var time = $(this).children("time").html(); var time = $(this).children("time").html();
@ -328,6 +328,36 @@ table.drawColor = function()
}) })
}) })
rows.filter(":odd").each(function(){
$(this).children("td").each(function(){
var time = $(this).children("time").html();
switch (options.formatSelector)
{
case "24H":
$(this).addClass("workingEven");
if (time.split(":")[0] < 8 && time.split(":")[0] != 0)
$(this).addClass("earlyEven");
if (time.split(":")[0] >= 17 || time.split(":")[0] == 0)
$(this).addClass("lateEven");
break;
case "12H":
$(this).addClass("workingEven");
if ((time.split(":")[0] < 8 || time.split(":")[0] == 12) && time.split(" ")[1] == "AM")
$(this).addClass("earlyEven")
if ((time.split(":")[0] >= 5 && time.split(" ")[1] == "PM" && time.split(":")[0] != 12) || (time.split(":")[0] == 12 && time.split(" ")[1] == "AM"))
$(this).addClass("lateEven")
break;
}
if ($(this).children(".day").text() == "Sat" || $(this).children(".day").text() == "Sun")
{
$(this).removeClass();
$(this).addClass("weekendEven");
}
})
})
} }
else $("#zoneTable table tr td").removeClass(); else $("#zoneTable table tr td").removeClass();
} }