router_gpio_relay_licht/switch.cgi

   1 #!/bin/sh
   2
   3 for QUERY in `echo $QUERY_STRING | tr '&' ' '`; do
   4   for VALUE in `echo $QUERY | tr '=' ' '`; do
   5     if [ "$VALUE" == "id" ]; then
   6       ID='?'
   7     elif [ "$ID" == "?" ]; then
   8       ID=$VALUE
   9     elif [ "$VALUE" == "power" ]; then
  10       POWER='?'
  11     elif [ "$POWER" == "?" ]; then
  12       POWER=$VALUE
  13     elif [ "$VALUE" == "mobile" ]; then
  14       MOBILE='1'
  15       NOFLOAT='1'
  16     elif [ "$VALUE" == "nofloat" ]; then
  17       NOFLOAT='1'
  18     fi
  19     i=$i+1
  20   done
  21 done
  22
  23
  24 GPIOPATH=/sys/class/gpio/gpio
  25 #VALID_ONOFF_IDS="7 18 20 29"
  26 VALID_ONOFF_IDS="7 18 20"
  27 VALID_SEND_IDS=""
  28
  29 print_gpio_state() {
  30   GPIOVALUE=$(cat "${GPIOPATH}${1}/value")
  31   if [ "$GPIOVALUE" = "1" ]; then
  32     echo "ON"
  33   else
  34     echo "Off"
  35   fi
  36 }
  37
  38 gpio_is_on() {
  39   GPIOVALUE=$(cat "${GPIOPATH}${1}/value")
  40   [ "$GPIOVALUE" = "1" ]
  41 }
  42
  43 if [ "$POWER" == "1" -o "$POWER" == "0" ]; then
  44   for CHECKID in $VALID_ONOFF_IDS ; do
  45     if [ "$CHECKID" == "$ID" ]; then
  46       echo "$POWER" > "${GPIOPATH}${ID}/value"
  47       echo "Content-type: text/html"
  48       echo ""
  49       echo "<html>"
  50       echo "<head>"
  51       echo "<title>Realraum Relay Switch</title>"
  52       echo '<script type="text/javascript">window.location="/cgi-bin/switch.cgi";</script>'
  53       echo "</head></html>"
  54       exit 0
  55     fi
  56   done
  57 fi
  58
  59 DESC_7="Decke Links Vorne"
  60 DESC_20="Decke Rechts Vorne"
  61 DESC_18="Decke Rechts Mitte"
  62 #DESC_29="GPIO Nicht Belegt"
  63
  64 echo "Content-type: text/html"
  65 echo ""
  66 echo "<html>"
  67 echo "<head>"
  68 echo "<title>Realraum Relay Power</title>"
  69 echo '<script type="text/javascript">'
  70
  71 echo 'function callbackUpdateButtons(req) {
  72   if (req.status != 200) {
  73     return;
  74   }
  75   var data = JSON.parse(req.responseText);
  76   for (var keyid in data) {
  77     on_btn = document.getElementById("onbtn_"+keyid);
  78     off_btn = document.getElementById("offbtn_"+keyid);
  79     if (on_btn && off_btn)
  80     {
  81       on_btn.className = "onbutton";
  82       off_btn.className = "offbutton";
  83       if (data[keyid])
  84       { on_btn.className += " enableborder"; }
  85       else
  86       { off_btn.className += " enableborder"; }
  87     }
  88   }
  89 }'
  90
  91 echo 'function updateButtons(uri) {
  92   var req = new XMLHttpRequest;
  93   req.overrideMimeType("application/json");
  94   req.open("GET", uri, true);
  95   req.onload  = function() {callbackUpdateButtons(req)};
  96   req.setRequestHeader("googlechromefix","");
  97   req.send(null);
  98 }'
  99
 100 echo 'function sendMultiButton( str ) {
 101  url = "/cgi-bin/mswitch.cgi?"+str;
 102   updateButtons(url);
 103 }'
 104
 105 echo 'setInterval("updateButtons(\"/cgi-bin/mswitch.cgi\");", 30*1000);'
 106
 107 echo 'function sendButton( onoff, btn )'
 108 echo '{'
 109 echo ' var req = new XMLHttpRequest();'
 110 echo ' url = "/cgi-bin/switch.cgi?power="+onoff+"&id="+btn;'
 111 echo ' req.open("GET", url ,false);'
 112 echo ' //google chrome workaround'
 113 echo ' req.setRequestHeader("googlechromefix","");'
 114 echo ' req.send(null);'
 115 echo '}'
 116 echo '</script>'
 117 echo '<style>'
 118 echo 'div.switchbox {'
 119 echo '    float:left;'
 120 echo '    margin:2px;'
 121 #echo '    max-width:236px;'
 122 echo '    max-width:300px;'
 123 echo '    font-size:10pt;'
 124 echo '    border:1px solid black;'
 125 #echo '    height: 32px;'
 126 echo '    padding:0;'
 127 echo '}'
 128
 129 echo 'div.switchnameleft {'
 130 echo '    width:12em; display:inline-block; vertical-align:middle; margin-left:3px;'
 131 echo '}'
 132
 133 echo 'span.alignbuttonsright {'
 134 echo '    top:0px; float:right; display:inline-block; text-align:right; padding:0;'
 135 echo '}'
 136
 137 echo 'div.switchnameright {'
 138 echo '    width:12em; display:inline-block; vertical-align:middle; float:right; display:inline-block; margin-left:1ex; margin-right:3px; margin-top:3px; margin-bottom:3px;'
 139 echo '}'
 140
 141 echo 'span.alignbuttonsleft {'
 142 echo '    float:left; text-align:left; padding:0;'
 143 echo '}'
 144
 145 echo '.onbutton {'
 146 echo '    font-size:11pt;'
 147 echo '    width: 40px;'
 148 echo '    height: 32px;'
 149 echo '    background-color: lime;'
 150 echo '    margin: 0px;'
 151 echo '}'
 152
 153 echo '.offbutton {'
 154 echo '    font-size:11pt;'
 155 echo '    width: 40px;'
 156 echo '    height: 32px;'
 157 echo '    background-color: red;'
 158 echo '    margin: 0px;'
 159 echo '}'
 160
 161 echo '.sendbutton {'
 162 echo '    font-size:11pt;'
 163 echo '    width: 40px;'
 164 echo '    height: 32px;'
 165 #echo '    background-color: grey;'
 166 echo '    margin: 0px;'
 167 echo '}'
 168
 169 echo '.enableborder {
 170     font-weight: bold;
 171     font-variant: small-caps;
 172     border-style: inset;'
 173 echo '}'
 174 echo '</style>'
 175 echo "</head>"
 176 echo "<body>"
 177 #echo "<h1>Realraum rf433ctl</h1>"
 178 #echo "<div style=\"float:left; border:1px solid black;\">"
 179 echo "<div style=\"float:left;\">"
 180 echo "<div style=\"float:left; border:1px solid black; margin-right:2ex; margin-bottom:2ex;\">"
 181 for DISPID in $VALID_ONOFF_IDS; do
 182   NAME="$(eval echo -n \$DESC_$DISPID)"
 183   [ -z "$NAME" ] && NAME=$DISPID
 184
 185   echo "<div class=\"switchbox\">"
 186   echo "<span class=\"alignbuttonsleft\">"
 187   if gpio_is_on $DISPID; then
 188   echo " <button id=\"onbtn_$DISPID\" class=\"onbutton enableborder\" onClick='sendMultiButton(\"$DISPID=1\");'>On</button>"
 189   echo " <button id=\"offbtn_$DISPID\" class=\"offbutton\" onClick='sendMultiButton(\"$DISPID=0\");'>Off</button>"
 190   else
 191   echo " <button id=\"onbtn_$DISPID\" class=\"onbutton\" onClick='sendMultiButton(\"$DISPID=1\");'>On</button>"
 192   echo " <button id=\"offbtn_$DISPID\" class=\"offbutton enableborder\" onClick='sendMultiButton(\"$DISPID=0\");'>Off</button>"
 193   fi
 194   echo "</span>"
 195   echo -n "<div class=\"switchnameright\">$NAME</div>"
 196 #  echo -n "<div class=\"switchnameright\">$NAME ("
 197 #  print_gpio_state $DISPID
 198 #  echo ")</div>"
 199   echo "</div>"
 200
 201   if [ "$NOFLOAT" == "1" ]; then
 202     echo "<br/>"
 203   fi
 204 done
 205
 206 echo "<div class=\"switchbox\">"
 207 echo "<span class=\"alignbuttonsleft\">"
 208 echo -n " <button class=\"onbutton\" onClick='sendMultiButton(\""
 209 for DISPID in $VALID_ONOFF_IDS; do echo -n "$DISPID=1&"; done
 210 echo "\");'>On</button>"
 211 echo -n " <button class=\"offbutton\" onClick='sendMultiButton(\""
 212 for DISPID in $VALID_ONOFF_IDS; do echo -n "$DISPID=0&"; done
 213 echo "\");'>Off</button>"
 214 echo "</span>"
 215 echo -n "<div class=\"switchnameright\">Alle</div>"
 216 echo "</div>"
 217 if [ "$NOFLOAT" == "1" ]; then
 218   echo "<br/>"
 219 fi
 220 echo "</div>"
 221
 222 if [ "$MOBILE" != "1" -a -n "$VALID_SEND_IDS" ]; then
 223
 224 echo "<div style=\"float:left; border:1px solid black; margin-right:2ex; margin-bottom:2ex;\">"
 225
 226 ITEMCOUNT=0
 227
 228 for DISPID in $VALID_SEND_IDS; do
 229   ITEMCOUNT=$((ITEMCOUNT+1))
 230   NAME="$(eval echo \$DESC_$DISPID)"
 231   [ -z "$NAME" ] && NAME=$DISPID
 232
 233   echo "<div class=\"switchbox\">"
 234   echo "<span class=\"alignbuttonsleft\">"
 235   echo " <button class=\"sendbutton\" onClick='sendButton(\"on\",\"$DISPID\");'> </button>"
 236   echo "</span>"
 237   echo "<div class=\"switchnameright\">$NAME</div>"
 238   echo "</div>"
 239   if [ "$NOFLOAT" == "1" -a $((ITEMCOUNT % 2 )) -ne 1 ]; then
 240     echo "<br/>"
 241   fi
 242
 243 done
 244 echo "</div>"
 245 fi
 246 echo "</div>"
 247 echo "</body>"
 248 echo "</html>"