Add email support for password reset
This commit is contained in:
Marcel
parent
7345730057
commit
8c539b98e2
|
|
@ -196,19 +196,8 @@
|
|||
$resetKey = $this->LoginModel->createForgetPasswordKey($loginData['username']);
|
||||
|
||||
// TODO: E-Mail send
|
||||
$this->load->library('email');
|
||||
$message = "<a href='" . base_url('reset/' . base64_encode($loginData['username']) . '/' . $resetKey) . "'></a>";
|
||||
$this->EmailModel->sendMail($loginData['email'], 'Passwort zurücksetzen auf KingOfDog.eu', 'password_reset', ['userHash' => base64_encode($loginData['username']), 'resetKey' => $resetKey]);
|
||||
|
||||
// $config['mailtype'] = "html";
|
||||
// $this->mail->initialize($config);
|
||||
|
||||
$this->email->from('noreply@kingofdog.de', 'KingOfDog.de');
|
||||
$this->email->to($loginData['email']);
|
||||
|
||||
$this->email->subject('Passwort zurücksetzen');
|
||||
$this->email->message($message);
|
||||
|
||||
// $this->email->send();
|
||||
$notice['state'] = true;
|
||||
$notice['message'] = "<b>Eine E-Mail wurde an dich gesendet!</b> Schau' in dein Postfach und klick auf den Link, um dein Passwort zu ändern!";
|
||||
}
|
||||
|
|
|
|||
404
application/views/emails/password_reset.php
Normal file
404
application/views/emails/password_reset.php
Normal file
|
|
@ -0,0 +1,404 @@
|
|||
<?php
|
||||
defined('BASEPATH') OR exit('No direct script access allowed');
|
||||
?>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
|
||||
<!--[if gte mso 9]><xml>
|
||||
<o:OfficeDocumentSettings>
|
||||
<o:AllowPNG/>
|
||||
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||||
</o:OfficeDocumentSettings>
|
||||
</xml><![endif]-->
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
|
||||
<title></title>
|
||||
<!--[if !mso]><!-- -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
|
||||
<!--<![endif]-->
|
||||
|
||||
<style type="text/css" id="media-query">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
table, tr, td {
|
||||
vertical-align: top;
|
||||
border-collapse: collapse; }
|
||||
|
||||
.ie-browser table, .mso-container table {
|
||||
table-layout: fixed; }
|
||||
|
||||
* {
|
||||
line-height: inherit; }
|
||||
|
||||
a[x-apple-data-detectors=true] {
|
||||
color: inherit !important;
|
||||
text-decoration: none !important; }
|
||||
|
||||
[owa] .img-container div, [owa] .img-container button {
|
||||
display: block !important; }
|
||||
|
||||
[owa] .fullwidth button {
|
||||
width: 100% !important; }
|
||||
|
||||
[owa] .block-grid .col {
|
||||
display: table-cell;
|
||||
float: none !important;
|
||||
vertical-align: top; }
|
||||
|
||||
.ie-browser .num12, .ie-browser .block-grid, [owa] .num12, [owa] .block-grid {
|
||||
width: 605px !important; }
|
||||
|
||||
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
|
||||
line-height: 100%; }
|
||||
|
||||
.ie-browser .mixed-two-up .num4, [owa] .mixed-two-up .num4 {
|
||||
width: 200px !important; }
|
||||
|
||||
.ie-browser .mixed-two-up .num8, [owa] .mixed-two-up .num8 {
|
||||
width: 400px !important; }
|
||||
|
||||
.ie-browser .block-grid.two-up .col, [owa] .block-grid.two-up .col {
|
||||
width: 302px !important; }
|
||||
|
||||
.ie-browser .block-grid.three-up .col, [owa] .block-grid.three-up .col {
|
||||
width: 201px !important; }
|
||||
|
||||
.ie-browser .block-grid.four-up .col, [owa] .block-grid.four-up .col {
|
||||
width: 151px !important; }
|
||||
|
||||
.ie-browser .block-grid.five-up .col, [owa] .block-grid.five-up .col {
|
||||
width: 121px !important; }
|
||||
|
||||
.ie-browser .block-grid.six-up .col, [owa] .block-grid.six-up .col {
|
||||
width: 100px !important; }
|
||||
|
||||
.ie-browser .block-grid.seven-up .col, [owa] .block-grid.seven-up .col {
|
||||
width: 86px !important; }
|
||||
|
||||
.ie-browser .block-grid.eight-up .col, [owa] .block-grid.eight-up .col {
|
||||
width: 75px !important; }
|
||||
|
||||
.ie-browser .block-grid.nine-up .col, [owa] .block-grid.nine-up .col {
|
||||
width: 67px !important; }
|
||||
|
||||
.ie-browser .block-grid.ten-up .col, [owa] .block-grid.ten-up .col {
|
||||
width: 60px !important; }
|
||||
|
||||
.ie-browser .block-grid.eleven-up .col, [owa] .block-grid.eleven-up .col {
|
||||
width: 55px !important; }
|
||||
|
||||
.ie-browser .block-grid.twelve-up .col, [owa] .block-grid.twelve-up .col {
|
||||
width: 50px !important; }
|
||||
|
||||
@media only screen and (min-width: 625px) {
|
||||
.block-grid {
|
||||
width: 605px !important; }
|
||||
.block-grid .col {
|
||||
vertical-align: top; }
|
||||
.block-grid .col.num12 {
|
||||
width: 605px !important; }
|
||||
.block-grid.mixed-two-up .col.num4 {
|
||||
width: 200px !important; }
|
||||
.block-grid.mixed-two-up .col.num8 {
|
||||
width: 400px !important; }
|
||||
.block-grid.two-up .col {
|
||||
width: 302px !important; }
|
||||
.block-grid.three-up .col {
|
||||
width: 201px !important; }
|
||||
.block-grid.four-up .col {
|
||||
width: 151px !important; }
|
||||
.block-grid.five-up .col {
|
||||
width: 121px !important; }
|
||||
.block-grid.six-up .col {
|
||||
width: 100px !important; }
|
||||
.block-grid.seven-up .col {
|
||||
width: 86px !important; }
|
||||
.block-grid.eight-up .col {
|
||||
width: 75px !important; }
|
||||
.block-grid.nine-up .col {
|
||||
width: 67px !important; }
|
||||
.block-grid.ten-up .col {
|
||||
width: 60px !important; }
|
||||
.block-grid.eleven-up .col {
|
||||
width: 55px !important; }
|
||||
.block-grid.twelve-up .col {
|
||||
width: 50px !important; } }
|
||||
|
||||
@media (max-width: 625px) {
|
||||
.block-grid, .col {
|
||||
min-width: 320px !important;
|
||||
max-width: 100% !important;
|
||||
display: block !important; }
|
||||
.block-grid {
|
||||
width: calc(100% - 40px) !important; }
|
||||
.col {
|
||||
width: 100% !important; }
|
||||
.col > div {
|
||||
margin: 0 auto; }
|
||||
img.fullwidth, img.fullwidthOnMobile {
|
||||
max-width: 100% !important; }
|
||||
.no-stack .col {
|
||||
min-width: 0 !important;
|
||||
display: table-cell !important; }
|
||||
.no-stack.two-up .col {
|
||||
width: 50% !important; }
|
||||
.no-stack.mixed-two-up .col.num4 {
|
||||
width: 33% !important; }
|
||||
.no-stack.mixed-two-up .col.num8 {
|
||||
width: 66% !important; }
|
||||
.no-stack.three-up .col.num4 {
|
||||
width: 33% !important; }
|
||||
.no-stack.four-up .col.num3 {
|
||||
width: 25% !important; }
|
||||
.mobile_hide {
|
||||
min-height: 0px;
|
||||
max-height: 0px;
|
||||
max-width: 0px;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
font-size: 0px; } }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;background-color: #FFFFFF">
|
||||
<style type="text/css" id="media-query-bodytag">
|
||||
@media (max-width: 520px) {
|
||||
.block-grid {
|
||||
min-width: 320px!important;
|
||||
max-width: 100%!important;
|
||||
width: 100%!important;
|
||||
display: block!important;
|
||||
}
|
||||
|
||||
.col {
|
||||
min-width: 320px!important;
|
||||
max-width: 100%!important;
|
||||
width: 100%!important;
|
||||
display: block!important;
|
||||
}
|
||||
|
||||
.col > div {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
img.fullwidth {
|
||||
max-width: 100%!important;
|
||||
}
|
||||
img.fullwidthOnMobile {
|
||||
max-width: 100%!important;
|
||||
}
|
||||
.no-stack .col {
|
||||
min-width: 0!important;
|
||||
display: table-cell!important;
|
||||
}
|
||||
.no-stack.two-up .col {
|
||||
width: 50%!important;
|
||||
}
|
||||
.no-stack.mixed-two-up .col.num4 {
|
||||
width: 33%!important;
|
||||
}
|
||||
.no-stack.mixed-two-up .col.num8 {
|
||||
width: 66%!important;
|
||||
}
|
||||
.no-stack.three-up .col.num4 {
|
||||
width: 33%!important;
|
||||
}
|
||||
.no-stack.four-up .col.num3 {
|
||||
width: 25%!important;
|
||||
}
|
||||
.mobile_hide {
|
||||
min-height: 0px!important;
|
||||
max-height: 0px!important;
|
||||
max-width: 0px!important;
|
||||
display: none!important;
|
||||
overflow: hidden!important;
|
||||
font-size: 0px!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!--[if IE]><div class="ie-browser"><![endif]-->
|
||||
<!--[if mso]><div class="mso-container"><![endif]-->
|
||||
<table class="nl-container" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #FFFFFF;width: 100%" cellpadding="0" cellspacing="0">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top">
|
||||
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #FFFFFF;"><![endif]-->
|
||||
|
||||
<div style="background-color:#2272ff;">
|
||||
<div style="Margin: 0 auto;min-width: 320px;max-width: 605px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;" class="block-grid ">
|
||||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:#2272ff;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 605px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
|
||||
|
||||
<!--[if (mso)|(IE)]><td align="center" width="605" style=" width:605px; padding-right: 0px; padding-left: 0px; padding-top:0px; padding-bottom:0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
|
||||
<div class="col num12" style="min-width: 320px;max-width: 605px;display: table-cell;vertical-align: top;">
|
||||
<div style="background-color: transparent; width: 100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="divider " style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top">
|
||||
<td class="divider_inner" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-right: 20px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;min-width: 100%;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<table class="divider_content" height="200px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid transparent;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top">
|
||||
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 200px;line-height: 200px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<span> </span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<div align="center" class="img-container center fixedwidth " style="padding-right: 20px; padding-left: 20px;">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px;line-height:0px;"><td style="padding-right: 20px; padding-left: 20px;" align="center"><![endif]-->
|
||||
<div style="line-height:20px;font-size:1px"> </div> <a href="https://kingofdog.eu" target="_blank">
|
||||
<img class="center fixedwidth" align="center" border="0" src="https://kingofdog.eu/assets/images/logo_white.png" alt="KingOfDog Logo" title="KingOfDog Logo" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;width: 100%;max-width: 302.5px" width="302.5">
|
||||
</a>
|
||||
<div style="line-height:20px;font-size:1px"> </div><!--[if mso]></td></tr></table><![endif]-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 10px;"><![endif]-->
|
||||
<div style="color:#FFFFFF;font-family:'Bitter', Georgia, Times, 'Times New Roman', serif;line-height:120%; padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 10px;">
|
||||
<div style="font-size:12px;line-height:14px;font-family:Bitter, Georgia, Times, 'Times New Roman', serif;color:#FFFFFF;text-align:left;"><p style="margin: 0;font-size: 14px;line-height: 17px;text-align: center"><span style="font-size: 28px; line-height: 33px;">Passwort zurücksetzen</span></p></div>
|
||||
</div>
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
|
||||
<div style="color:#fff;line-height:200%;font-family:'Open Sans', Helvetica, Arial, sans-serif; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;">
|
||||
<div style="font-size:12px;line-height:24px;text-align:center;color:#fff;font-family:'Open Sans', Helvetica, Arial, sans-serif;"><p style="margin: 0;font-size: 12px;line-height: 24px;text-align: center"><span style="font-size: 16px; line-height: 32px;">So wie es aussieht, hast du dein Passwort vergessen. Das kann vorkommen - überhaupt kein Problem! Durch einfaches Klicken auf den Button unten kannst du dein Passwort zurücksetzen und deinen Account auf KingOfDog.eu weiter benutzen wie immer.</span></p></div>
|
||||
<div style="font-size:12px;line-height:24px;text-align:center;color:#fff;font-family:'Open Sans', Helvetica, Arial, sans-serif;"><p style="margin: 0;font-size: 12px;line-height: 24px;text-align: center"><span style="font-size: 16px; line-height: 32px;">Du hast diese E-Mail nicht angefordert? Kein Grund zur Panik! Solltest du Angst um die Sicherheit deines Accounts haben, kannst du dich jederzeit an uns wenden. Schreibe entweder eine Mail an <a href="mailto:contact@kingofdog.eu">contact@kingofdog.eu</a> oder nutze das Kontakt-Formular auf <a href="<?= base_url() ?>">KingOfDog.eu</a>.</span></p></div>
|
||||
</div>
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div align="center" class="button-container center " style="padding-right: 10px; padding-left: 10px; padding-top:10px; padding-bottom:10px;">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top:10px; padding-bottom:10px;" align="center"><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:31pt; v-text-anchor:middle; width:111pt;" arcsize="58%" strokecolor="#134C75" fillcolor="#134C75"><w:anchorlock/><v:textbox inset="0,0,0,0"><center style="color:#ffffff; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:16px;"><![endif]-->
|
||||
<div style="color: #ffffff; background-color: #134C75; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; max-width: 148px; width: 88px;width: auto; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-align: center; mso-border-alt: none;">
|
||||
<span style="font-family:'Open Sans', Helvetica, Arial, sans-serif;font-size:16px;line-height:32px;"><a href="<?= base_url('reset/' . $userHash . '/' . $resetKey) ?>" style="font-size: 14px;">PASSWORT ZURÜCKSETZEN</a></span>
|
||||
</div>
|
||||
<!--[if mso]></center></v:textbox></v:roundrect></td></tr></table><![endif]-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
|
||||
<div style="color:#fff;line-height:200%;font-family:'Open Sans', Helvetica, Arial, sans-serif; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;">
|
||||
<div style="font-size:12px;line-height:24px;text-align:center;color:#fff;font-family:'Open Sans', Helvetica, Arial, sans-serif;"><p style="margin: 0;font-size: 12px;line-height: 24px;text-align: center">Sollte der Button nicht funktionieren, besuche folgenden Link:<br><a href="<?= base_url('reset/' . $userHash . '/' . $resetKey) ?>"><?= base_url('activate/' . $emailHash . '/' . $activationKey) ?></a></p></div>
|
||||
</div>
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="divider " style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top">
|
||||
<td class="divider_inner" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;padding-right: 20px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;min-width: 100%;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<table class="divider_content" height="200px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid transparent;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top">
|
||||
<td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 200px;line-height: 200px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
|
||||
<span> </span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color:transparent;">
|
||||
<div style="Margin: 0 auto;min-width: 320px;max-width: 605px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;" class="block-grid mixed-two-up ">
|
||||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="background-color:transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width: 605px;"><tr class="layout-full-width" style="background-color:transparent;"><![endif]-->
|
||||
|
||||
<!--[if (mso)|(IE)]><td align="center" width="403" style=" width:403px; padding-right: 0px; padding-left: 0px; padding-top:15px; padding-bottom:15px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
|
||||
<div class="col num8" style="display: table-cell;vertical-align: top;min-width: 320px;max-width: 400px;">
|
||||
<div style="background-color: transparent; width: 100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:15px; padding-bottom:15px; padding-right: 0px; padding-left: 0px;"><!--<![endif]-->
|
||||
|
||||
|
||||
<div class="">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;"><![endif]-->
|
||||
<div style="color:#8F8F8F;font-family:'Open Sans', Helvetica, Arial, sans-serif;line-height:120%; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;">
|
||||
<div style="font-size:12px;line-height:14px;color:#8F8F8F;font-family:'Open Sans', Helvetica, Arial, sans-serif;text-align:left;"><p style="margin: 0;font-size: 14px;line-height: 17px"><span style="font-size: 11px; line-height: 13px;">Copyright © 2018 KingOfDog.eu, All rights reserved. </span><span style="font-size: 11px; line-height: 13px;"></span><span style="font-size: 11px; line-height: 13px;"></span></p><p style="margin: 0;font-size: 14px;line-height: 17px"> </p><p style="margin: 0;font-size: 14px;line-height: 17px"><span style="font-size: 11px; line-height: 13px;">Du möchtest keine E-Mails mehr von uns erhalten? <a style="color:#8F8F8F;text-decoration: underline;" href="https://kingofdog.eu" target="_blank" rel="noopener">Bestelle alle E-Mails ab</a></span></p></div>
|
||||
</div>
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
</div>
|
||||
|
||||
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td><td align="center" width="202" style=" width:202px; padding-right: 10px; padding-left: 10px; padding-top:15px; padding-bottom:15px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><![endif]-->
|
||||
<div class="col num4" style="display: table-cell;vertical-align: top;max-width: 320px;min-width: 200px;">
|
||||
<div style="background-color: transparent; width: 100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!--><div style="border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; padding-top:15px; padding-bottom:15px; padding-right: 10px; padding-left: 10px;"><!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<div align="right" style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px;" class="">
|
||||
<div style="line-height:10px;font-size:1px"> </div>
|
||||
<div style="display: table; max-width:119px;">
|
||||
<!--[if (mso)|(IE)]><table width="99" cellpadding="0" cellspacing="0" border="0"><tr><td style="border-collapse:collapse; padding-right: 10px; padding-left: 10px; padding-bottom: 10px;" align="right"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt; width:99px;"><tr><td width="32" style="width:32px; padding-right: 5px;" valign="top"><![endif]-->
|
||||
<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;Margin-right: 5px">
|
||||
<tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
|
||||
<a href="http://twitter.com/KingOfDogTV" title="Twitter" target="_blank">
|
||||
<img src="images/twitter.png" alt="Twitter" title="Twitter" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
|
||||
</a>
|
||||
<div style="line-height:5px;font-size:1px"> </div>
|
||||
</td></tr>
|
||||
</tbody></table>
|
||||
<!--[if (mso)|(IE)]></td><td width="32" style="width:32px; padding-right: 0;" valign="top"><![endif]-->
|
||||
<table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;Margin-right: 0">
|
||||
<tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
|
||||
<a href="https://www.youtube.com/KingOfDog" title="YouTube" target="_blank">
|
||||
<img src="images/youtube@2x.png" alt="YouTube" title="YouTube" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
|
||||
</a>
|
||||
<div style="line-height:5px;font-size:1px"> </div>
|
||||
</td></tr>
|
||||
</tbody></table>
|
||||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--[if (mso)|(IE)]></div><![endif]-->
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -23,7 +23,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
|
|||
|
||||
<div class="success-msg">
|
||||
<p>Willkommen! Du bist nun erfolgreich ein Mitglied geworden</p>
|
||||
<a href="#" class="profile d-none">Dein Profil</a>
|
||||
<a href="#" class="profile">Dein Profil</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -44,7 +44,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
|
|||
|
||||
<div class="form-group checkbox">
|
||||
<label for="rememberMe">
|
||||
<input type="checkbox" name="rememberMe">
|
||||
<input type="checkbox" id="rememberMe" name="rememberMe">
|
||||
Angemeldet bleiben
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -56,6 +56,22 @@ defined('BASEPATH') OR exit('No direct script access allowed');
|
|||
</div>
|
||||
</form>
|
||||
</div><!-- End Login Form -->
|
||||
|
||||
<!-- Reset Password Form -->
|
||||
<div class="reset form-piece" style="display: none">
|
||||
<form class="reset-form" action="#" method="post">
|
||||
<div class="form-group">
|
||||
<label for="resetname">Nutzername oder E-Mail</label>
|
||||
<input name="resetname" id="resetname" required>
|
||||
</div>
|
||||
|
||||
<div class="CTA">
|
||||
<input type="submit" value="Zurücksetzen">
|
||||
<a href="#" class="passwordForgot">Zurück</a>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- End Reset Password Form -->
|
||||
|
||||
<!-- Signup Form -->
|
||||
<div class="signup form-piece switched">
|
||||
<form class="signup-form" action="#" method="post">
|
||||
|
|
|
|||
|
|
@ -25,6 +25,7 @@ section#formHolder {
|
|||
|
||||
.brand.active {
|
||||
width: 100%;
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
.brand::before {
|
||||
|
|
@ -83,6 +84,7 @@ section#formHolder {
|
|||
.brand .success-msg p {
|
||||
font-size: 25px;
|
||||
font-weight: 400;
|
||||
margin: 0 25px;
|
||||
}
|
||||
|
||||
.brand .loading-msg i {
|
||||
|
|
@ -169,6 +171,10 @@ section#formHolder {
|
|||
z-index: -1;
|
||||
}
|
||||
|
||||
.form form .checkbox label {
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
.form form label.active {
|
||||
transform: translateY(10px);
|
||||
font-size: 10px;
|
||||
|
|
|
|||
|
|
@ -238,21 +238,18 @@ $(document).ready(function () {
|
|||
username: loginname
|
||||
},
|
||||
beforeSend: function () {
|
||||
setTimeout(function () {
|
||||
$('.signup, .login').hide();
|
||||
}, 700);
|
||||
setTimeout(function () {
|
||||
$('.brand').addClass('active');
|
||||
}, 300);
|
||||
setTimeout(function () {
|
||||
$('.heading').addClass('active');
|
||||
}, 600);
|
||||
setTimeout(function () {
|
||||
$('.signup, .login, .form').hide();
|
||||
}, 700);
|
||||
setTimeout(function () {
|
||||
$('.loading-msg i').addClass('active');
|
||||
}, 900);
|
||||
setTimeout(function () {
|
||||
$('.form').hide();
|
||||
}, 700);
|
||||
},
|
||||
success: function (data) {
|
||||
setTimeout(function () {
|
||||
|
|
@ -265,6 +262,22 @@ $(document).ready(function () {
|
|||
$('.success-msg p').addClass('text-danger');
|
||||
}
|
||||
$('.success-msg p').html(data.message).addClass('active');
|
||||
$('.success-msg a').text('Zurück').addClass('active').click(function(e) {
|
||||
e.preventDefault();
|
||||
setTimeout(() => {
|
||||
$('.brand').removeClass('active');
|
||||
}, 300);
|
||||
setTimeout(() => {
|
||||
$('.heading').removeClass('active');
|
||||
}, 600);
|
||||
setTimeout(() => {
|
||||
$('.signup, .login, .form').show();
|
||||
}, 700);
|
||||
setTimeout(() => {
|
||||
$('.success-msg p').removeClass('text-danger text-success active');
|
||||
$(this).removeClass('active');
|
||||
}, 900);
|
||||
});
|
||||
}, 1200);
|
||||
},
|
||||
error: function (data) {
|
||||
|
|
|
|||
Reference in New Issue
Block a user