add tab functionality

Author: d0peCode

public/html/directives/modalLogin.html

@@ -8,7 +8,7 @@ <h3 class="heading-tertiary">Login</h3>
             <span class="tab__header" data-ng-click="setTab('remind')">Remind</span>
         </div>
         <div class="tabs__body">
-            <div class="tab__body" data-ng-if="tab.selected === 'login'">
+            <div class="tab__body" data-ng-if="currentTab === 'login'">
                 <form id="loginForm" data-ng-submit="$parent.login()">
                     <div class="form-group">
                         <label for="email">E-Mail:</label>
@@ -22,7 +22,7 @@ <h3 class="heading-tertiary">Login</h3>
                 <div data-ng-if="$parent.errorActive">This account is not activated.</div>
                 <div data-ng-if="$parent.errorPass">No account associated with this email or wrong password.</div>
             </div>
-            <div class="tab__body" data-ng-if="tab.selected === 'remind'">
+            <div class="tab__body" data-ng-if="currentTab === 'remind'">
                 <form id="remindForm" data-ng-submit="$parent.remind()">
                     <div class="form-group">
                         <label for="emailRemind">E-Mail:</label>
@@ -33,7 +33,8 @@ <h3 class="heading-tertiary">Login</h3>
         </div>
     </div>
     <div class="modal__footer">
-        <button type="submit" class="button" form="loginForm">Login</button>
+        <button type="submit" class="button" form="loginForm" data-ng-if="currentTab === 'login'">Login</button>
+        <button type="submit" class="button" form="remindForm" data-ng-if="currentTab === 'remind'">Remind</button>
         <button type="button" class="button" data-ng-click="hideModal()">Close</button>
     </div>
 </div>

public/js/directives/modalLogin.js

@@ -18,8 +18,10 @@
                 $scope.errorPass = false;
                 $scope.errorActive = false;
                 $scope.errorRemind = false;
+                $scope.currentTab = '';
 
                 $scope.hideModal = () => stateService.set('modalLogin', false);
+                $scope.setTab = (tab) => { $scope.currentTab = tab };
                 $scope.login = async () => {
                     const params = { email: $scope.email, password: $scope.password };
                     const response = await authService.login(params);