change ul to proper table, added table sorting
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
a614093c32
commit
d9221087d0
7 changed files with 624 additions and 187 deletions
|
|
@ -8,84 +8,58 @@
|
|||
{{ $flags := .Flags}}
|
||||
{{range $gamemode := $gamemodes -}}
|
||||
<div class="content-item-inner2 d-none d-md-block">
|
||||
<div class="content-item-inner3">
|
||||
<div class="content-item-inner4">
|
||||
<h2>{{$gamemode.Name}}</h2>
|
||||
</div>
|
||||
<div class="content-item-inner5">
|
||||
<h2>Map</h2>
|
||||
</div>
|
||||
<div class="content-item-inner6">
|
||||
<h2>Players</h2>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<li>
|
||||
<div class="text-truncate">
|
||||
<a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<p>{{$server.Map}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
|
||||
</div>
|
||||
</li>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- for mobile -->
|
||||
<div class="table-responsive">
|
||||
<table class="sortable">
|
||||
<tr class="content-item-inner3">
|
||||
<th class="content-item-inner4"><h2>{{$gamemode.Name}}</h2></th>
|
||||
<th class="content-item-inner5"><h2>Map</h2></th>
|
||||
<th class="content-item-inner6"><h2>Players</h2></th>
|
||||
</tr>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<tr class="text-truncate">
|
||||
<td><a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a></td>
|
||||
<td><p>{{$server.Map}}</p></td>
|
||||
<td><p>{{$server.Players}}/{{$server.MaxPlayers}}</p></td>
|
||||
</tr>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<div class="content-item-inner2 d-md-none">
|
||||
<div class="content-item-inner3">
|
||||
<div class="content-item-inner4">
|
||||
<h2>{{$gamemode.Name}}</h2>
|
||||
</div>
|
||||
<div class="content-item-inner5">
|
||||
<h2>Map</h2>
|
||||
</div>
|
||||
<div class="content-item-inner6">
|
||||
<h2>Players</h2>
|
||||
</div>
|
||||
</div>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<ul>
|
||||
<li>
|
||||
<div class="text-truncate">
|
||||
<a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<a href="">{{$server.Map}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
<table class="sortable">
|
||||
<tr class="content-item-inner3">
|
||||
<th class="content-item-inner4"><h2>{{$gamemode.Name}}</h2></th>
|
||||
<th class="content-item-inner5"><h2>Map</h2></th>
|
||||
<th class="content-item-inner6"><h2>Players</h2></th>
|
||||
</tr>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<tr class="text-truncate">
|
||||
<td><a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a></td>
|
||||
<td><p>{{$server.Map}}</p></td>
|
||||
<td><p>{{$server.Players}}/{{$server.MaxPlayers}}</p></td>
|
||||
</tr>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{{- end}}
|
||||
{{end}}
|
||||
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
|
||||
<link rel="stylesheet" href="css/bootstrap.css" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<script src="js/sorttable.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -11,86 +11,60 @@
|
|||
{{range $gamemodeCount := $gamemodesCount -}}
|
||||
{{if eq $gamemode.ID $gamemodeCount.ID -}}
|
||||
<div class="content-item-inner2 d-none d-md-block">
|
||||
<div class="content-item-inner3">
|
||||
<div class="content-item-inner4">
|
||||
<h2>{{$gamemode.Name}}</h2>
|
||||
</div>
|
||||
<div class="content-item-inner5">
|
||||
<h2>Map</h2>
|
||||
</div>
|
||||
<div class="content-item-inner6">
|
||||
<h2>Players</h2>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<li>
|
||||
<div class="text-truncate">
|
||||
<a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<p>{{$server.Map}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<p>{{$server.Players}}/{{$server.MaxPlayers}}</a>
|
||||
</div>
|
||||
</li>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- for mobile -->
|
||||
<div class="table-responsive">
|
||||
<table class="sortable">
|
||||
<tr class="content-item-inner3">
|
||||
<th class="content-item-inner4"><h2>{{$gamemode.Name}}</h2></th>
|
||||
<th class="content-item-inner5"><h2>Map</h2></th>
|
||||
<th class="content-item-inner6"><h2>Players</h2></th>
|
||||
</tr>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<tr class="text-truncate">
|
||||
<td><a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a></td>
|
||||
<td><p>{{$server.Map}}</p></td>
|
||||
<td><p>{{$server.Players}}/{{$server.MaxPlayers}}</p></td>
|
||||
</tr>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<div class="content-item-inner2 d-md-none">
|
||||
<div class="content-item-inner3">
|
||||
<div class="content-item-inner4">
|
||||
<h2>{{$gamemode.Name}}</h2>
|
||||
</div>
|
||||
<div class="content-item-inner5">
|
||||
<h2>Map</h2>
|
||||
</div>
|
||||
<div class="content-item-inner6">
|
||||
<h2>Players</h2>
|
||||
</div>
|
||||
</div>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<ul>
|
||||
<li>
|
||||
<div class="text-truncate">
|
||||
<a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<a href="">{{$server.Map}}</a>
|
||||
</div>
|
||||
<div class="text-truncate">
|
||||
<a href="">{{$server.Players}}/{{$server.MaxPlayers}}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
<table class="sortable">
|
||||
<tr class="content-item-inner3">
|
||||
<th class="content-item-inner4"><h2>{{$gamemode.Name}}</h2></th>
|
||||
<th class="content-item-inner5"><h2>Map</h2></th>
|
||||
<th class="content-item-inner6"><h2>Players</h2></th>
|
||||
</tr>
|
||||
{{range $server := $servers -}}
|
||||
{{if eq $gamemode.ID $server.GamemodeID -}}
|
||||
{{if ne $server.Map "Server didn't reply." -}}
|
||||
<tr class="text-truncate">
|
||||
<td><a href="steam://connect/{{$server.ServerIP}}">
|
||||
{{range $flag := $flags -}}
|
||||
{{if eq $server.ServerIP $flag.ServerIP -}}
|
||||
<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{$server.Name}}</a></td>
|
||||
<td><p>{{$server.Map}}</p></td>
|
||||
<td><p>{{$server.Players}}/{{$server.MaxPlayers}}</p></td>
|
||||
</tr>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{- end}}
|
||||
{{end}}
|
||||
|
||||
|
|
|
|||
Reference in a new issue