Commit 9b687381 authored by dmorley's avatar dmorley

Merge branch 'UX' into 'develop'

Ux

See merge request !250
parents ba68e5dc fc5218f4
Pipeline #3142 failed with stage
in 5 seconds
......@@ -14,6 +14,7 @@ The format is based on [Keep a Changelog] and this project adheres to [Semantic
### Changed
- js for table no longer filters pods that are signup only, this is a 20 second improvment on page load
- update remote data less often to save update time
- Color scheme and default table colums to be more simple
### Deprecated
### Removed
### Fixed
......
......@@ -3,9 +3,9 @@
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
--blue: #303030;
--grey: #4e89a4;
--green: #6B8E23;
--blue: #002145;
--grey: #A5ACAF;
--green: #66C010;
}
.bg-blue {
......@@ -225,7 +225,7 @@ a {
.loadingtable {
width: 100%;
height: 100%;
background-color: rgba(78,137,164,.8);
background-color: var(--blue);
position: fixed;
margin: 0;
padding: 0;
......
......@@ -64,7 +64,7 @@ $navs = [
];
?>
<header>
<div class="collapse bg-grey" id="navbarHeader">
<div class="collapse bg-green" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
......
......@@ -37,19 +37,19 @@ try {
}
</style>
<div class="float-right float-md-left float-sm-right">
<a href="go.php" class="m-1 btn btn-sm bg-green text-white">Auto pick a pod</a>
<a href="#" class="m-1 btn btn-sm bg-green text-white" data-featherlight-variant="table-responsive" data-featherlight="wizard.php?page=1">Use pod wizard</a>
<a href="go.php" class="m-1 btn btn-sm bg-blue text-white">Auto pick a pod</a>
<a href="#" class="m-1 btn btn-sm bg-blue text-white" data-featherlight-variant="table-responsive" data-featherlight="wizard.php?page=1">Use pod wizard</a>
</div>
<div class="float-right">
<button type="button" class="columnssimple hidden m-1 btn btn-sm bg-grey">Simple View</button>
<button type="button" class="columnssimple hidden m-1 btn btn-sm bg-blue text-white">Simple View</button>
<div class="columnSelectorWrapper m-1">
<input id="colSelect1" type="checkbox" class="hidden">
<label class="columnSelectorButton m-1 btn btn-sm bg-grey" for="colSelect1">Select Columns</label>
<label class="columnSelectorButton m-1 btn btn-sm bg-blue text-white" for="colSelect1">Select Columns</label>
<div id="columnSelector" class="dropdown columnSelector">
</div>
</div>
<button type="button" class="resetfilters m-1 btn btn-sm bg-grey hidden">Reset Filters</button>
<button type="button" class="columnsadvanced m-1 btn btn-sm bg-grey">Advanced View</button>
<button type="button" class="resetfilters m-1 btn btn-sm bg-blue hidden text-white">Reset Filters</button>
<button type="button" class="columnsadvanced m-1 btn btn-sm bg-blue text-white">Advanced View</button>
</div>
<div class="pager hidden float-right float-md-left">
......@@ -78,13 +78,13 @@ try {
<div class="signal"></div>
</div>
<table class="table table-bordered table-sm tablesorter table-hover tfont">
<thead class="thead-grey">
<thead class="thead-blue">
<tr>
<th data-priority="1" class="columnSelector-disable"><div data-toggle="tooltip" title="A pod is a site for you to set up your account.">Pod</div></th>
<th class="columnSelector-false"><div>Name</div></th>
<th class="columnSelector-false"><div data-toggle="tooltip" title="Version of software this pod runs">Version</div></th>
<th class="columnSelector-false filter-select" data-priority="3"><div data-toggle="tooltip" title="Type of software this pod runs">Software</div></th>
<th class="filter-match" data-priority="4"><div data-toggle="tooltip" title="Protocols this pod supports.">Protocols</div></th>
<th class="columnSelector-false filter-match" data-priority="4"><div data-toggle="tooltip" title="Protocols this pod supports.">Protocols</div></th>
<th data-priority="1"><div data-toggle="tooltip" title="Percent of the time the pod is online.">Uptime</div></th>
<th class="columnSelector-false filter-select"><div data-toggle="tooltip" title="Does this pod offer ipv6 connection.">IPv6</div></th>
<th class="columnSelector-false"><div data-toggle="tooltip" title="Average connection latency time in ms from Los Angeles.">Latency</div></th>
......@@ -95,7 +95,7 @@ try {
<th class="columnSelector-false"><div data-toggle="tooltip" title="Number of total posts on this pod.">Posts</div></th>
<th class="columnSelector-false"><div data-toggle="tooltip" title="Number of total comments on this pod." data-placeholder="Try: 10 - 50">Comments</div></th>
<th class="columnSelector-false"><div data-toggle="tooltip" title="How many months have we been watching this pod." data-placeholder="Try: ! 0">Months</div></th>
<th data-priority="6"><div data-toggle="tooltip" title="User rating for this pod.">Rating</div></th>
<th class="columnSelector-false" data-priority="6"><div data-toggle="tooltip" title="User rating for this pod.">Rating</div></th>
<th class="columnSelector-false"><div data-toggle="tooltip" title="System Score on a 100 point scale.">Score</div></th>
<th class="columnSelector-false filter-select"><div data-toggle="tooltip" title="System Status.">Status</div></th>
<th class="columnSelector-false filter-select"><div data-toggle="tooltip" title="Does this domain use DNSSEC.">DNSSEC</div></th>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment