Eigene Seiten einbinden und Startseite verändern

    • Eigene Seiten einbinden und Startseite verändern

      Im Zusammenhang mit dem Wunsch einiger hier im Forum "wichtige Funktionen" auf der Startseite zu haben und meinem nach Einbindung einer Webcam, habe ich mir in der WIKI den Artikel vom agent47 noch mal angeschaut.

      https://github.com/agent4788/SHC_Framework/wiki/eigene-Seiten-erstellen

      und

      https://github.com/agent4788/SHC_Framework/blob/stable/templateTags.txt

      Wenn ich das richtig verstehe wird hier beschrieben wie man z. B. auf der Startseite wichtige Funktionen oder Aktionen darstellen kann, bzw. Webseiten einfügen kann.

      Mein Wunsch geht eher in die Richtung andere Webseiten wie z.B. eine Webcam, oder eine Wetterseite, Aktienkurse etc. einzubinden. Denkbar wäre auch eine Diashow, welche mit Tab auf dem Tablett unterbricht und die SHC Startseite anzeigt.

      Hier wäre der code zum einfügen der Webcam

      HTML Source Code

      1. PHP
      3. <!DOCTYPE html>
      4. <html>
      5.  <head>
      6.    <title>RPi Cam Preview</title>
      7.    <script src="script_min.js"></script>
      8.  </head>
      9.  <body onload="setTimeout('init();', 100);">
      10.    <center>
      11.      <div><img id="mjpeg_dest" /></div>
      12.    </center>
      13. </body>
      14. </html>
      16. js
      18. var mjpeg_img;
      20. function reload_img () {
      21.  mjpeg_img.src = "cam_pic.php?time=" + new Date().getTime();
      22. }
      23. function error_img () {
      24.  setTimeout("mjpeg_img.src = 'cam_pic.php?time=' + new Date().getTime();", 100);
      25. }
      26. function init() {
      27.  mjpeg_img = document.getElementById("mjpeg_dest");
      28.  mjpeg_img.onload = reload_img;
      29.  mjpeg_img.onerror = error_img;
      30.  reload_img();
      31. }
      Display All


      Da das meine erste Webseite werden soll, stehe ich etwas ratlos vor der Umsetzung.

      Vielleicht arbeitet jemand an einem ähnlichen Projekt und kann mir etwas Hilfestellung geben im Zusammenhang mit dem Artikel von agent47.
      SHC Master B2+ WLAN sowie 1 Slave B2+, 2 Slave B+ und 2 Slave Raspi B. 5x Pi Cam; Imac mit OSX El Capitan; Iphone 6 plus; Ipad mini; Lenovo Android Tablet.

      The post was edited 1 time, last by rmjspa ().

    • RE: Eigene Seiten einbinden und Startseite verändern

      rmjspa wrote:


      Wenn ich das richtig verstehe wird hier beschrieben wie man z. B. auf der Startseite wichtige Funktionen oder Aktionen darstellen kann, bzw. Webseiten einfügen kann.


      Eigentlich steht dort nur, wie man eigene Seiten erstellt und sie dann manuell aufrufen kann.
      Von Modifikationen der Startseite oder dem "Einbinden" eigener Seiten ins SHC steht da leider nichts.

      rmjspa wrote:


      Mein Wunsch geht eher in die Richtung andere Webseiten wie z.B. eine Webcam, oder eine Wetterseite, Aktienkurse etc. einzubinden. Denkbar wäre auch eine Diashow, welche mit Tab auf dem Tablett unterbricht und die SHC Startseite anzeigt.


      Das würde mich auch interessieren, deshalb hab ich mir das heut mal zu Gemüte geführt und eine Seite erstellt, die den Stream einer meiner Webcams im Framework-Stil anzeigt, inklusive Header mit angemeldetem Benutzer etc.

      rmjspa wrote:


      Hier wäre der code zum einfügen der Webcam


      Wie das mit Deinem Code funktioniert, musst Du mal probieren. Meine Cams laufen mit mjpg-streamer und die kann ich direkt über eine URL im Format:

      Source Code

      1. http://meineseite.com:8088/?action=stream


      im Browser aufrufen.

      rmjspa wrote:


      Vielleicht arbeitet jemand an einem ähnlichen Projekt und kann mir etwas Hilfestellung geben im Zusammenhang mit dem Artikel von agent47.


      Vielleicht hilft es Dir ja :)
      ich habe zwei Dateien erstellt:

      /var/www/shc/shc/data/commands/web/camwzpage.class.php

      mit folgendem Inhalt:

      PHP Source Code

      1. <?php
      3. namespace SHC\Command\Web;
      5. //Imports
      6. use RWF\Request\Commands\PageCommand;
      7. use SHC\Core\SHC;
      9. class camwzPage extends PageCommand {
      11.    protected $template = 'camwzpage.html';
      13.    protected $languageModules = array('index');
      15.    public function processData() {
      17.        $variable = 'http://meineseite.com:8088/?action=stream';
      19.        $tpl = SHC::getTemplate();
      20.        $tpl->assign('style', SHC::getStyle());
      21.        $tpl->assign('user', SHC::getVisitor());
      23.        $tpl->assign('stream', $variable);
      25.    }
      26. }
      Display All


      und /var/www/shc/shc/data/commands/web/templates/camwzpage.html

      mit folgendem Inhalt:

      HTML Source Code

      1. <!DOCTYPE html>
      2. <html>
      3.    <head>
      4.        <title>{setting name='shc.title' encodeHtml=1}</title>
      5.        <meta charset="UTF-8">
      6.        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      7.        {$style->fetchHtmlHeaderTags()}
      8.    </head>
      9.    <body>
      10.        {include file='headline.html'}
      11.        <div id="shc-content">
      12. <center>
      13.  <table width="100%" height="80%" align=center valign=center>
      14.   <br>
      15.    <tr>
      16.     <td>
      17.      <p align="center">
      18.       <img src="{$stream}">
      19.      </p>
      20.      <div align="center">
      21.     </td>
      22.    </tr>
      23.   </table>
      24. </center>            
      25.        </div>
      26.    </body>
      27. </html>
      Display All


      Alles zwischen <center> und </center> ist der eingefügte content, das meiste ist nur zum zentrieren des Streams, prinzipiell würde auch die einzige Zeile:

      Source Code

      1. <img src="{$stream}">


      für die Anzeige des Streams genügen.

      Wie man allerdings die Seite richtig einbindet, weiss ich nicht.
      Hübsch wäre es, wenn es für Cams etwas vergleichbares wie Schaltfunktionen gibt, die man dann Räumen zuordnen könnte und bei Klick auf ein Cam-Symbol den Stream anzeigen kann.

    • RE: Eigene Seiten einbinden und Startseite verändern

      agent47 wrote:


      https://github.com/agent4788/SHC_Framework/wiki/die-Startseite-anpassen


      Danke, funktioniert super :)

      Ich hab jetzt aber zu viele Tabs, das Framework macht daraus eine neue Zeile Tabs, obwohl ich rein optisch rechts und links vom "Anzeigenbereich" noch genug Platz hätte.
      Lässt sich der Bereich vergrössern und wenn ja, wo?

    • RE: Eigene Seiten einbinden und Startseite verändern

      groovy wrote:


      agent47 wrote:


      https://github.com/agent4788/SHC_Framework/wiki/die-Startseite-anpassen


      Danke, funktioniert super  :)

      Ich hab jetzt aber zu viele Tabs, das Framework macht daraus eine neue Zeile Tabs, obwohl ich rein optisch rechts und links vom "Anzeigenbereich" noch genug Platz hätte.
      Lässt sich der Bereich vergrössern und wenn ja, wo?



      Hi,
      könntest du vielleicht kurz erlären, wie du den MJPEG Streamer genau eingebunden hast?

      Was muss an den Beispieldateien im Wiki bzw. im obigen Code geändert werden, um Ajax Klassen per Tab einzubinden?
      Vielen Dank