inlog

application/views/pages/login/login_view.php

@@ -33,8 +33,9 @@
     <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
 </head>
 <body class="animsition page-login-v3 layout-full">
+<?php $this->load->view('specials/notify_modal'); ?>
 <!-- Page -->
-<div class="page vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">>
+<div class="page vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">
     <div class="page-content vertical-align-middle animation-slide-top animation-duration-1">
         <div class="panel">
             <div class="panel-body">
@@ -42,16 +43,16 @@
                     <img class="brand-img" src="css/images/logo_dbo.png" alt="...">
                     <h2 class="brand-text font-size-18">projectbeheer</h2>
                 </div>
-                <form method="post" action="#">
+                <form method="post" action="#" id="login-form">
                     <div class="form-group form-material floating" data-plugin="formMaterial">
-                        <input type="text" class="form-control" name="email" />
+                        <input type="text" class="form-control" name="username" />
                         <label class="floating-label">gebruikersnaam</label>
                     </div>
                     <div class="form-group form-material floating" data-plugin="formMaterial">
                         <input type="password" class="form-control" name="password" />
                         <label class="floating-label">wachtwoord</label>
                     </div>
-                    <button type="submit" class="btn btn-primary btn-block btn-lg mt-40">Log in</button>
+                    <button type="button" class="btn btn-primary btn-block btn-lg mt-40" data-bind="click:login">Log in</button>
                 </form>
             </div>
         </div>
@@ -102,5 +103,8 @@
 <script src="js/vendor/Plugin/switchery.js"></script>
 <script src="js/vendor/Plugin/jquery-placeholder.js"></script>
 <script src="js/vendor/Plugin/material.js"></script>
+<script src="js/vendor/Knockout.min.js"></script>
+<script src="js/lib/modules/login/loginModule.js"></script>
+<script src="js/lib/modules/specials/notifyModule.js"></script>
 </body>
 </html>