Logowanie i rejestracja bez snackbarow

frontend/app/src/components/Navbar.vue

@@ -48,7 +48,8 @@
             </v-menu>
 
             <v-btn flat color="grey" @click="userAction">
-                <span v-if="isLogged">Wyloguj</span>
+                <span v-if="isLogged">Wyloguj
+                </span>
                 <span v-if="!isLogged">Zaloguj</span>
                 <v-icon right>exit_to_app</v-icon>
             </v-btn>

frontend/app/src/views/Login.vue

@@ -14,14 +14,19 @@
                           <v-text-field :rules="loginRules" label="hasło" v-model="userPassword"  :type="'password'"  prepend-icon="vpn_key"></v-text-field>
                         </v-form>
                     </v-card-text>
-                    <v-card-action>
+                    <!-- <v-card-actions> -->
-                        <v-btn class="primary" @click="login">
+
+                          <v-btn align-center justify-center class="primary text-md-center" @click="login">
                               Zaloguj
                           </v-btn>
-                    </v-card-action>
+                    <!-- </v-card-actions> -->
                     <v-card-text>
                     <v-list-tile router :to="'/register'">
-                        <v-list-tile-title class="mt-3 subheading" >Nie masz konta? Zarejestruj się! </v-list-tile-title>
+                        <v-list-tile-title class="text">
+                          <p class="text-md-center">
+                            Nie masz konta? Zarejestruj się!
+                          </p>
+                        </v-list-tile-title>
                     </v-list-tile>
                     </v-card-text>
                 </v-card>
@@ -40,12 +45,14 @@ export default {
             userLogin : '',
             userPassword: '',
             loginRules: [
-              v => v.length >= 0 || 'Pole nie może być puste'
+              v => v.length > 0 || 'Pole nie może być puste'
             ] //nie sprawdzam hasla, bo to przy rejestracji
         }
     },
     methods:{
         login(){
+          if (this.$refs.form.validate()){ //valinnaj JS
+
             axios.post("http://127.0.0.1:3000/api/loginUserView" ,
               {"login": this.userLogin, "password": this.userPassword}, 
               { crossdomain: true })
@@ -66,10 +73,9 @@ export default {
               .catch(error=>{ 
                 console.log("ERROR: ", error.response.data)
               });
+
+          }//dlugi if
         }
-    },
-    goRegister(){
-      console.log("Log register")
     }
 }
 </script>

frontend/app/src/views/Register.vue

@@ -9,15 +9,29 @@
                     </v-avatar>
                     <p class="primary--text mt-3 headline">Edżentelmeni</p>
                     <v-card-text>
-                        <v-text-field label="login" v-model="userLogin" prepend-icon="person"></v-text-field>
+
-                        <v-text-field label="hasło" v-model="userPassword" :type="'password'"  prepend-icon="vpn_key"></v-text-field>
+                        <v-form class="px-3" ref="form">
-                        <v-text-field label="potwierdź hasło " v-model="userPassword2"  :type="'password'"  prepend-icon="vpn_key"></v-text-field>
+                            <v-text-field :rules="rulesInput" label="login" v-model="userLogin" prepend-icon="person"></v-text-field>
+                            <v-text-field :rules="rulesPassword" label="hasło" v-model="userPassword" :type="'password'"  prepend-icon="vpn_key"></v-text-field>
+                            <v-text-field :rules="rulesPassword" label="potwierdź hasło " v-model="userPassword2"  :type="'password'"  prepend-icon="vpn_key"></v-text-field>
+                            <v-text-field  label="opis nieobowiązkowy " v-model="userDescription" prepend-icon="favorite"></v-text-field>
+                        </v-form>
+
                     </v-card-text>
-                    <v-card-action>
+                    <!-- <v-card-actions> -->
-                        <v-btn class="primary">
+                        <v-btn class="primary" @click="register">
                             Zarejestruj
                         </v-btn>
-                    </v-card-action>
+                    <!-- </v-card-actions> -->
+                <v-card-text>
+                    <v-list-tile router :to="'/'">
+                            <v-list-tile-title class="mt-3 subheading" >
+                                <p class="text-md-center">
+                                    Masz już konto? Zaloguj się! 
+                                </p>
+                            </v-list-tile-title>
+                    </v-list-tile>
+                    </v-card-text>
                 </v-card>
             </v-flex>
         </v-layout>
@@ -26,16 +40,73 @@
 </template>
 
 <script>
+import axios from 'axios'
 export default {
     data(){
         return{
             userLogin : '',
-            userPassword: ''
+            userPassword: '',
+            userPassword2: '',
+            userDescription: '',
+            // rulesPassword: [ v => v.match(/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$/) || 'Nieprawidłowe hasło'],
+            rulesPassword: [v => v.length > 0 || 'Hasło nie może być puste'],
+            rulesInput: [v => v.length > 0 || 'Pole nie może być puste']
         }
     },
     methods:{
-        login(){
+        register(){
-            console.log("Logowanie uzytkownika")
+            //dodwanie nowego uzytkownika do bazy
+            console.log("Rejestracja uzytkownika")
+            if (this.$refs.form.validate()){ //valinnaj JS
+                console.log("WALIDAJC AOK")
+                
+                if (this.userPassword != this.userPassword2){
+                    this.rulesPassword= [false || 'Podane hasla różnią się']
+                    console.log("Hasla sei roznia")
+                    this.userPassword = ''
+                    this.userPassword2 = ''
+                    return
+                }
+                if(this.userPassword === this.userPassword2){
+                    //hasla ok, login ok - to rejestracja w bazie
+                    this.rulesPassword = [true || 'Rejestracj']
+                    console.log("OK register")
+                    
+                    //dodawanie do bazy
+                    axios.post("http://127.0.0.1:3000/api/addNewUserView" ,
+                        {"login": this.userLogin, "password": this.userPassword, "userDescription": this.userDescription}, 
+                        { crossdomain: true })
+                        .then(response=>{
+                            console.log(response.data);
+                            if (response.data === "[addNewUserView] Dodano uzytkownika do bazy"){
+                                window.location.replace("http://localhost:8080/");
+                            }
+                            if (response.data === "Login zajęty"){
+                                this.loginRules= [false || 'Login zajęty'] 
+                            }
+                            else{
+                                //Zły login albo hasło
+                                this.loginRules= [false || 'Nieprawidłowe dane'] 
+                            }
+                            this.userLogin = ""
+                            this.userPassword = ""
+                        })  
+
+                        .catch(error=>{ 
+                            console.log("ERROR: ", error.response.data)
+                        });
+                    
+
+
+
+                    this.login = ''
+                    this.userPassword = ''
+                    this.userPassword2 = ''
+                    return 
+
+                }
+            }
+
         }
     }
 }