2020-08-04 10:00:38 +00:00
< center > %%INFOMESSAGE%%< / center >
2020-06-03 15:31:18 +00:00
2020-08-04 10:00:38 +00:00
< div class = "container-fluid" >
< div class = "row" >
< div class = "col-md-6" >
< div style = "width: 400px; margin: auto; left: 50%;" >
< form action = "index.php?page=profile" method = "post" >
< div class = "row" >
< div class = "col" >
< label for = "inputVorname" > Vorname< / label >
< input type = "text" class = "form-control" id = "inputVorname" name = "formInputFeldVorname" placeholder = "%%firstname%%" >
< / div >
< div class = "col" >
< label for = "inputNachname" > Nachname< / label >
< input type = "text" class = "form-control" id = "inputNachname" name = "formInputFeldNachname" placeholder = "%%lastname%%" >
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< label for = "inputVorname" > E-Mail< / label >
< input type = "text" class = "form-control" id = "inputEmail" name = "formInputFeldEMail" placeholder = "%%email%%" >
< / div >
< / div >
< div class = "form-group" style = "margin-top: 15px;" >
< div class = "form-check" >
< input class = "form-check-input" name = "formInputFeldOfflineIM" type = "checkbox" id = "gridCheck" % % offlineIMSTATE % % >
< label class = "form-check-label" for = "gridCheck" > Offline IM< / label >
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< hr >
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< label for = "dropdownPartner" > Partner< / label >
< input type = "text" class = "form-control" name = "formInputFeldPartnerName" id = "inputpartner" placeholder = "%%partner%%" >
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< hr >
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
2023-08-23 16:16:34 +00:00
%%CSRF%%
2020-08-04 10:00:38 +00:00
< button type = "submit" name = "saveProfileData" class = "btn btn-primary btn-lg" > Speichern< / button >
< / div >
< / div >
< / form >
2020-06-03 15:31:18 +00:00
< / div >
2020-08-04 10:00:38 +00:00
< / div >
< div class = "col-md-6" >
< div style = "width: 400px; margin: auto; left: 50%;" >
2023-08-23 16:16:35 +00:00
< form action = "index.php?page=profile" method = "post" >
2020-08-04 10:00:38 +00:00
< div class = "row" >
< div class = "col" >
< label for = "oldPassword" > Altes Passwort< / label >
2023-08-23 16:16:35 +00:00
< input type = "text" class = "form-control" id = "oldPassword" name = "oldPassword" >
2020-08-04 10:00:38 +00:00
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< label for = "newPassword" > Neues Passwort< / label >
2023-08-23 16:16:35 +00:00
< input type = "text" class = "form-control" id = "PasswordNew" name = "newPassword" >
2020-08-04 10:00:38 +00:00
< / div >
< / div >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
2023-08-23 16:16:35 +00:00
< label for = "newPasswordRepeat" > Neues Passwort wiederholen< / label >
< input type = "text" class = "form-control" id = "PasswordNewRepeat" name = "newPasswordRepeat" >
2020-08-04 10:00:38 +00:00
< / div >
< / div >
2021-01-08 01:00:03 +00:00
2020-08-04 10:00:38 +00:00
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
2023-08-23 16:16:34 +00:00
%%CSRF%%
2021-01-08 01:00:03 +00:00
< center > < button type = "submit" name = "savePassword" class = "btn btn-primary btn-lg" > Speichern< / button > < / center >
2020-08-04 10:00:38 +00:00
< / div >
< / div >
2021-01-08 01:00:03 +00:00
< / form >
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< hr >
< / div >
< / div >
< p class = "lead" > < b > IAR Sicherung< / b > < / p >
< center > %%IARINFOMESSAGE%%< / center >
Hier kannst du eine IAR deines Inventars erstellen.< br >
2021-01-08 03:18:42 +00:00
Dies wird einige Zeit dauern. Du bekommst eine PM mit einem Downloadlink sobald deine IAR fertig erstellt wurde.
2021-01-08 01:00:03 +00:00
< form action = "index.php?page=profile" method = "post" >
2020-08-04 10:00:38 +00:00
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
2023-08-23 16:16:34 +00:00
%%CSRF%%
2021-01-08 01:00:03 +00:00
< center > < button type = "submit" name = "createIAR" class = "btn btn-primary btn-lg" % % IARBUTTONSTATE % % > IAR erstellen< / button > < / center >
2020-08-04 10:00:38 +00:00
< / div >
< / div >
< / form >
2023-08-27 09:20:50 +00:00
< div class = "row" style = "margin-top: 15px;" >
< div class = "col" >
< hr >
< / div >
< / div >
< p class = "lead" > < b > Account löschen< / b > < / p >
< p > Du kannst deinen eigenen Account löschen. Dies wird sofort ausgeführt. Deine Daten, einschließlich Inventar, Identitäten und Freundesliste, können danach nicht wiederhergestellt werden.< / p >
< form action = "index.php?page=profile" method = "post" >
< div class = "row" style = "margin-top: 15px" >
< div class = "col" >
< div class = "form-group" >
< label for = "delete-confirm-password" > Aktuelles Passwort< / label >
< input type = "password" class = "form-control" id = "delete-confirm-password" name = "delete-confirm-password" >
< / div >
< div class = "form-group" >
< div class = "form-check" >
< input class = "form-check-input" name = "delete-confirm" type = "checkbox" id = "delete-confirm" >
< label class = "form-check-label" for = "delete-confirm" > Ich möchte meinen Account, mein Inventar und alle sonstigen Benutzerdaten von mir auf 4Creative unwiderruflich löschen lassen.< / label >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col" >
%%CSRF%%
< center > < button type = "submit" name = "deleteAccount" class = "btn btn-danger btn-lg" > Account löschen< / button > < / center >
< / div >
< / div >
< / form >
2020-06-03 15:31:18 +00:00
< / div >
2020-08-04 10:00:38 +00:00
< / div >
< / div >
2020-06-03 15:31:18 +00:00
< / div >
2020-08-04 10:00:38 +00:00
2020-06-03 15:31:18 +00:00
< script >
var countries = [%%listAllResidentsAsJSArray%%];
function autocomplete(inp, arr) {
/*the autocomplete function takes two arguments,
the text field element and an array of possible autocompleted values:*/
var currentFocus;
/*execute a function when someone writes in the text field:*/
inp.addEventListener("input", function(e) {
var a, b, i, val = this.value;
/*close any already open lists of autocompleted values*/
closeAllLists();
if (!val) {
return false;
}
currentFocus = -1;
/*create a DIV element that will contain the items (values):*/
a = document.createElement("DIV");
a.setAttribute("id", this.id + "autocomplete-list");
a.setAttribute("class", "autocomplete-items");
/*append the DIV element as a child of the autocomplete container:*/
this.parentNode.appendChild(a);
/*for each item in the array...*/
for (i = 0; i < arr.length ; i + + ) {
/*check if the item starts with the same letters as the text field value:*/
if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
/*create a DIV element for each matching element:*/
b = document.createElement("DIV");
/*make the matching letters bold:*/
b.innerHTML = "< strong > " + arr[i].substr(0, val.length) + "< / strong > ";
b.innerHTML += arr[i].substr(val.length);
/*insert a input field that will hold the current array item's value:*/
b.innerHTML += "< input type = 'hidden' value = '" + arr[i] + "' > ";
/*execute a function when someone clicks on the item value (DIV element):*/
b.addEventListener("click", function(e) {
/*insert the value for the autocomplete text field:*/
inp.value = this.getElementsByTagName("input")[0].value;
/*close the list of autocompleted values,
(or any other open lists of autocompleted values:*/
closeAllLists();
});
a.appendChild(b);
}
}
});
/*execute a function presses a key on the keyboard:*/
inp.addEventListener("keydown", function(e) {
var x = document.getElementById(this.id + "autocomplete-list");
if (x) x = x.getElementsByTagName("div");
if (e.keyCode == 40) {
/*If the arrow DOWN key is pressed,
increase the currentFocus variable:*/
currentFocus++;
/*and and make the current item more visible:*/
addActive(x);
} else if (e.keyCode == 38) { //up
/*If the arrow UP key is pressed,
decrease the currentFocus variable:*/
currentFocus--;
/*and and make the current item more visible:*/
addActive(x);
} else if (e.keyCode == 13) {
/*If the ENTER key is pressed, prevent the form from being submitted,*/
e.preventDefault();
if (currentFocus > -1) {
/*and simulate a click on the "active" item:*/
if (x) x[currentFocus].click();
}
}
});
function addActive(x) {
/*a function to classify an item as "active":*/
if (!x) return false;
/*start by removing the "active" class on all items:*/
removeActive(x);
if (currentFocus >= x.length) currentFocus = 0;
if (currentFocus < 0 ) currentFocus = (x.length - 1 ) ;
/*add class "autocomplete-active":*/
x[currentFocus].classList.add("autocomplete-active");
}
function removeActive(x) {
/*a function to remove the "active" class from all autocomplete items:*/
for (var i = 0; i < x.length ; i + + ) {
x[i].classList.remove("autocomplete-active");
}
}
function closeAllLists(elmnt) {
/*close all autocomplete lists in the document,
except the one passed as an argument:*/
var x = document.getElementsByClassName("autocomplete-items");
for (var i = 0; i < x.length ; i + + ) {
if (elmnt != x[i] & & elmnt != inp) {
x[i].parentNode.removeChild(x[i]);
}
}
}
/*execute a function when someone clicks in the document:*/
document.addEventListener("click", function(e) {
closeAllLists(e.target);
});
}
autocomplete(document.getElementById("inputpartner"), countries);
< / script >
