Add image request calls

This commit is contained in:
2017-07-14 07:28:09 -05:00
parent e138d56c5e
commit 1c08032627
12 changed files with 251 additions and 178 deletions

View File

@@ -40,7 +40,7 @@
<a style="margin-top:40px;" class="center-all pure-button pure-button-primary" href="javascript:toggleUploadSSForm();">Upload Screenshot</a>
{{ else }}
{{ range $i, $v := .TemplateData.Game.Screenshots }}
<img data-teamid="{{ $uuid }}" data-ssid="{{ $v.UUID }}" class="thumbnail" alt="{{ $v.Description }}" src="data:image/png;base64,{{ $v.Image }}" />
<img data-teamid="{{ $uuid }}" data-ssid="{{ $v.UUID }}" class="thumbnail" alt="{{ $v.Description }}" src="data:image/{{$v.Filetype}};base64,{{ $v.Thumbnail }}" />
{{ end }}
{{ end }}
</div>

View File

@@ -1,30 +0,0 @@
<div id="menu" class="{{if .HideAdminMenu}}hidden{{end}}">
<div class="pure-menu">
<a href="#menu" class="menu-button">
<i class="fa fa-bars"></i>
</a>
<div class="menu-container">
<ul class="pure-menu-list">
{{ range $k, $v := .Menu }}
<li class="pure-menu-item">
<a href="{{ $v.Location }}" class="pure-menu-link"><i class="fa {{ $v.Icon }}"></i> {{ $v.Label }}</a>
</li>
{{ end }}
</ul>
{{ if .ClientIsAuth }}
{{ if not .ClientIsServer }}
<a href="/admin/clients/{{.ClientId}}/remove" class="pure-menu-link"><i class="fa fa-key"></i> DeAuth Client</a>
{{ end }}
{{ else }}
<a href="/admin/clients/{{.ClientId}}/add" class="pure-menu-link"><i class="fa fa-key"></i> Auth Client</a>
{{ end }}
<ul class="pure-menu-list menu-bottom">
{{ range $k, $v := .BottomMenu }}
<li class="pure-menu-item">
<a href="{{ $v.Location }}" class="pure-menu-link"><i class="fa {{ $v.Icon }}"></i> {{ $v.Label }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
</div>

View File

@@ -1,9 +1,39 @@
<script>
var clientId = "{{.ClientId}}";
</script>
<aside class="flash center {{.FlashClass}}">
<div class="flash center {{.FlashClass}}">
{{.FlashMessage}}
</aside>
</div>
<div id="menu" class="{{if .HideAdminMenu}}hidden{{end}}">
<div class="pure-menu">
<a href="#menu" class="menu-button">
<i class="fa fa-bars"></i>
</a>
<div class="menu-container">
<ul class="pure-menu-list">
{{ range $k, $v := .Menu }}
<li class="pure-menu-item">
<a href="{{ $v.Location }}" class="pure-menu-link"><i class="fa {{ $v.Icon }}"></i> {{ $v.Label }}</a>
</li>
{{ end }}
</ul>
{{ if .ClientIsAuth }}
{{ if not .ClientIsServer }}
<a href="/admin/clients/{{.ClientId}}/remove" class="pure-menu-link"><i class="fa fa-key"></i> DeAuth Client</a>
{{ end }}
{{ else }}
<a href="/admin/clients/{{.ClientId}}/add" class="pure-menu-link"><i class="fa fa-key"></i> Auth Client</a>
{{ end }}
<ul class="pure-menu-list menu-bottom">
{{ range $k, $v := .BottomMenu }}
<li class="pure-menu-item">
<a href="{{ $v.Location }}" class="pure-menu-link"><i class="fa {{ $v.Icon }}"></i> {{ $v.Label }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
</div>
<div class="content">
{{ if .SubTitle }}
<div class="header-menu">

View File

@@ -63,7 +63,7 @@
<div class="center-all horizontal-scroll thumbnail-container" id="thumbnail-container">
{{ range $imgi, $imgv := $v.Game.Screenshots }}
<a href="javascript:embiggenScreenshot('{{$imgv.UUID}}');">
<img id="{{ $imgv.UUID }}" data-teamid="{{ $v.UUID }}" data-ssid="{{ $imgv.UUID }}" class="thumbnail" alt="{{ $imgv.Description }}" src="data:image/png;base64,{{ $imgv.Image }}" />
<img id="{{ $imgv.UUID }}" data-teamid="{{ $v.UUID }}" data-ssid="{{ $imgv.UUID }}" class="thumbnail" alt="{{ $imgv.Description }}" src="data:image/{{$imgv.Filetype}};base64,{{ $imgv.Thumbnail }}" />
</a>
{{ end }}
</div>
@@ -72,9 +72,13 @@
<div id="embiggenedScreenShot" class="hidden fullscreen" onclick="javascript:document.getElementById('embiggenedScreenShot').classList.add('hidden');"></div>
{{ end }}
<script>
var teamNames = { };
var teams = { };
{{ range $i, $v := .TemplateData.Teams }}
teamNames[{{$v.UUID}}] = { "team-name": "{{$v.Name}}", "game-name": "{{$v.Game.Name}}" };
teams[{{$v.UUID}}] = {
"team-name": "{{$v.Name}}",
"game-name": "{{$v.Game.Name}}",
"screenshots": [ {{ range $ssi, $ssv := $v.Game.Screenshots }} {{ $ssv.UUID }}, {{ end }} ]
};
{{ end }}
function showScreenshots(tmuuid) {
@@ -82,7 +86,7 @@ function showScreenshots(tmuuid) {
screenshots.style.display='';
showModal({
title: 'Screenshots',
subtitle: teamNames[tmuuid].game-name,
subtitle: teams[tmuuid].game-name,
bodyNode: screenshots,
buttons: [{
title: 'Done',