style fixes for web view

web/client/main.coffee

@@ -1,10 +1,9 @@
 
-`function strip(html)
-{
-     var tmp = document.createElement("DIV");
-        tmp.innerHTML = html;
-           return tmp.textContent||tmp.innerText;
-}`
+helperDiv = document.createElement("DIV")
+strip = (html) ->
+  helperDiv.innerHTML = html
+  helperDiv.textContent || tmp.innerText
+
 
 class LightSimulator extends Backbone.View
 
@@ -24,7 +23,7 @@ class LightSimulator extends Backbone.View
   apply: (cmd) ->
     cssValue = "rgb(#{ cmd.r }, #{ cmd.g }, #{ cmd.b })"
     @$el.css "background-color", cssValue
-    @valueDisplay.innerHTML = cssValue
+    @valueDisplay.innerHTML = "#{ cmd.r }, #{ cmd.g }, #{ cmd.b }"
 
 
 class Log extends Backbone.View
@@ -86,9 +85,16 @@ $ ->
 
   socket.on "cmds", (msg, a) ->
     for lightpacket in msg.cmds
+
+      if msg.error
+        logError.log "#{ prettifyMsg msg }: Error: #{ JSON.stringify msg }"
+        continue
+
       if l = lights[lightpacket.id]
         l.apply lightpacket.cmd
-        logInfo.log "#{ prettifyMsg msg }: #{ JSON.stringify lightpacket }"
+        {r, g, b} = lightpacket.cmd
+
+        logInfo.log "#{ prettifyMsg msg }: id #{ lightpacket.id } - RGB #{ r } #{ g } #{ b }"
       else
         logError.log "#{ prettifyMsg msg }: Unkown light id #{ lightpacket.id }"
 

web/client/style.styl

@@ -1,4 +1,6 @@
 
+a:visited, a
+  color lightblue
 
 header
   p
@@ -16,10 +18,12 @@ body
     margin-bottom 0px
   .info
     float left
+    width 45%
     margin-right 0px
   .error
     float left
     color red
+    width 45%
     margin-right 5em
 
 

web/views/client/light.hbs

@@ -16,7 +16,7 @@
       </td>
 
   </tr>
-
+<!--
   <tr>
       <th> DMX-Address </th>
       <td class="adress">
@@ -31,6 +31,7 @@
       {{dipConfig}}
       </td>
   </tr>
+-->
 
   <tr>
       <th> RGB value</th>

web/views/index.hbs

@@ -5,7 +5,7 @@
 
 <p>
 
-Valoja kuunnellaan koneen 192.168.10.1 portissa {{udpPort}}
+Valot kuuntelevat UDP-paketteja koneen 192.168.10.1 portissa {{udpPort}}
 
 </p>
 
@@ -14,6 +14,10 @@ Yksinkertainen koodiesimerkki löytyy <a href="https://github.com/epeli/effectse
 
 </p>
 
+<p>
+    <a href="#log">Debug logi löytyy sivun alalaidasta.</a>
+</p>
+
 <p>
 
 Käyttäkää vapaasti, mutta muistakaa, että pitkästä while(1){}:stä saa
@@ -31,14 +35,18 @@ ip-bannin. Kaikkien pitää saada leikkiä! :)
 
 <div class=clear></div>
 
+<h2 id=log >Debug log</h2>
+
 <div class=log >
 
-<div class=error>
+<div class=info>
+logi...
 </div>
 
-
-<div class=info>
+<div class=error>
+virheet...
 </div>
 
 
+
 </div>