Jump to content

Brickserver LCARS


Recommended Posts

Hallo TF und ST Fans,

 

ich musste nach dem ich das Bild vonSilver80 (Hier) gesehen habe auch sowas in der Art machen.

Daraus ist das Projekt "Brickserver" geworden. Das Original Template findet man hinter diesen Link.

Leider ist es ein statisches, absolut auf den Body bezogenes Template...  und damit für dynamisches Anpassen nicht geeignet.

 

Nach einer Überarbeitung und dabei entfernen vieler unnützer CSS Klassen sowie zusammenfügen von Teilelementen im Layout hatte ich eine Vorlage welche ich dann zu einer C# Klasse zusammen setzen konnte.

 

Die LCARS Klasse kann verschiedene Unterelemente aufnehmen, dies können die Buttons usw sein am Ende der Klasse kann man die ToString Funktion aufrufen und damit das fertige HTML erhalten. Diesen String liefere ich dann per HTTPListener an den Webbrowser aus.

 

Features:

- Benötigt Admin-Modus (für HttpListener und Deamon Steuerung)

- 404 und Weiterleitungsseite enthalten (Test Index seite enthalten)

- Liefert auch im root befindliche HTML Seiten aus.

- JS läd die Seite nach jeden Ajax Aufruf neu ("Feature" bis das Skript mehere Elemente umsetzen kann)

- Jedes HTML Element Gruppe ist in einer eigenen Klasse gekapselt und kann per toString ausgegeben werden.

- Random Color bei den Elementen

- Ajax wird vom Webserver unterstützt.

- Jede nicht gefundene Seite führt auf den Index.

- ...

 

Hinweise;

- die Schriftarten für die Anzeige müssen selbst von der Templateseite geladen werden.

- Root Ordner ist im Code angegeben

- IDs bei den Ajax Aufrufen ist etwas schlecht verwaltet...

 

Hier ein Video:

 

und der Download.

http://www.therealblack.net/TFUploads/BrickServer.7z

 

 

 

 

 

Link zu diesem Kommentar
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gast
Reply to this topic...

×   Du hast formatierten Text eingefügt.   Formatierung jetzt entfernen

  Only 75 emoji are allowed.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Clear editor

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
×
  • Neu erstellen...