Commit 2416246a authored by dmorley's avatar dmorley

mobile improvements

parent 66b31dee
......@@ -26,10 +26,12 @@ deploy:
- apt-get update && apt-get install -y sudo curl gnupg2
- curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
- echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
- apt-get update && apt-get install -y zip unzip php7.4 php7.4-curl php7.4-pgsql php7.4-bcmath php-geoip php7.4-cli php7.4-common php7.4-fpm php7.4-bcmath php7.4-json php7.4-readline php7.4-mbstring php7.4-xml php7.4-intl php-cgi git curl npm nodejs yarn
- apt-get update && apt-get install -y minify zip unzip php7.4 php7.4-curl php7.4-pgsql php7.4-bcmath php-geoip php7.4-cli php7.4-common php7.4-fpm php7.4-bcmath php7.4-json php7.4-readline php7.4-mbstring php7.4-xml php7.4-intl php-cgi git curl npm nodejs yarn
- curl -sS https://getcomposer.org/installer | php
- php composer.phar install
- yarn install
- minify -o js/podup.min.js js/podup.js
- minify -o css/poduptime.min.css css/poduptime.css
- sudo cp -a ./ /var/www/podupdev
tags:
- deploy
......
......@@ -155,13 +155,10 @@ a {
display: inline-block;
color: black;
float: left;
padding: 2px 8px !important;
margin: 0 4px;
padding: 4px 0px !important;
text-decoration: none;
transition: background-color .3s;
cursor: pointer;
width: 200px;
height: 30px;
}
.tablesorter-header {
......
body{font-family:helvetica,sans-serif;font-weight:400;--black: #0e0e0e;--lgrey: #7a94a4;--grey: #36454f;--white: #f8f8ff}a.white{color:var(--white)}span.white{color:var(--white)}a{color:var(--black)}.bg-blue{background-color:var(--black)!important}.bg-grey{background-color:var(--lgrey)!important}.main{padding-top:4px}.placeholders{margin-bottom:30px;text-align:center}.placeholders h4{margin-bottom:0}.placeholder{margin-bottom:20px}.placeholder img{border-radius:50%;display:inline-block}.tfont{font-size:16px}.smlogo{background:0 0;display:inline-block}#map{height:580px}.mycluster{width:35px;height:35px;text-align:left;font-size:17px;background:url(/node_modules/leaflet/dist/images/marker-icon-2x.png)repeat-y 100% 100%;background-size:25px 37px}.icon{color:red}.tablesorter-pager .btn-group-sm .btn{font-size:1.2em}.tablesorter-filter-row td{background-color:#eee;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}.tablesorter-filter-row .disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.tablesorter-filter-row.hideme td{padding:1px;margin:0;line-height:0;cursor:pointer}.tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0)}.tablesorter-filter{width:98%;height:inherit;margin:1px;padding:1px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}.pagination{display:inline-block;color:#000;float:left;padding:2px 8px;margin:0 4px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;cursor:pointer}.pagination.disabled{color:#f0f0f0}.pagedisplay{display:inline-block;color:#000;float:left;padding:2px 8px!important;margin:0 4px;text-decoration:none;transition:background-color .3s;cursor:pointer;width:200px;height:30px}.tablesorter-header{background-size:10px 15px!important;background-color:var(--grey)!important;color:#fff}.columnSelectorWrapper{position:relative;display:none}.columnSelector,.hidden{display:none}#colSelect1:checked~#columnSelector{display:block}.columnSelector{width:290px;position:absolute;top:40px;padding:10px;background:#fff;border:#000 1px solid;border-radius:5px;z-index:1400;right:1px}.columnSelector label{display:inline-flex}.columnSelector label:nth-child(1){border:#000 solid 1px}.columnSelector input{margin:5px}.columnSelector .disabled{color:#ddd}.loadingtable{width:100%;height:300px;background-color:#fff;position:fixed;margin:0;padding:0;z-index:1500}.signal{border:4px solid #000;border-radius:50px;height:40px;left:40px;margin:-20px 0 0 -20px;opacity:0;position:absolute;top:160px;width:40px;animation:pulsate 1s ease-out;animation-iteration-count:10}.loadingmessage{left:1%;position:absolute;top:19%;color:#000}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.featherlight-close-icon{font-size:30px}.featherlight-loading .featherlight-content{animation:pulsate 1s ease-out;animation-iteration-count:infinite;border:5px solid #fff;border-radius:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;width:30px}.featherlight-loading .featherlight-content>*{display:none!important}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.tooltip{pointer-events:none}.navbar{background-color:var(--grey)}.url{max-width:99%;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}
\ No newline at end of file
body{font-family:helvetica,sans-serif;font-weight:400;--black: #0e0e0e;--lgrey: #7a94a4;--grey: #36454f;--white: #f8f8ff}a.white{color:var(--white)}span.white{color:var(--white)}a{color:var(--black)}.bg-blue{background-color:var(--black)!important}.bg-grey{background-color:var(--lgrey)!important}.main{padding-top:4px}.placeholders{margin-bottom:30px;text-align:center}.placeholders h4{margin-bottom:0}.placeholder{margin-bottom:20px}.placeholder img{border-radius:50%;display:inline-block}.tfont{font-size:16px}.smlogo{background:0 0;display:inline-block}#map{height:580px}.mycluster{width:35px;height:35px;text-align:left;font-size:17px;background:url(/node_modules/leaflet/dist/images/marker-icon-2x.png)repeat-y 100% 100%;background-size:25px 37px}.icon{color:red}.tablesorter-pager .btn-group-sm .btn{font-size:1.2em}.tablesorter-filter-row td{background-color:#eee;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}.tablesorter-filter-row .disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.tablesorter-filter-row.hideme td{padding:1px;margin:0;line-height:0;cursor:pointer}.tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0;filter:alpha(opacity=0)}.tablesorter-filter{width:98%;height:inherit;margin:1px;padding:1px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}.pagination{display:inline-block;color:#000;float:left;padding:2px 8px;margin:0 4px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;cursor:pointer}.pagination.disabled{color:#f0f0f0}.pagedisplay{display:inline-block;color:#000;float:left;padding:4px 0!important;text-decoration:none;transition:background-color .3s;cursor:pointer}.tablesorter-header{background-size:10px 15px!important;background-color:var(--grey)!important;color:#fff}.columnSelectorWrapper{position:relative;display:none}.columnSelector,.hidden{display:none}#colSelect1:checked~#columnSelector{display:block}.columnSelector{width:290px;position:absolute;top:40px;padding:10px;background:#fff;border:#000 1px solid;border-radius:5px;z-index:1400;right:1px}.columnSelector label{display:inline-flex}.columnSelector label:nth-child(1){border:#000 solid 1px}.columnSelector input{margin:5px}.columnSelector .disabled{color:#ddd}.loadingtable{width:100%;height:300px;background-color:#fff;position:fixed;margin:0;padding:0;z-index:1500}.signal{border:4px solid #000;border-radius:50px;height:40px;left:40px;margin:-20px 0 0 -20px;opacity:0;position:absolute;top:160px;width:40px;animation:pulsate 1s ease-out;animation-iteration-count:10}.loadingmessage{left:1%;position:absolute;top:19%;color:#000}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.featherlight-close-icon{font-size:30px}.featherlight-loading .featherlight-content{animation:pulsate 1s ease-out;animation-iteration-count:infinite;border:5px solid #fff;border-radius:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;width:30px}.featherlight-loading .featherlight-content>*{display:none!important}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.tooltip{pointer-events:none}.navbar{background-color:var(--grey)}.url{max-width:99%;text-overflow:ellipsis;overflow:hidden;display:inline-block;white-space:nowrap}
\ No newline at end of file
var $table = $('.tablesorter'),
pagerOptions = {
container: $(".pager"),
output: '{startRow} - {endRow} of {filteredRows} total',
output: '{startRow} - {endRow}',
removeRows: false,
size: 15,
savePages : true,
......
var $table=$('.tablesorter'),pagerOptions={container:$(".pager"),output:'{startRow} - {endRow} of {filteredRows} total',removeRows:false,size:15,savePages:true,cssPageSize:'.pagesize'};$table.tablesorter({theme:'bootstrap',headerTemplate:'{content} {icon}',widthFixed:true,widgets:['columnSelector','zebra','columns','filter','saveSort'],widgetOptions:{columnSelector_container:$('#columnSelector'),columnSelector_saveColumns:true,columnSelector_layout:'<label><input type="checkbox">{name}</label>',columnSelector_layoutCustomizer:null,columnSelector_name:'data-selector-name',columnSelector_mediaquery:true,columnSelector_mediaqueryName:'Auto ',columnSelector_mediaqueryState:true,columnSelector_mediaqueryHidden:true,columnSelector_breakpoints:['20em','30em','40em','50em','60em','70em']}}).tablesorterPager(pagerOptions);$(document).ready(function(){$('.columnssimple').on('click',function(){$('table').trigger('refreshColumnSelector',true);$('#colSelect1').prop('checked',false);$('.columnSelectorWrapper').hide();$('.columnssimple').hide();$('.resetfilters').hide();$('.pagesize').hide();$('.columnsadvanced').show().css('display','inline-block');$('table').trigger('filterReset');});$('.columnsadvanced').on('click',function(){$('table').trigger('refreshColumnSelector',['columns',[2,3,4,5,6,7,8,9,11,12,13,14,15,16,17,19,22,23,24]]);$('#colSelect1').prop('checked',false);$('.columnSelectorWrapper').show().css('display','inline-block');$('.columnssimple').show().css('display','inline-block');$('.resetfilters').show().css('display','inline-block');$('.pagesize').show().css('display','inline-block');$('.columnsadvanced').hide();});$('.resetfilters').on('click',function(){$('table').trigger('filterReset');});var software=$('input:input[name="software"]').val();$.get('tabledata.php?software='+software,function(html){$('table tbody').append(html);$('table').trigger('update',[true]);$('.loadingtable').slideToggle('slow');})});
\ No newline at end of file
var $table=$('.tablesorter'),pagerOptions={container:$(".pager"),output:'{startRow} - {endRow}',removeRows:false,size:15,savePages:true,cssPageSize:'.pagesize'};$table.tablesorter({theme:'bootstrap',headerTemplate:'{content} {icon}',widthFixed:true,widgets:['columnSelector','zebra','columns','filter','saveSort'],widgetOptions:{columnSelector_container:$('#columnSelector'),columnSelector_saveColumns:true,columnSelector_layout:'<label><input type="checkbox">{name}</label>',columnSelector_layoutCustomizer:null,columnSelector_name:'data-selector-name',columnSelector_mediaquery:true,columnSelector_mediaqueryName:'Auto ',columnSelector_mediaqueryState:true,columnSelector_mediaqueryHidden:true,columnSelector_breakpoints:['20em','30em','40em','50em','60em','70em']}}).tablesorterPager(pagerOptions);$(document).ready(function(){$('.columnssimple').on('click',function(){$('table').trigger('refreshColumnSelector',true);$('#colSelect1').prop('checked',false);$('.columnSelectorWrapper').hide();$('.columnssimple').hide();$('.resetfilters').hide();$('.pagesize').hide();$('.columnsadvanced').show().css('display','inline-block');$('table').trigger('filterReset');});$('.columnsadvanced').on('click',function(){$('table').trigger('refreshColumnSelector',['columns',[2,3,4,5,6,7,8,9,11,12,13,14,15,16,17,19,22,23,24]]);$('#colSelect1').prop('checked',false);$('.columnSelectorWrapper').show().css('display','inline-block');$('.columnssimple').show().css('display','inline-block');$('.resetfilters').show().css('display','inline-block');$('.pagesize').show().css('display','inline-block');$('.columnsadvanced').hide();});$('.resetfilters').on('click',function(){$('table').trigger('filterReset');});var software=$('input:input[name="software"]').val();$.get('tabledata.php?software='+software,function(html){$('table tbody').append(html);$('table').trigger('update',[true]);$('.loadingtable').slideToggle('slow');})});
\ No newline at end of file
......@@ -19,18 +19,18 @@ $softwaren = !empty($subdomain) ? '?software='.$subdomain : '';
$serverlocation = c('serverlocation');
?>
<div class="float-right float-md-left float-sm-right">
<div class="d-flex">
<div class="justify-content-start order-1 mr-auto">
<?php
if (empty($subdomain)) {
echo '<a href="go.php" class="m-1 btn btn-sm bg-blue text-white">Auto pick a pod</a>';
echo '<a href="go.php" class="m-1 btn btn-sm bg-blue text-white">Auto pick</a>';
echo '<a href="#" class="m-1 btn btn-sm bg-blue text-white wizardstart" data-featherlight-variant="table-responsive" data-featherlight="wizard.php?page=1">Use wizard</a>';
} else {
echo '<a href="go.php' . $softwaren . '" class="m-1 btn btn-sm bg-blue text-white">Auto pick a ' . $subdomain . ' pod</a>';
echo '<a href="go.php' . $softwaren . '" class="m-1 btn btn-sm bg-blue text-white">Auto pick</a>';
}
?>
</div>
<div class="float-right">
<div class="justify-content-end order-3 ml-auto">
<button type="button" class="columnssimple hidden m-1 btn btn-sm bg-blue text-white">Basic Columns</button>
<div class="columnSelectorWrapper m-1">
<input id="colSelect1" type="checkbox" class="hidden">
......@@ -42,7 +42,7 @@ $serverlocation = c('serverlocation');
<button type="button" class="d-none d-md-inline columnsadvanced m-1 btn btn-sm bg-blue text-white">All Columns</button>
</div>
<div class="pager hidden float-right float-md-left">
<div class="pager hidden justify-content-center order-2">
<span class="first pagination" title="First page">&laquo;</span>
<span class="prev pagination" title="Previous page">&lt;</span>
<span class="pagedisplay text-center pagerhidden"></span>
......@@ -59,6 +59,7 @@ $serverlocation = c('serverlocation');
</select>
</div>
</div>
</div>
<div class="table-responsive">
<div class="loadingtable">
<div class="loadingmessage">Loading all pods to the table, this takes a few seconds..</div>
......
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