104 lines
3.0 KiB
JavaScript
104 lines
3.0 KiB
JavaScript
// app/static/vendor/js/init-alpine.js
|
|
/**
|
|
* Alpine.js initialization for vendor pages
|
|
* Provides common data and methods for all vendor pages
|
|
*/
|
|
|
|
function data() {
|
|
return {
|
|
dark: false,
|
|
isSideMenuOpen: false,
|
|
isNotificationsMenuOpen: false,
|
|
isProfileMenuOpen: false,
|
|
currentPage: '',
|
|
currentUser: {},
|
|
vendor: null,
|
|
vendorCode: null,
|
|
|
|
init() {
|
|
// Set current page from URL
|
|
const path = window.location.pathname;
|
|
const segments = path.split('/').filter(Boolean);
|
|
this.currentPage = segments[segments.length - 1] || 'dashboard';
|
|
|
|
// Get vendor code from URL
|
|
if (segments[0] === 'vendor' && segments[1]) {
|
|
this.vendorCode = segments[1];
|
|
}
|
|
|
|
// Load user from localStorage
|
|
const user = localStorage.getItem('currentUser');
|
|
if (user) {
|
|
this.currentUser = JSON.parse(user);
|
|
}
|
|
|
|
// Load theme preference
|
|
const theme = localStorage.getItem('theme');
|
|
if (theme === 'dark') {
|
|
this.dark = true;
|
|
}
|
|
|
|
// Load vendor info
|
|
this.loadVendorInfo();
|
|
},
|
|
|
|
async loadVendorInfo() {
|
|
if (!this.vendorCode) return;
|
|
|
|
try {
|
|
const response = await apiClient.get(`/api/v1/vendors/${this.vendorCode}`);
|
|
this.vendor = response;
|
|
logDebug('Vendor info loaded', this.vendor);
|
|
} catch (error) {
|
|
logError('Failed to load vendor info', error);
|
|
}
|
|
},
|
|
|
|
toggleSideMenu() {
|
|
this.isSideMenuOpen = !this.isSideMenuOpen;
|
|
},
|
|
|
|
closeSideMenu() {
|
|
this.isSideMenuOpen = false;
|
|
},
|
|
|
|
toggleNotificationsMenu() {
|
|
this.isNotificationsMenuOpen = !this.isNotificationsMenuOpen;
|
|
if (this.isNotificationsMenuOpen) {
|
|
this.isProfileMenuOpen = false;
|
|
}
|
|
},
|
|
|
|
closeNotificationsMenu() {
|
|
this.isNotificationsMenuOpen = false;
|
|
},
|
|
|
|
toggleProfileMenu() {
|
|
this.isProfileMenuOpen = !this.isProfileMenuOpen;
|
|
if (this.isProfileMenuOpen) {
|
|
this.isNotificationsMenuOpen = false;
|
|
}
|
|
},
|
|
|
|
closeProfileMenu() {
|
|
this.isProfileMenuOpen = false;
|
|
},
|
|
|
|
toggleTheme() {
|
|
this.dark = !this.dark;
|
|
localStorage.setItem('theme', this.dark ? 'dark' : 'light');
|
|
},
|
|
|
|
async handleLogout() {
|
|
try {
|
|
await apiClient.post('/api/v1/vendor/auth/logout');
|
|
} catch (error) {
|
|
logError('Logout error', error);
|
|
} finally {
|
|
localStorage.removeItem('accessToken');
|
|
localStorage.removeItem('currentUser');
|
|
window.location.href = `/vendor/${this.vendorCode}/login`;
|
|
}
|
|
}
|
|
};
|
|
} |