82 lines
4.4 KiB
PHP
82 lines
4.4 KiB
PHP
<?php $version = 2; ?>
|
|
<!DOCTYPE html>
|
|
<html >
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title> Framework+ MonPas</title>
|
|
<link rel="shortcut icon" href="<?=base_url()?>/favicon.ico?v=1" />
|
|
<link rel="stylesheet" type="text/css" href="<?=base_url()?>/css/monpas/main.css" />
|
|
<!-- <link href="/css_lib/bootstrap-3.3.2-dist/css/bootstrap.css" rel="stylesheet"> -->
|
|
<link href="/css_lib/font-awesome.css" rel="stylesheet">
|
|
<link href="/css_lib/apprise.min.css" rel="stylesheet">
|
|
|
|
<script type="text/javascript" src="<?=base_url()?>js_lib/jquery.min.js"></script>
|
|
<script type="text/javascript" src="<?=base_url()?>js_lib/knockout.min.js"></script>
|
|
<!-- <script type="text/javascript" src="/css_lib/bootstrap-3.3.2-dist/js/bootstrap.js"></script> -->
|
|
<script type="text/javascript" src="<?=base_url()?>js_lib/hash.js"></script>
|
|
<script type="text/javascript" src="<?=base_url()?>js_lib/apprise.min.js"></script>
|
|
<script type="text/javascript" src="<?=base_url()?>js/login.js?v=<?=$version?>"></script>
|
|
<script type="text/javascript" src="<?=base_url()?>js/twoFactor.js?v=<?=$version?>"></script>
|
|
|
|
</head>
|
|
<body style='font-family: lato, sans-serif, verdana;font-size: 16px;'>
|
|
<div id="pagLogin" >
|
|
<div class="cirkelgradient"
|
|
style=" position:relative;margin:0 auto; margin-top: 30px;
|
|
width: 516px; height:616px; ">
|
|
<div style="position:absolute; left:18px; top:38px;
|
|
padding: 20px;
|
|
background-color:#fefdfd; border: 2px solid #930f50 ;
|
|
width: 436px; height: 436px; border-radius:436px;" >
|
|
|
|
<div data-bind="visible: inloggen">
|
|
<p style="text-align: center; margin-top:40px;"><img src="css/images/frameworklogo-2.png" /></p>
|
|
<h3 style="text-align:center" data-bind="text: welkomtekst"></h3>
|
|
<hr style="color:#879fb8; margin-bottom: 10px;" />
|
|
<p> <span style="display: inline-block; width: 120px; text-align:right">gebruikersnaam</span>
|
|
<input style="width: 255px; padding:4px;"
|
|
data-bind="textInput: gnaam, hasFocus: focusop() == 1,enterkey:fZetFocus" />
|
|
</p>
|
|
<p> <span style="display: inline-block; width: 120px; text-align:right">wachtwoord</span>
|
|
<input style="width: 255px; padding:4px;" type="password"
|
|
data-bind="textInput: wwoord, enterkey: fLogin, hasFocus: focusop()==2" />
|
|
</p>
|
|
<button style="float:right; margin-right: 48px; width: 48px"
|
|
type='button'
|
|
data-bind="click: fLogin,
|
|
visible: gnaam().length > 3 && wwoord().length >3"> ok </button>
|
|
<p style="margin-top: 80px; font-size:0.8em;text-align:center">Wachtwoord vergeten? Klik <i><span class="klikbaar" data-bind="click: fNieuwWachtwoord">hier</span></i>.</p>
|
|
</div> <!-- visible inloggen -->
|
|
<div data-bind="visible: !inloggen()">
|
|
<p style="text-align: center; margin-top:40px;"><img src="css/images/frameworklogo-2.png" /></p>
|
|
<h3 style="text-align:center"> Nieuw wachtwoord aanvragen</h3>
|
|
<hr style="color:#879fb8; margin-bottom: 30px;" />
|
|
|
|
<p> <span style="display: inline-block; width: 120px; text-align:right">gebruikersnaam</span>
|
|
<input style="width: 255px; padding:4px"
|
|
data-bind="textInput: gnaam, hasFocus: focusop()==3, enterkey: fZetFocus" />
|
|
</p>
|
|
<p> <span style="display: inline-block; width: 120px; text-align:right">e-mail</span>
|
|
<input style="width: 255px; padding:4px"
|
|
data-bind="textInput: email,
|
|
hasFocus: focusop() == 4,
|
|
enterkey: fMaakWwoord" />
|
|
</p>
|
|
|
|
<button style="float:right; margin-right: 58px; width: 48px"
|
|
data-bind="click: fMaakWwoord"> ok
|
|
</button>
|
|
<div style="clear:both"></div>
|
|
<p style="margin-top: 20px; text-align: center; font-size:0.9em; margin-left: 30px; margin-right:30px;">Typ uw gebruikersnaam en e-mailadres. De applicatie stuurt u een e-mail met uw inloggegevens.</p>
|
|
<p style="margin-top: 40px; font-size:0.8em;text-align:center">Terug naar inlogscherm? Klik <i><span class="klikbaar" data-bind="click: fNaarInlog">hier</span></i>.</p>
|
|
</div>
|
|
</div>
|
|
<div style="position:absolute; top:510px;font-size:0.85em">
|
|
<p style="color:#ffffff; padding:20px;">Vanaf 26 augustus is MonPas extra beveiligd met twee-factor authenticatie. <br>Nadat u uw gebruikersnaam en wachtwoord hebt opgegeven, wordt u gevraagd om een 6-cijferige code. Deze code krijgt u toegestuurd op uw e-mailadres.
|
|
</div>
|
|
</div>
|
|
</div> <!-- pagLogin holder -->
|
|
<?php $this->load->view('twofactor_dialog'); ?>
|
|
</body>
|
|
</html>
|