{{indexmenu_n>10}}

====== Installation des Moduls ======


===== Übersicht: =====

  - **Modul "mod_fe-user_admin":** \\  Zur Installation des Moduls werden die im Zip-Archiv enthaltenen Ordner und Dateien in das Verzeichnis   ##include/inc_module/## hochgeladen. Anschließende wird das Setup-Script aufgerufen, womit in der phpwcms-Datenbank in der Tabelle „phpwcms_userdetail“ noch 2 weitere Felder angelegt werden. Den Setup-Ordner dann testweise umbenenenen und im Backend das Modul aufrufen um die Funktion zu überprüfen. \\ **__Wichtig:__ Wenn alles läuft, bitte den „Setup“-Ordner des Moduls wieder löschen!**
  - **Frontend-Render-Skript (erweitertes Login-Formular)** \\ Die Datei **"fe_user_register.php"** generiert ein erweitertes Login-Formular. Hierzu bitte die Datei **"fe_user_register.php"** in das Verzeichnis ##template/inc_script/frontend_render## hochladen und personalisieren: \\
    * Felder zur Verwendung im Registrierungs-Formular anpassen
    * ggf. Language-Datei anpassen (Anzeige der User-Bezeichnungen im Backend)
    * CSS-Datei anpassen (Muster anbei)
    * Daten für die Registrierungs-eMail anpassen
  - **Login Formular (Contentpart FRONTEND LOGIN):** \\ Der CP Frontend Login muss noch angepasst und in die Website eingebunden werden.
\\ 

===== 1. Modul "mod_fe-user_admin" =====


===== =====

----

Docu: -- \\
Forum: [[http://forum.phpwcms.org/viewtopic.php?f=8&t=20552]] 

**Autor (überarbeitet):**  Novallis (Ralf) http://---.-- \\
**Ursprungs-Autor:**  Caramello [http://forum.phpwcms.org/viewtopic.php?p=114049#p114049] \\ 
**CMS Version:** >= 1.4 \\ 
**Version:** V1.2 \\ 
**Stand vom:** 21.04.2011 \\ 


**Dateiname:** "mod_fe-user_admin_2011-04-21.zip" \\

**Bedingung:**  -> [[http://www.phpwcms-docu.de/confincphp_de.phtml|/config/phpwcms/conf.inc.php]] 

  * $phpwcms['SESSION_FEinit']    = 1;
  * $phpwcms['allow_ext_render']  = 1;



----
----

\\


**Dowload der Datei:** {{:deutsch:andere-erweiterungen:fe-user_zugriffsschutz_fuer_artikel:modul_fe-user-admin:mod_fe-user_admin_2011-04-21.zip|}}

<note important>**WICHTIG: DIE VERWENDUNG DIESES MODULS GESCHIEHT AUF EIGENE GEFAHR!!!**</note>

Nach dem Download des ZIP-Archivs das Modul wie oben beschrieben installieren.


\\

===== 2. Frontend-Render-Skript (erweitertes Login-Formular)  =====


==== Datei "fe_user_register.php" ====

Die Datei **"fe_user_register.php"** erweitert in Verbindung mit dem Contentpart ##FRONTENT LOGIN## das Registrierungsformular um weitere Felder (bis hin zu Auswahlfeldern, etc.) \\ 
Nach dem Absenden des Registrierungsformulars ist der neu eingetragene Benutzer zunächst noch NICHT freigeschaltet. Er erhält allerdings **per eMail eine Registrierungsbestätigung** (-> kann im Skript angepasst werden). Ebenso erhält der Admin eine **Info-Mail über die erfolgte Registrierung** (Text und eMai-Adresse sind ebenfalls im Skript anpassbar) und kann so z.B. mit Hilfe des "Moduls FE-Userverwaltung" den Benutzer freischalten, Rechtegruppen zuweisen, eine Landing-Page eintragen, etc. \\ 
\\ 
**Vorschau:** \\ 
{{:deutsch:andere-erweiterungen:fe-user_zugriffsschutz_fuer_artikel:modul_fe-user-admin:registrierungsform.gif|}} \\ 
**Nur Header-Info - Zip-Archiv enthält die komplette Datei!**
<code>
<?php
/*************************************************************************************
	Erweitertes FE-User-Formular (FE-User-Register)
	basiert auf die Vorlage von Oliver Georgi
	(/html/cms1/template/inc_script/frontend_render/disabled/fe_user.php)
	mit Änderungen von Caramello
	(phpwcms-Forumsbeitrag: http://forum.phpwcms.org/viewtopic.php?p=114049#p114049)
	und Änderungen von novallis
	
 -------------------------------------------------------------------------------------
28.08.2010 novallis
-------------------------------------------------------------------------------------
	Hinweis zur Verwendung:
	Das Skript ist ein Beispiel. Die Verwendung geschieht auf eigene Gefahr!!!
	
	Anpassung:
	Diese Vorlage verwendet beispielhaft Datenbankfelder aus der phpwcms-Datenbank Tabelle "phpwcms_userdetail" 
	und sollte auf den persönlichen Bedarf angepasst werden!
	Die Beschriftung der Eingabefelder ist noch auf deutsch und nicht internationalisiert (über language-Datei).
	Ebenso sind Hinweistexte bei der Anmeldung, Fehlerhinweise und Texte der Bestätigungs-eMail auf deutsch und müssen personalisiert werden!
	
==>	Wichtig: bitte die eMail-Adresse und Website anpassen (hier im Bespiel: "website.com"
	-> Am besten folgende Kommentare über die Suchfunktion suchen und die relevanten Bereiche und Texte ändern:
		// Registrierungs-Bestätigung (Hinweis Website)	
		// Registrierungs-Bestätigung (eMail-Bestätigung)
		// Registrierungs-Bestätigung- eMail an Anmelder
		// Registrierungs-Info an Webmaster
*************************************************************************************/
</code>
\\ 

**Dowload der Datei:** {{:deutsch:andere-erweiterungen:fe-user_zugriffsschutz_fuer_artikel:modul_fe-user-admin:fe_user_register.zip|}}

\\ 
**Installation/Aktivierung des Skriptes:** \\ 
Die Datei ##fe_user_register.php## (erweitertes Login-Formular) in das Verzeichnis ##template/inc_script/frontend_render## hochladen und wie oben, bzw. im Header-Bereich des Skript beschrieben, personalisieren: \\

~~UP~~

==== CSS-Vorlage ====
**Zur Formatierung des Formulars**
 
<code css |h login-form.css |h >
/* login-form*/

.labelpos_firstname{
clear:both;
margin-top:5px;
}


.labelpos{
margin-top:3px;
}

#title0 {
float:left;
margin-top:0px;
margin-left:100px;
}

#title1 {
float:left;
margin-top:0px;
margin-left:30px;
}

#title2 {
float:left;
margin-top:0px;
margin-left:30px;
}

#user_login {
margin-top:0px;
margin-left:110px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;

width:171px;
}

#user_password {
margin-top:2px;
margin-left:92px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;
width:171px;
}

#user_password2 {
margin-top:2px;
margin-left:22px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;
width:171px;
}

#user_firstname {
margin-top:5px;
margin-left:87px;
width:252px;
border:none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;

}

#user_lastname {
margin-top:2px;
margin-left:79px;
width:252px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;
}

#user_street {
margin-top:2px;
margin-left:102px;
width:252px;
width:252px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;
}

#user_zip {
margin-top:2px;
margin-left:55px;
width:60px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;
}

#user_city{
margin-left:2px;
width:182px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;

}

#user_email {
margin-left:102px;
margin-bottom:10px;
width:250px;
border: none;
outline-color: #ffa500;
outline-style: solid;
outline-width: 1px;
background:#F8Fe78;
}

#user_tel {
margin-left:92px;
}

#user_mobile {
margin-left:85px;
}


#user_country {
margin-left:49px;
width:150px;
}

#user_company {
margin-left:19px;
width:250px;
}

#user_prof {
margin-left:98px;
width:173px;
margin-bottom:3px;
}

#user_website {
margin-left:88px;
width:250px;
}

#user_signature {
margin-left:121px;
}

#label_signature {
position:absolute;
margin-top:5px;
}

/* Start personel / userdetail module css */
/* from the templates */

/*
.detail_list_entry {
clear:left;
display:block;
padding-left : 10px;
padding-top:0px;
   }

.detail_list_entry h3 {
   color : #fd761d;
}

.userdetail_name {
width: 50px;
}

.userdetail_city {
display:block;
font-size:12px;
font-weight:normal;
width: 50px;
}

.userdetail {
display:inline;
font-size:12px;
}

.detail_list_space {
padding:0px;
margin:0px;
}
*/
.detail_list_entry {
padding-left : 10px;
padding-top:0px;
   }

.detail_list_entry h3 {
   color : #fd761d;
}

.userdetail_name {
width: 500px;
}

.userdetail_city {
font-size:12px;
font-weight:normal;
width: 500px;
}

.userdetail {
font-size:12px;
}

.detail_list_space {
padding:0px;
margin:0px;
}
</code>

Anmerkung: Diese Vorlage ist nur ein Beispiel (funktioniert bei mir)

\\

===== 3. Login Formular (Contentpart FRONTEND LOGIN) =====


**Im Backend (Admin > Seitenstruktur) wird folgende Kategorie angelegt:**

##"Mitglieder-Login"##
<file>
Frontend Menüstatus:
[ ] versteckt     [ ] sichtbar, wenn aktiv   [ ] sichtbar nur für angemeldete Benutzer]
</file>

--> Hier wird ganz normal ein Artikel angelegt, der als 1. den Contentpart
**FRONTEND LOGIN** erhält:

{{:deutsch:andere-erweiterungen:fe-user_zugriffsschutz_fuer_artikel:modul_fe-user-admin:cp_frontend-login.gif|}}

**Dieser wird wie oben dargestellt mit den entsprechenden Attributen eingerichtet!**
\\ 

Das in diesem Beispiel verwendete Template "**fe_login_mod.tmpl**" wurde an einer Stelle um den Ersetzer ##{FE-USER-LOGOUT_TARGET}## ergänzt, der im Frontend-Render-Skript die Logout-Seite übergibt.

**Hier die von mir verwendete Template-Datei (fe_login_mod.tmpl):** \\ 
**Download:** {{:deutsch:andere-erweiterungen:fe-user_zugriffsschutz_fuer_artikel:modul_fe-user-admin:fe_login_mod_tmpl.zip|}}
\\ 

Hier der Code für den Ersetzer in einer Datei im Frontend-Render-Ordner:
<code php >
 $content['all'] = str_replace('{FE-USER-LOGOUT_TARGET}', "index.php?mitglieder-logout", $content['all']);
</code>

\\ 

Weiterhin folgt als 2.Contentpart mit dem Attribut
<code>
Status:    [x] sichtbar    [x] nur für angemeldete Frontend User
</code>

**der CP ##HTML## mit folgendem Inhalt (mit Ersetzer) ##{FE-USER-LANDING-PAGE}##:**
<code html >
<h1><a href="index.php?{FE-USER-LANDING-PAGE}">... weiter zum Mitglieder-Berich</a></h1>
</code>
\\ 
**Anmerkung: Dieser Ersetzer leitet auf die "Landing-Page" des FE-Users weiter! \\ 
=> Hierfür ist das Skript [[deutsch/andere-erweiterungen/fe-user_zugriffsschutz_fuer_artikel/fe-user_accescontrol|FE-User-Zugangskontrolle]] erforderlich!**