IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

style step I

Browse Source
This commit is contained in:
ogerly 2021-02-26 11:53:19 +01:00
parent da1cb4e7b6
commit ceb4dda6fa
6 changed files with 103 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.vue
View File

@ -22,7 +22,7 @@ export default {
this.$router.push('/KontoOverview')
// }
}else {
this.$router.push("/Landing")
this.$router.push("/Login")
}
//var user = { id:1, name:'Journal',session:'25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX' };

19
frontend/src/routes/routes.js
View File

@ -11,17 +11,21 @@ const routes = [
redirect: 'landing',
component: AuthLayoutGDD,
children: [
{
path: '/login',
name: 'login',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/Login.vue')
},
{
path: '/Landing',
name: 'Landing',
component: () => import(/* webpackChunkName: "demo" */ '../views/Landing.vue')
},
{
path: '/login',
name: 'login',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/Login.vue')
path: '/register',
name: 'register',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/Register.vue')
},
]
},
{
@ -41,12 +45,7 @@ const routes = [
path: '/profile',
name: 'profile',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/UserProfile.vue')
},
{
path: '/register',
name: 'register',
component: () => import(/* webpackChunkName: "demo" */ '../views/Pages/Register.vue')
},
}
]
},
,

29
frontend/src/store/store.js
View File

@ -18,6 +18,14 @@ export const store = new Vuex.Store({
email:"",
sessionID: 0,
balance: 0
},
ajaxCreateData: {
session_id : '',
email: "max.musterman@gmail.de",
amount: 10000000,
target_date:"2021-02-19T13:25:36+00:00",
memo:"AGE",
auto_sign: true
}
},
mutations: {
@ -68,7 +76,7 @@ export const store = new Vuex.Store({
console.log("Im Store creatUser() axios then ", ldata);
// this.ldata = ldata.data;
return true
router.push('/Login')
}, (error) => {
console.log(error);
@ -88,16 +96,25 @@ export const store = new Vuex.Store({
$cookies.set('gdd_is_auth','false');
$cookies.remove('gdd_email');
$cookies.remove('gdd_session_id');
router.push('/Landing')
router.push('/Login')
}, (error) => {
console.log(error);
});
},
accountBalance0(state) {
console.log("accountBalance0 => START")
axios.get("http://localhost/state-balances/ajaxGetBalance/739420303").then((req) => {
console.log("accountBalance => ", req)
ajaxCreate(state){
state.ajaxCreateData.session_id = state.user.sessionID
console.log(" state.ajaxCreateData => ", state.ajaxCreateData)
axios.post(" http://localhost/transaction-creations/ajaxCreate/", state.ajaxCreateData).then((req) => {
console.log("ajaxCreate => ", req)
}, (error) => {
console.log(error);
});
},
ajaxListTransactions(state) {
console.log("ajaxListTransactions => START")
axios.get("http://localhost/state-balances/ajaxListTransactions/"+ state.user.sessionID).then((req) => {
console.log("ajaxListTransactions => ", req)
}, (error) => {
console.log(error);
});

3
frontend/src/views/KontoOverview.vue
View File

@ -30,7 +30,8 @@
</div>
</base-header>
<div @click="$store.commit('accountBalance0')">this.$store.commit('accountBalance0')</div>
<div @click="$store.commit('ajaxCreate')">this.$store.commit('ajaxCreate')</div>
<div @click="$store.commit('ajaxListTransactions')">this.$store.commit('ajaxListTransactions')</div>
<div @click="$store.commit('accountBalance')">this.$store.commit('accountBalance')</div>
<hr>
<h3>User Balanace</h3>

46
frontend/src/views/Pages/Login.vue
View File

@ -1,13 +1,23 @@
<template>
<div>
<!-- Header -->
<div class="header bg-gradient-success py-7 py-lg-8 pt-lg-9">
<div class="header bg-gradient-success py-7 py-lg-5 pt-lg-1">
<b-container class="container">
<div class="header-body text-center mb-7">
<b-row class="justify-content-center">
<b-col xl="5" lg="6" md="8" class="px-5">
<h1 class="text-white">Gradido Wallet</h1>
<p class="text-lead text-white">Du bist die Community</p>
</b-col>
</b-row>
</div>
</b-container>
<div class="separator separator-bottom separator-skew zindex-100">
<svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
</svg>
</div>
</div>
<!-- Page content -->
@ -15,21 +25,12 @@
<b-row class="justify-content-center">
<b-col lg="5" md="7">
<b-card no-body class="bg-secondary border-0 mb-0">
<b-card-header class="pb-1" >
<video width="450" height="300" autoplay loop>
<source src="/img/brand/cube.webm" type="video/webm">
Your browser does not support the video tag.
</video>
</b-card-header>
<b-card-body class="px-lg-5 py-lg-5">
<div class="text-center text-muted mb-4">
<h2>Login Gradido Wallet</h2>
<small>login</small>
</div>
<div class="text-center text-muted mb-4">
<h4>Login Server 1</h4>
</div>
<!--<validation-observer v-slot="{handleSubmit}" ref="formValidator">
<validation-observer v-slot="{handleSubmit}" ref="formValidator">
<b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
<base-input alternative
class="mb-3"
@ -55,7 +56,7 @@
<base-button type="primary" native-type="submit" class="my-4">Sign in</base-button>
</div>
</b-form>
</validation-observer> -->
</validation-observer>
</b-card-body>
</b-card>
<b-row class="mt-3">
@ -78,14 +79,23 @@
model: {
email: '',
password: '',
rememberMe: false
rememberMe: false,
rfname: '',
rlname: '',
remail: '',
rpwd: ''
}
};
},
methods: {
onSubmit() {
// this will be called only after form is valid. You can do api call here to login
console.log("onSubmit() ")
console.log("this.email ",this.model.email)
console.log("this.password ",this.model.password)
//console.log("landingpage login() lemail ", this.lemail)
//console.log("landingpage login() lpwd ", this.lpwd)
this.$store.commit('login', {"email": this.model.email, "password": this.model.password})
}
}
}
};
</script>

48
frontend/src/views/Pages/Register.vue
View File

@ -1,12 +1,12 @@
<template>
<div>
<!-- Header -->
<div class="header bg-gradient-success py-7 py-lg-8 pt-lg-9">
<div class="header bg-gradient-success py-7 py-lg-5 pt-lg-1">
<b-container class="container">
<div class="header-body text-center mb-7">
<b-row class="justify-content-center">
<b-col xl="5" lg="6" md="8" class="px-5">
<h1 class="text-white">Erstelle eine Gradido Wallet</h1>
<h1 class="text-white">Erstelle deine Gradido Wallet</h1>
<p class="text-lead text-white">Werde teil der Community</p>
</b-col>
</b-row>
@ -25,23 +25,28 @@
<b-row class="justify-content-center">
<b-col lg="6" md="8" >
<b-card no-body class="bg-secondary border-0">
<b-card-header class="bg-transparent pb-5">
<div class="text-muted text-center mt-2 mb-4"><small>Sign up with</small></div>
</b-card-header>
<b-card-body class="px-lg-5 py-lg-5">
<div class="text-center text-muted mb-4">
<small>Or sign up with credentials</small>
<small>sign up </small>
</div>
<validation-observer v-slot="{handleSubmit}" ref="formValidator">
<b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
<base-input alternative
class="mb-3"
prepend-icon="ni ni-hat-3"
placeholder="Name"
name="Name"
placeholder="Vorname"
name="Vorname"
:rules="{required: true}"
v-model="model.name">
v-model="model.firstname">
</base-input>
<base-input alternative
class="mb-3"
prepend-icon="ni ni-hat-3"
placeholder="Nachname"
name="Nachname"
:rules="{required: true}"
v-model="model.lastname">
</base-input>
<base-input alternative
@ -82,6 +87,17 @@
</b-card>
</b-col>
</b-row>
<div class="text-center py-lg-5" >
<b-button type="button" variant="success" class="mt-4" to="/Login">zurück</b-button>
</div>
<div>
<b-button v-b-modal.modal-1 variant="primary">Launch demo modal</b-button>
<b-modal id="modal-1" title="New message to undefined">
<p class="my-4">...</p>
</b-modal>
</div>
</b-container>
</div>
</template>
@ -92,7 +108,8 @@
data() {
return {
model: {
name: '',
firstname: '',
lastname: '',
email: '',
password: '',
agree: false
@ -102,9 +119,16 @@
methods: {
onSubmit() {
// this will be called only after form is valid. You can do an api call here to register users
}
}
console.log("onSubmit() ")
console.log("landingpage login() email ", this.model.email)
console.log("landingpage login() firstname ", this.model.firstname)
console.log("landingpage login() lastname ", this.model.lastname)
console.log("landingpage login() password ", this.model.password)
this.$store.commit('creatUser', {"email":this.model.email, "first_name":this.model.firstname, "last_name":this.model.lastname , "emailType": 2, "password":this.model.password})
}
}
};
</script>
<style></style>