Author Topic: Skinable FRONTEND Account Templates (Patch) (Read 12354 times)

Stefek · « **on:** October 21, 2009, 03:26:28 PM »

Hallo Entwickler,
Hallo Designer.

In letzter Zeit habe ich für eines meiner Projekte das Layout der Account Templates anpassen müßen.
Wenn einer von Euch es einmal versucht hat, dann weiß er, dass man dazu die hardcodierten PHP Files durcharbeiten muss.
Für einen Designer, der mit PHP nichts am Hut hat ist es nicht nur schwierig, sondern auch riskant.

Ich habe es mir also zur Aufgabe gemacht, das HTML vom PHP zu spalten und es mittels phpLib (die von WebsiteBaker standardmäßig verwendete Template Engine) in Templates auszulagern.

Ich ging dabei ziemlich kosequent vor und will es hier als Patch zur verfügung stellen.
Einerseits für die Designer, die schon mit diesem Problem zu kämpfen hatten,
andererseits auch, so hoffe ich, habe ich den Entwicklern einiges an Arbeit abgenommen.
Neben der komplizierten Umgestaltung, ist die Ausgabe (HTML) nämlich nicht valide.
Somit handhabt das Patch auch gleich einige Bugs und 'Relikte'.

Das Patch setzt sich wie folgt zusammen
(techn. Angaben, nicht unbedingt notwendig für Designer -
eine Anleitung für Designer wird folgen):

Das Verzeichniss [ROOT]/account beinhaltet in dem Patch:
geänderte PHP Files:
- signup_form.php - login_form.php - forgot_form.php - preferences_form.ph p
^{Diese gänderten Dateien sind von HTML gelöst und
ermöglichen mit phpLib die Auslagerung in Templates.}
- login.php
^{Hier gibt es eine Änderung, die uns ermöglicht, die
'Excessive Login Attempts' Nachricht im Frontend auszugeben.}
zusätzliche (neue) PHP Files:
- warning.php - warning_message.php
^{Diese NEUEN Files, sind für die 'Excessive Login Attempts'
Nachricht im Frontend zuständig.}

Ein neuer Ordner [ROOT]/account/htt beinhaltet die folgenden Templates:
- signup_form.htt - login_form.htt - forgot_form.htt - preferences_form.ht t - warning_message.htt^{(Ich habe die gebräuchliche Endung *.htt verwendet,
wie sie auch im AnyNews und den BackendThemes verwendet wird.)}

In den HTT Files befindet sich das HTML, wie es ursprünglich in den PHP Dateien drin war.
Ich habe es etwas gesäubert (validiert).

Das Patch hänge ich im Laufe des Nachmittags an, mit zusätzlichen Informationen für Template Designer und alle, die auf einfache Weise die Account Templates anpassen möchten, ohne in die Corefiles eingreifen zu müssen.

MfG,
Stefek

P.S. Feedback/Anregungen erwünscht

EDIT// Ich hänge noch ein 'kleines' Bild an, sodass alle auf einen Blick erkennen, worum es geht.
(Das ist nur ein Beispiel-Template zu jedem der Bereiche. Man wird, wenn man möchte, die Templates ohne Schwierigkeiten und ohne FTP zu benutzen ändern können, an sein CSS anpassen, Bilder, Droplets, JS, Links etc. einfügen können.)

[gelöscht durch Administrator]

WebBird · « **Reply #1 on:** October 21, 2009, 03:32:01 PM »

Pfui. Hätte das nicht in den Core gehört?

(Also "Pfui" weil ich meine daß das eigentlich in den Core... Nicht etwa bezogen auf den Patch.)

Stefek · « **Reply #2 on:** October 21, 2009, 03:36:38 PM »

Ich verstehe nicht richtig

Ich habe es hier gepostet, weil ich nicht im Entwicklerteam bin.
Und weil es sich in erster Linie um ein Patch handelt.
Ich kann nicht darüber entscheiden, ob das in die Entwicklung von WB einfließt, daher poste ich es lieber hier, als gar nicht.

Oder was meintest Du?

Gruß, Stefek

crnogorac081 · « **Reply #3 on:** October 21, 2009, 04:06:49 PM »

Hi all,

I also had a shoot with this. I didnt go that long - with preferences menu, just with backend login and password retrival page..

You can see admin login here: http://ivan.milicevic.me/admin/login/index.php
And password retrival here: http://ivan.milicevic.me/admin/login/forgot/index.php

The basic idea was to have same layout for frontend and admin login form.

In my case, login theme is packed in frontend template folder. At this point, in order to work, I must manualy replace the PATH to template folder in core files, but my idea is to code it like this: if folder "/admin" in template folder exist, use it

else - use defult theme set in Settings.. (in /admin folder are index.php and css and ... files for backend login..)

Unfortunatelly I dont know how to code this myself in core files....

If you like this idea, I can post my progress so you can finish it up

cheers and sorry for english here

Stefek · « **Reply #4 on:** October 21, 2009, 04:15:30 PM »

Hello Ivan.

This patch is only for the frontend.
However, you can stlye your Bakcend Theme File as you wish. This are the backend templates for

But you will see, that my patch is very handy.
I will post the patch soon (tonight I guess - for I need to work a little now).

Kind Regards,
Stefek

crnogorac081 · « **Reply #5 on:** October 21, 2009, 04:27:08 PM »

Im curious and looking forward to see

LordDarkman · « **Reply #6 on:** October 21, 2009, 04:43:22 PM »

Also ich find das patch super. Sollte auf jeden fall übernommen werden. Schreib das doch als Ticket/future request und häng alles dran. 2.8.1 dürfte zu spät sein aber evt. schaffen wir das bis 2.9.

Bis denne dann Moritz

Stefek · « **Reply #7 on:** October 21, 2009, 05:01:56 PM »

Hallo Moritz.

ich werde ein Ticket schreiben (meinen ersten) wenn ich sehe, dass es gefällt.
Ob es zu spät ist, weiß ich nicht - das muss an anderer Stelle entschieden werden.
Da das Patch eine Mischung aus 'bugfix/relikthandhabung/feature' ist, kann es sogar sein, dass es nicht willkommen ist (wegen Zusatzfeature).
Auf der anderen Seite, ist es gut durchdacht und so gut wie fertig.

Aber lasst mir kurz Zeit bis heute Abend.
Dann stelle ich es online. Sonst reden wir zuviel über etwas, was man nicht sehen kann

Danke für das Feedback.
Stefek

pcwacht · « **Reply #8 on:** October 21, 2009, 05:06:32 PM »

Ist ein ser guter idee!

Vielleicht die titel dieses umbenennen nach Skinnable Frontend Account Templates (Patch)
so das es leichter erkannt werd.

Have fun,
John

WebBird · « **Reply #9 on:** October 21, 2009, 05:13:37 PM »

Quote from: Stefek on October 21, 2009, 03:36:38 PM

Ich verstehe nicht richtig

Ich meinte, daß das beim Umarbeiten des Backends für 2.8 eigentlich dazu gehört hätte. Ich plädiere daher dafür, den Patch in 2.8.1 zu integrieren. Man könnte es durchaus als Fehler werten, daß das in 2.8 nicht drin ist.

Edit: Ich war im falschen Film, seh ich grad. Das ist gar nicht für's Backend.

Ich nehme alles zurück und behaupte das Gegenteil.

Sorry.

Ich bin auch für das Umbenennen des Titels, wie von pcwacht vorgeschlagen. *g*

Stefek · « **Reply #10 on:** October 21, 2009, 05:31:15 PM »

Hallo John, Bianka.

Thanks for Feedback.

Ich habe den Topic Titel umbenannt.

Regards,
Stefek

crnogorac081 · « **Reply #11 on:** October 21, 2009, 05:56:04 PM »

Take a look at this, I found this some time ago.. I would love to see this patch with this JQ efect

It would be nice to have this panel if you are not loged in, and if you are, you can change prefrences

There are exactly 3 blocks here, like in WB preferences menu

cheers

Stefek · « **Reply #12 on:** October 21, 2009, 06:48:21 PM »

Hello Ivan,

I'll start a english thread with the same topic later - I have to do some homework now.

However - this thing can be done without any patch. I allready did it once in a template.
You can implement this into the index.php file of your template - there is no magic behind it

Regards,
Stefek

crnogorac081 · « **Reply #13 on:** October 21, 2009, 06:51:25 PM »

Yes, you can login and signup form, but I ment when you are loged in, to place preferences menu there

instead in main content container

cheers
I

Stefek · « **Reply #14 on:** October 21, 2009, 07:25:22 PM »

Hm.. that want work.

The purpose of this patch is not to make a new cms

Just to give designers the opportunity to style this areas that way they want and/or need it.

You will need another patch to do this.

Regards,
Stefek

crnogorac081 · « **Reply #15 on:** October 21, 2009, 07:53:54 PM »

I hope you didnt understood me well

I just want (if possible) to have panel like in picture attached

[gelöscht durch Administrator]

maverik · « **Reply #16 on:** October 21, 2009, 08:22:10 PM »

do you mean this http://template.developer-base.de/

its not a trick, only copy and paste

doc · « **Reply #17 on:** October 21, 2009, 08:27:01 PM »

Hi,

@maverik:
Think what crnogorac081 is looking for, is the technique you have demonstrated, but with some extensions.
So basicall not only the login thing, but to show the user preferences (own email, password) etc. using such kind of technique. So user is not loged in, a login field as used in your template. If user is loged in and clicks again, he sees the preferences page and can adjust his mail, password etc.

Regards Doc

maverik · « **Reply #18 on:** October 21, 2009, 08:38:13 PM »

@doc

jetzt geht stefeks post ganz schön durcheinander, die anmeldung funktioniert hier einwandfrei, der link zu den einstellungen und zur verwaltung sind vorhanden und auch bedienbar.....alles so wie es soll

probiert es aus für ne stunde zwei

user:test
pass: demo123

doc · « **Reply #19 on:** October 21, 2009, 08:45:07 PM »

Hi,

@Maverik:
yepp, der Thread ist jetzt ne schöne Mischung aus Deutsch, Englisch, Frontend Template und dem Wunsch nach könnte man Funktion x nicht mit Javascript erledigen.

Ich denke nicht, dass besagter User nur den Link zu den Perferences wollte, sondern die privaten Einstellungen in dieser ausklappbaren Liste integriert. Also als Bestandteil des Designs im ausklappbaren jQuery Div, nicht als Link auf ne neue Seite.

Die richtige Antwort wäre wohl von Anfang an gewesen, klar geht das, hat aber nichts mit diesem Thread zu tun, daher bitte diesen Request in einem neuen Thread stellen - danke. Vielleicht nimmt sich ja ein Foren-Admin dessen Dilema an - sorry.

Doc

[Edit]Getestet. Aber die Preferences klappen bei mir nicht, es wird gar nichts angezeigt[/Edit]

maverik · « **Reply #20 on:** October 21, 2009, 08:49:37 PM »

es gibt ja so optionen wie thema verschieben und aufteilen

abschließend noch mal dazu, ich bin ja kein coder, gucke, vergleiche, copy, paste. da oben ist ja genug platz und wenn sich das nen coder vornimmt denke ich kann der da oben auch das reinkriegen was der user wünscht. ich bin schon ganz stolz das ich mir sone anmeldung zurecht stricken konnte.

ok back to topic

doc · « **Reply #21 on:** October 21, 2009, 09:08:27 PM »

Hi,

Quote from: maverik

ich bin schon ganz stolz das ich mir sone anmeldung zurecht stricken konnte.

Darfst Du ja auch, ist ja recht schick geworden

Quote from: maverik

ok back to topic

Gute Idee

Doc

crnogorac081 · « **Reply #22 on:** October 21, 2009, 09:38:35 PM »

Quote from: doc on October 21, 2009, 08:27:01 PM

Hi,

@maverik:
Think what crnogorac081 is looking for, is the technique you have demonstrated, but with some extensions.
So basicall not only the login thing, but to show the user preferences (own email, password) etc. using such kind of technique. So user is not loged in, a login field as used in your template. If user is loged in and clicks again, he sees the preferences page and can adjust his mail, password etc.

Regards Doc

Exactly !

Doc understood me well, I just ment it would be nice to have preferences like in example picture I attached in few posts above..

I will stop write off topic and wait to see Stefek's solution, and then try to implemet it in this JQuery..

cheers
I.

Stefek · « **Reply #23 on:** October 21, 2009, 11:12:06 PM »

@Ivan
This can not work without another patch / script. That's because the preferences_form.ph p or preferences.php shows in the frontend as a entire page.
I suggest to try it with droplets or a include file in your index.php file.
As I have seen you're pretty good with droplets, so just give it a try.
I assume you want the details just to be shown (e-Mail etc.) not to get them editable in that area, right?

Regards,
Stefek

Stefek · « **Reply #24 on:** October 22, 2009, 02:22:58 PM »

Hallo,

Ich habe einen neuen englischen Thread eröffnet und dort das Patch und dazugehörigen Daten hochgeladen:
https://forum.WebsiteBaker.org/index.php/topic,15692.msg101780.html#msg101780

Ich hoffe das ist vorerst OK so.
Wenn ich Zeit finde, werde ich mich auch um eine deutsche Anleitung kümmern.

Wenn jemand mit der englischen Anleitung nicht klar kommt, bitte hiermelden.

MfG,
Stefek

News

Support WebsiteBaker

Your donations will help to:

You can donate by clicking on the button below.

Author Topic: Skinable FRONTEND Account Templates (Patch) (Read 12354 times)

WebBird

LordDarkman

WebBird

doc

doc

doc