mirror of
https://github.com/voc/streaming-website
synced 2024-11-10 06:34:17 +00:00
experimental feedback form
This commit is contained in:
parent
9bca506c73
commit
addbb6b5ce
5 changed files with 162 additions and 8 deletions
|
@ -5463,6 +5463,12 @@ h1 + .news-item {
|
|||
min-width: 4em; }
|
||||
.tab-content #switcher a:hover, .tab-content #switcher a:focus, .tab-content #switcher a:active {
|
||||
text-decoration: none; }
|
||||
.tab-content #feedback {
|
||||
padding: 20px; }
|
||||
.tab-content #feedback label {
|
||||
color: white; }
|
||||
.tab-content #feedback .col {
|
||||
padding: 0 30px; }
|
||||
|
||||
ul.metadata {
|
||||
list-style: none;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -233,6 +233,16 @@ h1 + .news-item {
|
|||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
#feedback {
|
||||
padding: 20px;
|
||||
|
||||
label { color: white; }
|
||||
|
||||
.col {
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.metadata {
|
||||
|
|
132
template/assemblies/feedback.phtml
Normal file
132
template/assemblies/feedback.phtml
Normal file
|
@ -0,0 +1,132 @@
|
|||
<form action="http://c3voc.de/feedback/" target="_blank" method="post" role="form" class="form-horizontal row">
|
||||
<div class="col-sm-4 col">
|
||||
<div class="form-group">
|
||||
<label for="net">Network Connection</label>
|
||||
<select class="form-control" name="net" id="net">
|
||||
<option></option>
|
||||
<option>EDGE</option>
|
||||
<option>3G</option>
|
||||
<option>LTE</option>
|
||||
<option>DSL <2000</option>
|
||||
<option>DSL 2000-6000</option>
|
||||
<option>DSL >6000</option>
|
||||
<option>VDSL</option>
|
||||
<option>Public Hotspot</option>
|
||||
<option>WLAN Inside the CCH</option>
|
||||
<option>Ethernet Inside the CCH</option>
|
||||
<option>Something else</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="os">Operating System</label>
|
||||
<select class="form-control" name="os" id="os">
|
||||
<option></option>
|
||||
<option>Unixoid</option>
|
||||
<option>OS/X</option>
|
||||
<option>Windows</option>
|
||||
<option>Something else</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="player">Player</label>
|
||||
<select class="form-control" name="player" id="player">
|
||||
<option></option>
|
||||
<option>Firefox</option>
|
||||
<option>Chrome/Chromium</option>
|
||||
<option>Anderer Browser</option>
|
||||
<option>VLC</option>
|
||||
<option>MPlayer</option>
|
||||
<option>Totem</option>
|
||||
<option>ffplay</option>
|
||||
<option>Something else</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="stream">Stream</label>
|
||||
<select class="form-control" name="stream" id="stream">
|
||||
<option></option>
|
||||
<? foreach(array('saal1', 'saal2', 'saalg', 'saal6', 'sendezentrum') as $roomIter): ?>
|
||||
<? foreach($GLOBALS['CONFIG']['FORMATS'] as $formatIter => $formatDislay): ?>
|
||||
<option
|
||||
<? if($roomIter == $room && $formatIter == $format): ?>selected<? endif ?>
|
||||
value="<?=h("$roomIter-$formatIter")?>"><?=h($GLOBALS['CONFIG']['ROOMS'][$roomIter])?> – <?=h($formatDislay)?></option>
|
||||
<? endforeach ?>
|
||||
<? endforeach ?>
|
||||
|
||||
<? foreach(array('lounge', 'ambient') as $roomIter): ?>
|
||||
<option value="<?=h("$roomIter")?>"><?=h($GLOBALS['CONFIG']['ROOMS'][$roomIter])?></option>
|
||||
<? endforeach ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 col">
|
||||
<div class="form-group">
|
||||
<label>IP-Connectivity</label>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="v4" name="ipproto" checked /> IPv4
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="v6" name="ipproto" /> IPv6
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="datetime" class="text">Date/Time</label>
|
||||
<input type="text" value="<?=h(strftime('%d.%m.%Y %H:%I'))?>" name="datetime" id="datetime" class="form-control" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="provider" class="text">Provider</label>
|
||||
<input type="text" value="" name="provider" id="provider" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 col">
|
||||
<div class="form-group">
|
||||
<label>Did you have Issues?</label>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="Dropouts" name="issues[]"/> Dropouts
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="Hickups/Jerking" name="issues[]"/> Hickups/Jerking
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="Loops" name="issues[]"/> Loops
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="Image" name="issues[]"/> No Image
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="Audio" name="issues[]"/> No Audio
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" value="Artifacts" name="issues[]"/> Artifacts
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Submit" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
|
@ -23,19 +23,22 @@
|
|||
<? include("$assemblies/player/$type.phtml") ?>
|
||||
</div>
|
||||
|
||||
<? if(!$miniroom): ?>
|
||||
<ul class="nav nav-tabs nav-justified" role="tablist">
|
||||
<li class="active">
|
||||
<a href="#switcher" role="tab" data-toggle="tab">Formats</a>
|
||||
</li>
|
||||
<ul class="nav nav-tabs nav-justified" role="tablist">
|
||||
<li class="active">
|
||||
<a href="#switcher" role="tab" data-toggle="tab">Formats</a>
|
||||
</li>
|
||||
<? if(!$miniroom): ?>
|
||||
<li>
|
||||
<a href="#irc" role="tab" data-toggle="tab">IRC</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#program" role="tab" data-toggle="tab">Program</a>
|
||||
</li>
|
||||
</ul>
|
||||
<? endif ?>
|
||||
<? endif ?>
|
||||
<li>
|
||||
<a href="#feedback" role="tab" data-toggle="tab">Feedback</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="switcher">
|
||||
|
@ -53,5 +56,8 @@
|
|||
<? include("$assemblies/program.phtml") ?>
|
||||
</div>
|
||||
<? endif ?>
|
||||
<div class="tab-pane" id="feedback">
|
||||
<? include("$assemblies/feedback.phtml") ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue