feat: course list

frontend/src/stores/session.js

@@ -0,0 +1,50 @@
+import { defineStore } from 'pinia'
+import { createResource } from 'frappe-ui'
+import { usersStore } from './user'
+import router from '@/router'
+import { ref, computed } from 'vue'
+
+export const sessionStore = defineStore('lms-session', () => {
+	const { users } = usersStore()
+
+	function sessionUser() {
+		let cookies = new URLSearchParams(document.cookie.split('; ').join('&'))
+		let _sessionUser = cookies.get('user_id')
+		if (_sessionUser === 'Guest') {
+			_sessionUser = null
+		}
+		return _sessionUser
+	}
+
+	let user = ref(sessionUser())
+
+	const isLoggedIn = computed(() => !!user.value)
+
+	const login = createResource({
+		url: 'login',
+		onError() {
+			throw new Error('Invalid email or password')
+		},
+		onSuccess() {
+			users.reload()
+			user.value = sessionUser()
+			login.reset()
+			router.replace({ path: '/' })
+		},
+	})
+
+	const logout = createResource({
+		url: 'logout',
+		onSuccess() {
+			users.reset()
+			user.value = null
+		},
+	})
+
+	return {
+		user,
+		isLoggedIn,
+		login,
+		logout,
+	}
+})

frontend/src/stores/user.js

@@ -0,0 +1,50 @@
+import { defineStore } from 'pinia'
+import { createResource } from 'frappe-ui'
+import { sessionStore } from './session'
+import { reactive } from 'vue'
+
+export const usersStore = defineStore('lms-users', () => {
+	const session = sessionStore()
+
+	let usersByName = reactive({})
+
+	const users = createResource({
+		url: 'lms.lms.api.get_user_info',
+		cache: 'Users',
+		initialData: [],
+		transform(users) {
+			for (let user of users) {
+				usersByName[user.name] = user
+			}
+			return users
+		},
+		onError(error) {
+			if (error && error.exc_type === 'AuthenticationError') {
+				router.push('/login')
+			}
+		},
+	})
+
+	function getUser(email) {
+		if (!email || email === 'sessionUser') {
+			email = session.user
+		}
+		if (!email) {
+			return null
+		}
+		if (!usersByName[email]) {
+			usersByName[email] = {
+				name: email,
+				email: email,
+				full_name: email.split('@')[0],
+				user_image: null,
+			}
+		}
+		return usersByName[email]
+	}
+
+	return {
+		users,
+		getUser,
+	}
+})