This commit is contained in:
Nicolas A. Tonne
2015-06-07 23:32:56 +02:00
8 changed files with 96 additions and 29 deletions

View File

@@ -7,7 +7,7 @@
<header>
<nav id="fp-nav">
<div class="nav-wrapper">
<a href="zoff.no" class="brand-logo hide-on-small-only">
<a href="http://zoff.no" class="brand-logo hide-on-small-only">
<img id="zicon" src="/static/images/squareicon_small.png" alt="zöff" title="Zöff">
</a>
<a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
@@ -55,22 +55,26 @@
<h3 id="remote-text"></h3>
</div>
<div class="section">
<div id="remote-controls" style="display:none;">
<a class="chan-link waves-effect btn green">
<a class="chan-link waves-effect btn green" onclick="play();">
<i id="remote_play" class="mdi-av-play-arrow"></i>
</a>
<a class="chan-link waves-effect btn gray">
<a class="chan-link waves-effect btn gray" onclick="pause();">
<i id="remote_pause" class="mdi-av-pause"></i>
</a>
<a class="chan-link waves-effect btn blue">
<a class="chan-link waves-effect btn blue" onclick="skip();">
<i id="remote_skip" class="mdi-av-skip-next"></i>
</a>
</a>
</div>
<p class="range-field">
<div id="volume-control" style="display:none;"></div>
<!--<p class="range-field">
<input type="range" title="Volume" id="volume-control" style="display:none;" min="0" value="100" max="100" />
</p>
<form class="row" id="base" onsubmit="control();return false;">
</p>-->
<form class="row" id="base" onsubmit="window.location.href = '/remote/'+this.chan.value;return false;">
<div class="input-field col s12">
<input
class="input-field"
@@ -87,9 +91,14 @@
length="8"
value="<?php /*if(isset($_GET('id'))echo($_GET('id'));*/?>"
/>
<label for="search" id="forsearch">Type ID of host to be controlled</label>
<label for="search" id="forsearch">Type ID of host to be controlled (it can be found under settings on a channel)</label>
</div>
</form>
<!--<p class="range-field" onclick="console.log('test');">
<input type="range" id="volume-control" style="display:none;" min="0" value="100" max="100" />
</p>-->
</div>
<div class="section">

View File

@@ -19,7 +19,7 @@ if(isset($_GET['chan'])){
</a>
<a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a class="waves-effect waves-green" title="Remote control a Zöff player" href="remote">Remote</a></li>
<li><a class="waves-effect green" title="Remote control a Zöff player" href="remote">Remote</a></li>
<li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
<li><a class="modal-trigger waves-effect waves-yellow" onclick="$('#legal').openModal()">Legal</a></li>
<li><a class="waves-effect waves-purple" href="https://github.com/nixolas1/Zoff">GitHub</a></li>

View File

@@ -100,13 +100,14 @@
<div class="collapsible-body">
<ul>
<li>
<a id="code-link">
<a id="code-link" target="_blank">
<img id="code-qr" alt="QR code for control" title="Link to control this Zöff player">
<h4 id="code-text">ABBADUR</h4>
</a>
<span>You can control this Zöff instance from another device by going to <b>http://zoff.no/remote</b><span>
</li>
<!--<li>
<!--
<li>
<form class="row" id="base" onsubmit="controll();return false;">
<div class="input-field">
<input