Web Interface improvements and bug fixes

- Added button for random sounds to each category
- Visual improvements on category separation and a lot more (thanks, Pixeljockey)
- Crash bug fix on playing random sounds with commands without soundnames
This commit is contained in:
da
2017-02-02 17:29:11 +01:00
parent 56c0949507
commit 8b2a052422
37 changed files with 32523 additions and 9 deletions
+1
View File
@@ -0,0 +1 @@
</div>
+2
View File
@@ -0,0 +1,2 @@
<h5 id="{{ .Itemprefix }}">{{ .Itemprefix }}</h5>
<div style="background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url('static/img/{{ .Itemprefix }}.jpg'); background-size: 100%;">
+1 -1
View File
@@ -1,6 +1,6 @@
{{ define "footer" }}
</div>
</div>
</div>
<!-- /.container -->
+4 -3
View File
@@ -16,12 +16,13 @@
padding-top: 50px;
}
.sounditem {
margin: 1px;
margin: 3px;
padding: 5px;
border: 1px solid black;
border: 0px solid;
background-color: #f2f2f2;
}
</style>
<link href="static/css/main.css" rel="stylesheet">
<!-- These two are what you want to use by default -->
<link rel="apple-touch-icon" href="static/icon.png">
<link rel="apple-touch-icon-precomposed" href="static/icon.png">
@@ -52,7 +53,7 @@
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
+1 -1
View File
@@ -1 +1 @@
<div class="col-sm-3 text-center"><div class="sounditem" style="background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(/static/img/{{ .Itemprefix }}.jpg); background-size: 100%;"><div data-toggle="tooltip" data-placement="top" title="{{ .Itemtext }}">{{ .Itemcommand }} {{ .Itemsoundname }}<br/>{{ .Itemshorttext }}<br/></div><a class="btn btn-default" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a></div></div>
<div class="col-sm-3 text-center"><div class="sounditem" style="background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(/static/img/{{ .Itemprefix }}.jpg); background-size: 100%;"><div data-toggle="tooltip" data-placement="top" title="{{ .Itemtext }}">{{ .Itemcommand }} {{ .Itemsoundname }}<br/>{{ .Itemshorttext }}<br/><a class="btn btn-primary" href="javascript:playSound('{{ .Itemcommand }}', '{{ .Itemsoundname }}')" role="button">Play!</a><br/></div></div></div>