first own code, user can login/logout

2022-10-08 12:46:28 +02:00
parent 1a7ecfad8f
commit 38958d20dd
25 changed files with 622 additions and 474 deletions
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -0,0 +1,135 @@
+import { defineStore } from 'pinia'
+import REST from '@api/rest-axios'
+import JSONAPI from '@api/json-axios'
+import qs from 'querystring-es3'
+
+export const UserStore = defineStore({
+  id: 'user',
+  state: () => ({
+    isloggedin: false,
+    csrf_token: null,
+    logout_token: null,
+    uid: 0,
+    uuid: 0,
+    mail: '',
+    name: null,
+    roles: null,
+    logginMessage: null
+  }),
+  getters: {
+    
+  },
+  actions: {
+    checkUser () {
+      JSONAPI.get('').then(({ data }) => {
+        console.log('checkuser jsonapi', data)
+        if (data.meta && data.meta.links.me) {
+          JSONAPI.get(data.meta.links.me.href).then(({ data : { data } }) => {
+            console.log('checkuser jsonapi get user', data)
+            this.uid = data.attributes.drupal_internal__uid
+            this.mail = data.attributes.mail
+            this.name = data.attributes.name
+            this.isloggedin = data.attributes.status
+            console.log('user store checkuser isloggedin', this.isloggedin);
+          })
+        }
+      })
+    },
+    userLogin (credentials) {
+      console.log('user store userLogin', credentials);
+      return new Promise((resolve, reject) => {
+        this.getToken(credentials)
+          .then((response) => {
+            console.log('userLogin getToken response', response)
+
+            if (response.status === 200) {
+              this.uid = response.data.current_user.uid
+              // state.username = data.username;
+              this.mail = response.data.current_user.mail
+              this.csrf_token = response.data.csrf_token
+              // this.isloggedin = true
+              this.logout_token = response.data.logout_token
+              this.getUser().then(userdata => {
+                console.log('User Loggedin')
+                resolve()
+              })
+            } else {
+              this.loginMessage = response.data.message
+              console.warn('Issue with getToken', response)
+              console.log('user loggein failed', this.loginMessage)
+              Promise.reject(new Error('user loggin failed'))
+            }
+          })
+          .catch(error => {
+            console.warn('Issue with Dispatch getToken', error)
+            Promise.reject(error)
+          })
+      })
+    },
+    getToken (credentials) {
+      console.log('userStore getToken', credentials)
+      return REST.post('/user/login?_format=json',
+        credentials,
+        {
+          validateStatus: function (status) {
+            return status >= 200 && status < 500
+          }
+        })
+    },
+    getUser () {
+      console.log('user store getUser');
+      return new Promise((resolve, reject) => {
+        REST.get('/session/token').then(({ data }) => {
+          console.log('csrf_token', data)
+          this.csrf_token = data
+          console.log('state csrf_token', this.csrf_token)
+          const params = {
+            token: this.csrf_token
+          }
+          REST.get(`/user/${this.uid}?_format=json`, params)
+            .then(({ data }) => {
+              console.log('user REST getUser data', data)
+              console.log('roles', data.roles)
+              // with session_limit, only here we are certain that the user is logged
+              // this.user = data
+              // this.mail = data.mail[0].value
+              this.uuid = data.uuid[0].value
+              this.name = data.name[0].value
+              // with session_limit, only here we are certain that the user is logged
+              this.isloggedin = true
+              if (data.roles) {
+                this.roles = data.roles
+              }
+              // console.log('customer_profiles', data.customer_profiles.length)
+              // if (data.customer_profiles.length) {
+              //   dispatch('getUserProfiles', data.customer_profiles[data.customer_profiles.length - 1].target_id)
+              // }
+              resolve()
+            })
+            .catch(error => {
+              console.warn('Issue with getUser', error)
+              Promise.reject(error)
+            })
+        })
+      })
+    },
+    userLogout () {
+      const credentials = qs.stringify({
+        token: this.csrf_token
+      })
+      return new Promise((resolve, reject) => {
+        REST.post('/user/logout', credentials)
+          .then(resp => {
+            console.log('userStore userLogout resp', resp)
+            this.isloggedin = false
+            // window.location.reload(true) ???
+            resolve()
+          })
+          .catch(error => {
+            console.warn('Issue with logout', error)
+            Promise.reject(error)
+          })
+      })
+    }
+  }
+})