• 10 dec 2017: forum version update. In case of issues use this topic.
  • 30 nov 2017: pilight moved servers. In case of issues use this topic.
Hello There, Guest! Login Register


Webgui
#1
Hello first of all thanks for this great project

I am using pilight for a while now, I bought a touch screen and build it in my wall.
This way I can click on the screen to get my lights on and off.

But I want to change the interface with a layout of my home and put a "on" and "off" button where my lights are 
Like this : [Image: domotica-installeren.jpg]


I tried to change something but I am not into these files.

I know how to build a basic website with html and php but these .js files I dont know


Can someone help me with a basic setup for something like this?
 
Reply
#2
Hi,

Nice idea, saw this also on a few sites and tried it a few times, but unfortunately due to lack of time did not proceed.

I personally like this one:

http://i.imgur.com/WkgAULo.png

[Image: WkgAULo.png]

I retrieve the config file of pilight through php;

Code:
<html>
 <style>
   body {
       background: lightblue }
   section {
       font-size: 50px;
       color: white;
       border-radius: 1em;
       padding: 1em;
       position: absolute;
       top: 50%;
       left: 50%;
       margin-right: -50%;
       transform: translate(-50%, -50%) }
 </style>
 <section>
   <p>
<?php

// file_get_contents call instead
$str = file_get_contents('http://192.168.178.119:5001/config');
// decode JSON
$json = json_decode($str, true);

// get the data
$hoeklamp = $json['devices']['Hoeklamp']['state'];

// echo it
echo $hoeklamp;
?>
 </section>

and will then link to a page that will adjust itself (although i also want to build it into a wall).

[Image: thuis.png]

and hopefully i can add a on/off button to this, preffer a overlay like this :

http://www.jnd.org/dn.mss/floorplan_light_swit.html

and of course fix the colors to a little more flashy :-)
 
Reply
  


Possibly Related Threads...
Thread Author Replies Views Last Post
  Modifying Webgui Alex 4 583 03-10-2019, 05:50 PM
Last Post: Alex
  pilight & piSchedule works fine but no webgui Sven 4 721 01-13-2019, 06:12 PM
Last Post: Sven
  webgui - registry "tabs": 1 usage and possibility to order fcoelho 3 3,559 03-22-2018, 07:31 PM
Last Post: Oliver
  New tab in webgui Roger 0 585 09-15-2017, 02:14 PM
Last Post: Roger
  Cannot connect to WebGUI von BlackBerry 10 device. muecke 2 947 12-02-2016, 10:22 AM
Last Post: muecke
  WebGUI support for illuminance sensors marcm 2 1,101 11-30-2016, 01:49 PM
Last Post: marcm
  WebGUI doesn't retrieve state Thunder84 1 1,251 05-01-2016, 08:35 PM
Last Post: Thunder84
  Plenary - An alternative webGUI for pilight mitch187 20 15,582 03-29-2016, 06:25 AM
Last Post: curlymo
  Show registry Data in WebGUI bastardop 0 1,119 03-10-2016, 12:31 AM
Last Post: bastardop
  webgui pilight 6.0 iphone / android browser Jeroenk 3 2,828 02-03-2016, 05:08 PM
Last Post: serge

Forum Jump:


Browsing: 1 Guest(s)