• 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
  pilight & piSchedule works fine but no webgui Sven 5 6,600 08-30-2021, 12:50 AM
Last Post: RTmed
  "socket not responding" only in webgui (docker container) kinoe1 0 1,202 04-25-2021, 06:02 PM
Last Post: kinoe1
  pilight container doesn't connect to device in webgui kinoe 0 946 04-23-2021, 10:20 AM
Last Post: kinoe
  webgui, after reboot the switch is off gwaag 4 3,794 11-04-2019, 04:16 PM
Last Post: gwaag
  webgui apparence gwaag 7 4,404 10-29-2019, 09:00 PM
Last Post: curlymo
  Modifying Webgui Alex 4 3,713 03-10-2019, 05:50 PM
Last Post: Alex
  webgui - registry "tabs": 1 usage and possibility to order fcoelho 3 6,127 03-22-2018, 07:31 PM
Last Post: Oliver
  New tab in webgui Roger 0 1,844 09-15-2017, 02:14 PM
Last Post: Roger
  Cannot connect to WebGUI von BlackBerry 10 device. muecke 2 2,926 12-02-2016, 10:22 AM
Last Post: muecke
  WebGUI support for illuminance sensors marcm 2 3,697 11-30-2016, 01:49 PM
Last Post: marcm

Forum Jump:


Browsing: 1 Guest(s)