EventghostHTMLRemote/index.html at master · EricMeeks/EventghostHTMLRemote · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Eventghost Web Gui</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/style.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/script-and-config.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        showStatus('{{eg.globals.yamaha}}');
        //showStatus('On');
    });
    </script>
    </head>
    <body bgcolor="#E6E6FA">

	<!------------------------------------------- Desktop -->
	<div id="desktop" class="hidden-phone">
		<div>
  			<button style="margin-left: 25.4%;" data-action="power.toggle">
  				<img src="images/on.png" onclick="showStatus('TurningOn')"/>
  				<img src="images/exit.png" onclick="showStatus('TurningOff')" />
  				<img src="images/on-rotate.gif" />
  				<img src="images/exit-rotate.gif" />
  			</button>
        </div>
        <div>
  			<button style="margin-left: 15%;" data-action="volume.mute" ><img src="images/kmixdocked_mute.png"/></button>
  			<button data-action="volume.down" ><img src="images/edit_remove.png"/></button>
  			<button data-action="volume.up" ><img src="images/edit_add.png"/></button>
    	</div>
    	<div>
  			<button style="margin-left: 20%;" data-action="device.bluetooth"><img src="images/kbtobexclient.png" style="width: auto;"/></button>
  			<button data-action="device.foobar"><img src="images/Foobar_small.png" onclick="javascript: openFoobar()"/></button>
		</div>
	</div>

	<!------------------------------------------- Mobile -->

	<div class="visible-phone">
	<div id="phone">
		<div>
  			<button style="margin-top: 2%; margin-left: 15%;" data-action="power.toggle">
  				<img src="images/on.png" style="display: none;" onclick="showStatus('TurningOn')"/>
  				<img src="images/exit.png" style="display: none;" onclick="showStatus('TurningOff')"/>
  				<img src="images/on-rotate.gif" style="display: none;"/>
  				<img src="images/exit-rotate.gif" style="display: none;"/>
  			</button>
  			<button data-action="volume.mute"><img src="images/kmixdocked_mute.png"/></button>
        </div>
        <div>
  			<button style="margin-left: 15%;" data-action="volume.down"><img src="images/edit_remove.png" style="width: auto;"/></button>
  			<button data-action="volume.up"><img src="images/edit_add.png" /></button>
    	</div>
    	<div>
  			<button style="margin-left: 15%;" data-action="device.bluetooth"><img src="images/kbtobexclient.png" /></button>
  			<button data-action="device.foobar"><img src="images/Foobar_small.png" onclick="javascript: openFoobar()"/></button>
		</div>
	</div>
	</div>
	</body>
</html>