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>
<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">
<div id="tzSearchResults"></div>
</form>

36
style.css
View file

@ -282,7 +282,7 @@ input.activeButton, input[type=button]:active, a.activeButton
label
{
font-size: 10px;
font-size: 12px;
}
input[type=number], select
@ -394,14 +394,14 @@ table
table th
{
position: relative;
margin-top: -1px;
margin-bottom: 6px;
margin-bottom: 2px;
border-style: solid;
border-color: #797979;
border-width: 1px;
border-collapse: collapse;
padding: 4px;
border-radius: 4px;
margin-top: 2px
}
table td
@ -421,7 +421,7 @@ table td
grid-gap: 0px;
grid-template-rows: 13px 14px 13px;
grid-templates-columns: 13px 1fr;
font-size: 12px;
font-size: 14px;
line-height: 40px;
padding: 4px;
}
@ -516,6 +516,29 @@ table td
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
{
color: #797979;
@ -620,3 +643,8 @@ input.searchResult:focus
width: 50px;
}
#shareRawText
{
padding: 8px;
font-size:12px;
}

32
table.js
View file

@ -300,7 +300,7 @@ table.drawColor = function()
if (options.colorCoding)
{
var rows = $("#zoneTable table tr");
rows.each(function(){
rows.filter(":even").each(function(){
$(this).children("td").each(function(){
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();
}