change password

application/views/main_view.php

@@ -30,9 +30,31 @@
             </div>
         </div>
     </div>
-    <a href="#" class="dbois-exit"
-        data-bind="click:logOut">uitloggen</a>
-    <div class="clock"></div>
+    <div class="col-xs-9 col-xs-offset-3">
+        <a href="#" class="dbois-exit"
+           data-bind="click:logOut">uitloggen</a>
+        <div class="clock"></div>
+        <!-- ko if: hidePasswordinput() -->
+        <label class="change-password"
+               data-bind="click:togglePasswordinput">
+            wachtwoord wijzigen
+        </label>
+        <!-- /ko -->
+        <!-- ko if: ! hidePasswordinput() -->
+        <div class="change-password">
+            <div class="col-xs-5">
+                <input type="password"
+                       data-bind="textinput:newPassword, event:{'keyup':checkPassword}"
+                       class="form-control" placeholder="type hier uw wachtwoord" />
+            </div>
+            <div class="col-xs-2">
+                <button class="btn btn-success"
+                        data-bind="disable:!validPassword(),click:savePassword">wachtwoord aanvragen</button>
+            </div>
+        </div>
+        <!-- /ko -->
+
+    </div>
 </div>
 <div class="wrapper">
     <?php $this->load->view( 'partials/_navbar-left' ); ?>