OPNsense
  • Home
  • Help
  • Search
  • Login
  • Register

  • OPNsense Forum »
  • International Forums »
  • German - Deutsch (Moderator: JeGr) »
  • CP mit responsiver Portalseite
« previous next »
  • Print
Pages: [1] 2 3 4

Author Topic: CP mit responsiver Portalseite  (Read 8801 times)

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
CP mit responsiver Portalseite
« on: October 25, 2015, 06:33:45 pm »
Hallo,
besteht die Möglichkeit, das in Zukunft, für die Portalseite das Bootstrap Framework genutzt werden kann?

MfG
Logged

franco

  • Administrator
  • Hero Member
  • *****
  • Posts: 9035
  • Karma: 618
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #1 on: October 25, 2015, 07:02:45 pm »
Generell möglich mit den neuen eigenen Anpassungen, ist aber bei größeren Installationen schwerfällig. Daher wird die Standardvorlage wohl weiterhin ohne Erweiterungen ausgeliefert. Hier weiß aber Ad genauer Bescheid, ich werde ihn morgen fragen. :)
Logged

franco

  • Administrator
  • Hero Member
  • *****
  • Posts: 9035
  • Karma: 618
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #2 on: October 26, 2015, 07:51:33 am »
Okay, ich nehme es zurück: in der Vorlage befinden sich sowohl Bootstrap als auch JQuery.
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #3 on: October 26, 2015, 09:15:28 pm »
Hallo,
habe es erst mal ohne Bootstrap gemacht, funktioniert auch so ;-)

Wer es sich ansehen will, hier ein Link zu einem Screenvideo (.mp4)

http://www.webzar.de/opnsense/bellevue-portal.mp4

Ist nicht mehr ganz aktuell ;-)


MfG
« Last Edit: October 27, 2015, 11:07:24 pm by hollsten »
Logged

Andreas

  • Sr. Member
  • ****
  • Posts: 272
  • Karma: 9
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #4 on: October 27, 2015, 08:10:42 am »
Gibts da vllt auch für die Community eine Vorlage von dir? :D
Logged

franco

  • Administrator
  • Hero Member
  • *****
  • Posts: 9035
  • Karma: 618
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #5 on: October 27, 2015, 11:14:41 am »
Sieht gut aus. :)
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #6 on: October 27, 2015, 11:49:00 am »
Hallo,
ja wenn das Hilft ;-)

Evtl. erklärt mir jemand wie das ablaufen könnte.

Würde hier Links auf die html und CSS Dateien und Platzhalter-Bilder einfügen?
Sollte ich erklären wie Bilder und Farben angepasst werden?
Wie ist das mit Copyright?
Kann ich verlangen das mein Link auf Webzar.de drin bleibt?


Noch etwas anderes.
Würde es evtl. Sinn machen ein Unterforum zum CP einzurichten?
Allerdings weiß man nicht wieviel User das CP brauchen.

An Stelle der Entwickler würde ich evtl. ein polling starten.

Ein gut gemachtes CP wäre für mich eine Grundlage über den Vertrieb eines Hotspots auf Basis OPNsense, WRT54G (oder so ähnlich) mit DD-WRT als Access Point und sowas wie einen Mini-PC zum loggen, nachzudenken.
Bei mir läuft die Software-Kombination seit Jahren.

Da ich sämtliche Technik für das Hotel meiner LAG (Lebens Abschnitts Gefährtin) [kommt Gefährtin von Gefahr?] betreue, habe ich ein "natürliches" Interesse daran ;-)

Wie ich las, ist ein Script in Arbeit um Vouchers direkt drucken zu können.
Bisher mache ich das mit Seriendruck in Word, allerdings würde ich unseren Gästen nicht so einen Voucher aus dem Bondrucker in die Hand drücken ;-)

Was fehlt, ist eigentlich das gute Handling für "nicht technisch begabte Angestellte", also muss viel automatisiert ablaufen.

Nun habe ich doch mehr geschriebselt als gewollt :-)

MfG
Logged

Andreas

  • Sr. Member
  • ****
  • Posts: 272
  • Karma: 9
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #7 on: October 27, 2015, 02:01:30 pm »
Hi,
also von meiner Seite würden Links und die CSS Dateien sowie Platzhalter reichen.

Copyright ist bei opensource so ne Sache, ne :)
Denke im Quelltext sollte definitiv ein Hinweis auf dich drin stehen, verlinken ist sicher auch eine Option.

Gruß
Andreas
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #8 on: October 27, 2015, 11:03:42 pm »
Hallo,
hier habt ihr ersteinmal etwas zum Basteln:
http://www.webzar.de/opnsense/captiveportal-style.css
http://www.webzar.de/opnsense/captiveportal-login.html
http://www.webzar.de/opnsense/captiveportal-login_error.html
http://www.webzar.de/opnsense/captiveportal-wlan.png

Also einen Programmier-Wettbewerb gewinnt man damit nicht, aber es funktioniert erst mal ohne media query ;-)

Werde mich aber auch demnächst noch mit Jquery beschäftigen, ob das Sinn macht weiß ich noch nicht.

Iphone konnte ich nicht testen!

MfG

PS.
Video weiter unten neu gemacht ;-)
« Last Edit: October 28, 2015, 12:07:17 pm by hollsten »
Logged

Andreas

  • Sr. Member
  • ****
  • Posts: 272
  • Karma: 9
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #9 on: October 28, 2015, 07:47:55 am »
Danke!
Warum willst du Jquery einbauen? Welche Funktionalitäten fehlen dir denn?

Gruß
Andreas
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #10 on: October 28, 2015, 10:55:24 am »
Hallo,
weil ich immer alles wissen muss ;-)

Habe noch eine Viewport Abfrage eingefügt, auf meinem Android nimmt jetzt der Login die ganze Bildschirmbreite ein.
Also nochmal captiveportal-login.html und captiveportal-login_error.html downloaden oder in beiden Dateien folgende Zeile im head einfügen:
<!-- viewport fix for mobile devices -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

MfG
« Last Edit: October 28, 2015, 01:14:44 pm by hollsten »
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #11 on: October 28, 2015, 11:42:33 am »
Video noch mal neu gemacht:
http://www.webzar.de/opnsense/bellevue-portal.mp4


MfG
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #12 on: October 28, 2015, 05:00:11 pm »
Hier noch die Downloadmöglichkeit von meiner Website:
http://www.webzar.de/sonstiges/downloads/category/2-opnsense-captive-portal
« Last Edit: October 28, 2015, 05:05:38 pm by hollsten »
Logged

cibomato

  • Newbie
  • *
  • Posts: 29
  • Karma: 4
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #13 on: October 28, 2015, 07:07:47 pm »
Cool!
Aber korrigier' bitte noch das -> dass ("Beachten Sie, dass...").

Gruß,
Jochen
Logged

hollsten

  • Jr. Member
  • **
  • Posts: 90
  • Karma: 5
    • View Profile
Re: CP mit responsiver Portalseite
« Reply #14 on: October 28, 2015, 07:14:36 pm »
schon passiert ;-)

AGB Vorlage habe ich auch noch "aufgehübscht", obwohl die wohl keiner lesen wird ;-)

Wer die alte Vorlage schon benutzt, sollte die style.css noch mal downloaden oder am besten ganz unten diese Zeile einfügen:

.agb{margin-bottom:20px;font-size:14px;font-weight:500;color:#000;text-align:center;text-shadow:0 -1px rgba(0,0,0,0.4)}
« Last Edit: October 28, 2015, 07:18:58 pm by hollsten »
Logged

  • Print
Pages: [1] 2 3 4
« previous next »
  • OPNsense Forum »
  • International Forums »
  • German - Deutsch (Moderator: JeGr) »
  • CP mit responsiver Portalseite
 

OPNsense is an OSS project © Deciso B.V. 2015 - 2019 All rights reserved
  • SMF 2.0.15 | SMF © 2017, Simple Machines
    Privacy Policy
    | XHTML | RSS | WAP2