Installer mit Design (CMS)

Code & Blog Logo

Der Installer von unserem CMS bekommt heute seinen ContentLion-Style verliehen. Fangen wir zu aller erst mit dem Logo an. Das folgende Bild muss als /installer/logo.jpg gespeichert sein:

http://blog.stevieswebsite.de/download/logo.jpg

Die Klasse /installer/installer.php muss noch ein bisschen erweitert werden. So müssen wir zum Beispiel die Überschrift des aktuellen Schritts auslesen:

  public function getHeadline(){
    return $this->steps[$this->step-1]['headline'];
  }

Um in der Installation Navigieren zu können, brauchen wir verschiedene Buttons: Zurück, Weiter & Abschließen. Da nicht immer alle eingeblendet werden, müssen wir hier noch Funktionen erstellen, die zurückgeben, ob der jeweilige Button eingeblendet wird:

    public function showBackButton(){
      return $this->step > 1 and $this->step != $this->allsteps-1;
    }
    
    public function showNextButton(){
      return $this->step < $this->allsteps-1;
    }
    
    public function showFinishButton(){
      return $this->step == $this->allsteps-1;
    }

Jetzt wollen wir das ganze natürlich auch anzeigen. Dafür muss die Datei /install.php bearbeitet werden. Fangen wir mit dem Logo an. Das wird direkt nach dem Body-Tag eingefügt:

<img src="/installer/logo.jpg" />

Die Buttons werden in einem neuen Div über dem schließendem Body-Tag eingefügt:

    <div id="navigation">
      <?PHP
        if($_SESSION['installer']->showBackButton()){
      ?>
        <input id="btnBack" type="submit" name="back" value="Zurück" />
      <?PHP
          }
        if($_SESSION['installer']->showNextButton()){
      ?>
        <input id="btnNext" type="submit" name="next" value="Weiter" />
      <?PHP
        }
        if($_SESSION['installer']->showFinishButton()){
      ?>
        <input id="btnFinish" type="submit" name="finish" value="Abschlie&szlig;en" />
      <?PHP
        }
      ?>
    </div>

Nun sieht das ganze noch langweilig aus. Kommen wir also zum CSS. Das Logo wird nach rechts verschoben. Die Hintergrundfarbe wird schwarz und die Schrift weiß. Folgendes kommt im Head:

    <style>
      body{
        background-color:#000;
        color:#fff;
        font-family:Tahoma;
        padding-top:50px;
        padding-left:25px;
      }
      .ready{
        color:#aaa;
      }
      .current{
        font-style:italic;
      }
      img{
        float:right;
        margin:50px;
      }
      #navigation{
        margin-top:20px;
      }
      #btnBack{
        float:left;
        margin-right:200px;
      }
    </style>

Im nächsten Artikel beginnen wir mit der Installation an sich. Hierbei habe ich vor in den ersten Schritten erstmal nur Daten zu sammeln und zu validieren und erst beim Klick auf Abschließen das ganze zu Installieren. So kann man sich besser durch die Installation bewegen. Wer will kann sich ja mal nen schönen Willkommenstext ausdenken und vorstellen – Den brauchen wir nämlich bald^^

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.

Kommentare

Johannes schrieb am 03.01.2010:

Als Willkommenstext könnten wir den Einleitungstext des ContentLion-Wikis nehmen und ein wenig an die Installation anpassen ('diese Dokumentation' = 'eine <a href="http://wiki.contentlion.org" rel="nofollow">Dokumentation</a>)' Ich finde, dass wir eine Sicherheitsfunktio (wie bei Joomla) einbauen sollten, dass man den Installer löschen muss, bevor man den CL nutzen kann (oder noch besser: nach erfolgreicher Installation löscht der Installer sich selbst).

Stefan Wienströer schrieb am 03.01.2010:

Sowas hab ich mir auch schon gedacht. Kann sich eine Datei denn selbst löschen?

Johannes schrieb am 03.01.2010:

Ich denke mit unlink könnte das gehen. Sonst können wir das doch als Event eintragen, dass sich beim Aufrufen auch aus der DB löscht (oder deaktiviert).

Stefan Wienströer schrieb am 03.01.2010:

Stimmt, die Idee ist gut!

JeromeM90 schrieb am 03.01.2010:

Hallo Steve, ich habe Dir 2 Emails über dein Kontaktformular geschickt. Bitte überprüfe dein Emailfach. Danke! Gruß JeromeM90

Stefan Wienströer schrieb am 04.01.2010:

Mein E-Mail Postfach hab ich geprüft, muss das Kontaktformular aber derzeit über die DB checken^^ Werd ich machen.

Daniel schrieb am 04.01.2010:

@JeromeM90 Das hörte sich ja fast anklagend an. ^^

JeromeM90 schrieb am 04.01.2010:

Nein Daniel, ich versuche nur Kontakt zu Stevie aufzunehmen, wegen dem sehr guten CMS ^^.

Über uns

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project