s153131/PracowniaProgramowania
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[Popup]dodawanie nowej karty tylko dla zalogowanego uzytkkownika

Browse Source
This commit is contained in:
pawlaczyk 2019-01-12 23:42:14 +01:00
parent 1e13abc752
commit b782f39ed8
2 changed files with 66 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/app/src/components/Navbar.vue
View File

@ -7,6 +7,13 @@
</v-btn> </v-btn>
</v-snackbar> </v-snackbar>
<v-snackbar v-model="snackbarLoginRequred" :timeout="4000" top color="primary success-text">
<span>Wymagane logowanie!</span>
<v-btn flat color="white" @click="snackbar = false">
<v-icon>clear</v-icon>
</v-btn>
</v-snackbar>
<v-snackbar v-model="snackbarLogout" :timeout="4000" top color="primary success-text"> <v-snackbar v-model="snackbarLogout" :timeout="4000" top color="primary success-text">
<span>Wylogowano</span> <span>Wylogowano</span>
<v-btn flat color="white" @click="snackbarLogout = false"> <v-btn flat color="white" @click="snackbarLogout = false">
@ -67,7 +74,7 @@
<p class="white--text mt-3 subheading">Edżentelmeni</p> <p class="white--text mt-3 subheading">Edżentelmeni</p>
</v-flex> </v-flex>
<v-flex class="mb-3"> <v-flex class="mb-3">
<Popup @cardAdded="snackbar = true"/> <Popup @cardAdded="snackbar = true" @LoginRequired="snackbarLoginRequred = true"/>
</v-flex> </v-flex>
</v-layout> </v-layout>
@ -96,7 +103,8 @@ export default {
snackbar: false, snackbar: false,
snackbarLogout: false, snackbarLogout: false,
isLogged: true, isLogged: true,
snackbarLogin: false snackbarLogin: false,
snackbarLoginRequred: false,
} }
}, },
computed:{ computed:{

94
frontend/app/src/components/Popup.vue
View File

@ -56,49 +56,65 @@ export default {
"Blank" :1 , "Blank" :1 ,
"texst": "ALA MA KOTA" "texst": "ALA MA KOTA"
}*/ }*/
if (localStorage.getItem('token') === "null"){
this.isLogged = true
console.log("TUTAJ: ", localStorage.getItem('token') === null)
this.$router.push('/')
this.$emit('LoginRequired')
return
}
if(localStorage.getItem('token') === null){
console.log("TUTAJ: ", localStorage.getItem('token') === null)
this.$router.push('/')
this.$emit('LoginRequired')
return
}
else{ //Dodawanie tylko dla zalogowanych
console.log("DODAWANIE KARTY")
if (this.$refs.form.validate()){ // valinnaj JS if (this.$refs.form.validate()){ // valinnaj JS
var blank = 0 var blank = 0
if (this.cardText.match(/_/g)){ if (this.cardText.match(/_/g)){
blank = this.cardText.match(/_/g).length; blank = this.cardText.match(/_/g).length;
} }
if (this.cardType === "pytanie" && blank === 0){ if (this.cardType === "pytanie" && blank === 0){
//walidacja - karta pytanie musi miec min 1 pole puste //walidacja - karta pytanie musi miec min 1 pole puste
this.inputRules = [false || 'Karta pytanie musi miec min jedno pole na odpwiedz (znak podłogi _)'] //info zwrotne w dialogu dla uzytkownika this.inputRules = [false || 'Karta pytanie musi miec min jedno pole na odpwiedz (znak podłogi _)'] //info zwrotne w dialogu dla uzytkownika
} }
var cardObj = {} var cardObj = {}
if (this.cardType == "pytanie"){ if (this.cardType == "pytanie"){
cardObj.isQuestion = true cardObj.isQuestion = true
}else{ }else{
cardObj.isQuestion = false cardObj.isQuestion = false
} }
cardObj.blank = blank cardObj.blank = blank
cardObj.text = this.cardText cardObj.text = this.cardText
axios.post("http://127.0.0.1:3000/api/addNewCardView" ,cardObj, { crossdomain: true }) axios.post("http://127.0.0.1:3000/api/addNewCardView" ,cardObj, { crossdomain: true })
.then(response=>{ .then(response=>{
console.log(response); console.log(response);
}) })
.catch(error=>{ //javascript ma swoje posrane zwrotki .catch(error=>{ //javascript ma swoje posrane zwrotki
//400 bad request wychodzi z asynchronicznosci tutaj, i wszyscy tak to obsluguja //400 bad request wychodzi z asynchronicznosci tutaj, i wszyscy tak to obsluguja
//Sprawdzanie czy to na pewno blad czy po prostu javascript sie fąfla -,- //Sprawdzanie czy to na pewno blad czy po prostu javascript sie fąfla -,-
if ( error.response.data == "[addNewCardView] Dodano nową kartę"){ if ( error.response.data == "[addNewCardView] Dodano nową kartę"){
this.$emit('cardAdded') this.$emit('cardAdded')
return return
} }
if(error.response.data == "[updateUserPointsView][Error] Nie podano 'text'"){ if(error.response.data == "[updateUserPointsView][Error] Nie podano 'text'"){
// To sie nie zadzieje, bo js ma walidacje // To sie nie zadzieje, bo js ma walidacje
console.log("Nie podano tekstu karty") console.log("Nie podano tekstu karty")
return return
} }
else{//tu jest blad else{//tu jest blad
console.log("ERROR: ", error.response.data) console.log("ERROR: ", error.response.data)
return return
} }
}); });
} ///dlugi if } ///dlugi if
}
} }
}, },
computed:{ computed:{