From 75ec041cd0f09c0829fc519cf209ec1854f425c5 Mon Sep 17 00:00:00 2001
From: Mitchell Pomery <bob_george33@hotmail.com>
Date: Sun, 9 Feb 2014 20:11:20 +0800
Subject: [PATCH] Web interface coming together
---
web/web.php | 59 +++++++++++++++++++++++++++++++++++++++--------------
1 file changed, 44 insertions(+), 15 deletions(-)
diff --git a/web/web.php b/web/web.php
index 296387c..6d511b7 100644
--- a/web/web.php
+++ b/web/web.php
@@ -31,33 +31,67 @@
}
body {
width: 480px;
+ min-width: 480px;
margin-left: auto;
margin-right: auto;
- background: #AAAAAA;
+ background: #FFFFFF;
+ }
+ .lights {
+ width: 210px;
+ height: 60px;
+ padding: 0;
+ margin: 0;
+ font-size: 0%;
+ float: left;
}
.led {
- width: 60px;
- height: 20px;
+ width: 28px;
+ height: 8px;
margin: 0px;
- padding: 0;
+ padding: 1px;
background: #000000;
display: inline-block;
}
- [class^=slider] { display: inline-block; margin-bottom: 30px; }
+ .led:hover {
+ padding: 0px;
+ background: #0000FF;
+ border: solid 1px #FF0000;
+ }
+ .lightcontrol {
+ float: right;
+ width: 250px;
+ padding: 0;
+ margin: 0;
+ background: #0000FF;
+ }
+ .brightness{
+ clear: both;
+ }
+ [class^=slider] {
+ display: inline-block;
+ }
</style>
</head>
<body>
- <div name="lights">
+ <div class="lights">
<?php
- for ($i = 0; $i < 7; $i++) {
- for ($j = 0; $j < 6; $j++) {
+ for ($i = 0; $i < 6; $i++) {
+ for ($j = 0; $j < 7; $j++) {
echo "<div class='led' id='led".$j."x".$i."'> </div>";
}
- echo "<br />";
+ echo "<br />\r\n";
}
+
?>
</div>
+ <div class="lightcontrol">
+ x: <input type="text" disabled value="" id="x"><br />
+ y: <input type="text" disabled value="" id="y"><br />
+ Red: <input type="text" value="" id="red"><br />
+ Green: <input type="text" value="" id="green"><br />
+ Blue: <input type="text" value="" id="blue"><br />
+ </div>
<div class="brightness">
Brightness:<br />
<input type="text" id="bright" data-slider="true" data-slider-theme="volume" data-slider-range="0,255" data-slider-step="1" />
@@ -78,14 +112,9 @@
$(".brightness").change(function() {
console.log('<?=$cokeaddress?>/brightness?bright='+document.getElementById('bright').value);
- $.ajax({
- url: '<?=$cokeaddress?>brightness?bright='+document.getElementById('bright').value,
- dataType: "jsonp",
- crossDomain: true
- });
+
return false;
});
-
</script>
</body>
</html>
\ No newline at end of file
--
GitLab