Flera jäsning avdelningen kontroll med BrewPi (12 / 13 steg)

Steg 12: Ställa in en övervakning/navigeringssida

Om du vill ha, istället för att komma åt varje BrewPi förekomst genom att skriva in sin adress och filnamnet du kan ställa in en huvudsaklig sida i katalogen /www/var så du kan se alla LCD TV status på en gång.

I terminalen typ:

sudo nano /www/var/chamber1/lcd.php

Sedan när redigeraren öppnas, kopiera och klistra in följande skript:

Kod:

<? php
* Copyright 2012 BrewPi/Elco Jacobs.
* Denna fil är en del av BrewPi.
* BrewPi är fri programvara: du kan vidaredistribuera det och/eller ändra
* det enligt villkoren i GNU General Public License som offentliggjorts av
* Free Software Foundation, antingen version 3 av licensen, eller
* (på ditt alternativ) någon senare version.
* BrewPi distribueras i hopp om att det kommer att vara användbar,
* men utan garantier; utan att ens underförstådd garanti om
* SÄLJBARHET eller lämplighet för ett visst ändamål. Se den
* GNU General Public License för mer detaljer.
* Du bör ha fått en kopia av GNU General Public License
* tillsammans med BrewPi. Om inte, se < http://www.gnu.org/licenses/>.
*/

läsa in standardinställningarna från fil
$defaultSettings = file_get_contents('defaultSettings.json');
IF($defaultSettings == false) {
Die ("kan inte öppna standard inställningsfil: defaultSettings.json");
}
$settingsArray = json_decode(prepareJSON($defaultSettings), true);
IF(is_null($settingsArray)) {
Die kan inte ("avkoda defaultSettings.json");
}
skriva över standardinställningarna med användarinställningar
IF(file_exists('userSettings.json'))

{
$userSettings = file_get_contents('userSettings.json');
IF($userSettings == false) {
Die ("fel öppna inställningarna filen userSettings.json");
}
$userSettingsArray = json_decode(prepareJSON($userSettings), true);
IF(is_null($settingsArray)) {
Die kan inte ("avkoda userSettings.json");
}
foreach ($userSettingsArray som $key = > $value)

{
$settingsArray [$key] = $userSettingsArray [$key];
}
}

$beerName = $settingsArray ["Wedérus"];
$tempFormat = $settingsArray ["tempFormat"];
$profileName = $settingsArray ["Profilnamn"];
$dateTimeFormat = $settingsArray ["dateTimeFormat"];
$dateTimeFormatDisplay = $settingsArray ["dateTimeFormatDisplay"];

funktion prepareJSON($input)

{
Detta kommer att konvertera ASCII/ISO-8859-1 till UTF-8.
Var försiktig med den tredje parametern (kodning upptäcka lista), eftersom
om som fel, några indata kodningar kommer få förvrängd (inklusive UTF-8!)
$input = mb_convert_encoding ($input, ' UTF-8 ","ASCII, UTF-8, ISO-8859-1");

Ta bort UTF-8 BOM om det här json_decode() inte gillar det.
om (substr ($input, 0, 3) == pack ("CCC", 0xEF, 0xBB, 0xBF)) $input = substr ($input, 3); < /p >< p > återvända $input;
}

? >
<! DOCTYPE html >
< html >
< head >
< meta http-equiv = "content-type" content = "text/html; charset = utf-8 "/ >
< title > BrewPi rapportering för tull! < / title >
< länka type = "text/css" href="css/redmond/jquery-ui-1.10.3.custom.css" rel = "stylesheet" / >
< länka type = "text/css" href="css/style.css" rel = "stylesheet" / >
< länka rel = "apple-touch-ikonen" href = "touch-ikon-iphone.png" >
< länka rel = "apple-touch-ikonen" storlekar = "76 x 76" href = "touch-ikon-ipad.png & quoquot; >
< länka rel = "apple-touch-ikonen" storlekar = "120 x 120" href = "touch-ikonen-iphone-retina.png" >
< länka rel = "apple-touch-ikonen" storlekar = "152 x 152" href = "touch-ikonen-ipad-retina.png" >
< meta namn = "apple-mobil-web-app-title" content = "BrewPi" >
< meta namn = "apple-mobil-web-app-kompatibel" content = "ja" / >
< länka rel = "apple-touch-start-bild" href="splash.png" / >
< / head >
< body >

< div id = "lcd" class = "lcddisplay" >< span class = "lcd-text" >
< span class = "lcd-line" id = "lcd-rad-0" > Live LCD väntar < / span >
< span class = "lcd-line" id = "lcd-line-1" > för uppdatering från < / span >
< span class = "lcd-line" id = "lcd-linje-2" > script.... < / span >
< span class = "lcd-line" id = "lcd-line-3" >< / span >< /p >< p >

< / div >
< script type = "text/javascript" src="js/jquery-1.11.0.min.js" >< / script >
< script type = "text/javascript" src="js/jquery-ui-1.10.3.custom.min.js" >< / script >
< script type = "text/javascript" src = "js/jquery-ui-timepicker-addon.js" >< / script >
< script type = "text/javascript" src="js/spin.js" >< / script >
< script type = "text/javascript" src = "js/dygraph-combined.js" >< / script >
< script type = "text/javascript" >
Skicka parametrar till JavaScript
window.tempFormat = <? php echo "$tempFormat"? >;
window.beerName = <? php echo "\"$beerName\""? >;
window.profileName = <? php echo "\"$profileName\""? >;
window.dateTimeFormat = <? php echo "\"$dateTimeFormat\""? >;
window.dateTimeFormatDisplay = <? php echo "\"$dateTimeFormatDisplay\""? >;
< / script >
< script type = "text/javascript" src="js/main.js" >< / script >
< script type = "text/javascript" src = "js/enhet-config.js" >< / script >
< script type = "text/javascript" src = "js/kontroll-panel.js" >< / script >
< script type = "text/javascript" src = "js/underhåll-panel.js" >< / script >
< script type = "text/javascript" src = "js/öl-chart.js" >< / script >
< script type = "text/javascript" src = "js/profil-table.js" >< / script >

< / body >
< / html >

• Slå till CTRL-X, spara och avsluta. Gör detta för varje kammare/katalog du har skapat.

När du har skapat alla lcd.php skript du behöver, skriv följande kommando i terminalen:

sudo nano /www/var/main.html

Där "main.html" är namnet vill du använda för din bildskärm.

Ange HTML-koden nedan in i redaktör:

Kod:

< html >
< body >
< iframe src = "... / chamber1/lcd.php "rullning ="nej"sömlösa ="sömlös">< / iframe >
< iframe src = "... / chamber2/lcd.php "rullning ="nej"sömlösa ="sömlös">< / iframe >< br / >
< iframe src = "... / chamber3/lcd.php "rullning ="nej"sömlösa ="sömlös">< / iframe >
< / body >
< / html >

Lägg till fler rader vid behov om du har mer än 3 kammare eller ta bort, om du bara har 2. Slå till CTRL-X, spara och avsluta. Öppna sedan: http://your-rpi-ip/main.html i din webbläsare, för att öppna sidan bildskärm.

Var noga med att ersätta IP-adress med din Pi: s IP-adress och peka det till rätt kataloger. Du kan sedan lägga till klickbara länkar, bilder eller annat HTML som du vill att denna sida. Jag la även länkar till andra avdelningar i varje webbgränssnitt sida så att jag kan klicka fram och tillbaka som behövs.