olli
3c36fdd9a1
- Created Document entity with properties for file management, including filename, originalFilename, mimeType, size, uploadedAt, uploadedBy, relatedEntity, relatedEntityId, and description. - Implemented DocumentRepository for querying documents by related entity and user. - Added GitRepository entity with properties for managing Git repositories, including URL, localPath, branch, provider, accessToken, project, lastSync, name, description, createdAt, and updatedAt. - Implemented GitRepositoryRepository for querying repositories by project. - Developed GitHubService for interacting with GitHub API, including methods for fetching commits, contributions, branches, and repository info. - Developed GitService for local Git repository interactions, including methods for fetching commits, contributions, branches, and repository info. - Developed GiteaService for interacting with Gitea API, including methods for fetching commits, contributions, branches, repository info, and testing connection.
202 lines
11 KiB
JavaScript
202 lines
11 KiB
JavaScript
import './bootstrap.js';
|
|
/*
|
|
* Welcome to your app's main JavaScript file!
|
|
*
|
|
* This file will be included onto the page via the importmap() Twig function,
|
|
* which should already be in your base.html.twig.
|
|
*/
|
|
import './styles/tailwind.css';
|
|
import './styles/sakai.scss';
|
|
|
|
import { createApp } from 'vue';
|
|
import { createPinia } from 'pinia';
|
|
import PrimeVue from 'primevue/config';
|
|
import Aura from '@primevue/themes/aura';
|
|
import Lara from '@primevue/themes/lara';
|
|
import Nora from '@primevue/themes/nora';
|
|
import { $t, updatePreset, updateSurfacePalette } from '@primeuix/themes';
|
|
import ToastService from 'primevue/toastservice';
|
|
import Toast from 'primevue/toast';
|
|
import Tooltip from 'primevue/tooltip';
|
|
import StyleClass from 'primevue/styleclass';
|
|
import router from './js/router';
|
|
import App from './js/App.vue';
|
|
import { useAuthStore } from './js/stores/auth';
|
|
|
|
// Global Components
|
|
import DocumentUpload from './js/components/DocumentUpload.vue';
|
|
|
|
// PrimeVue Components (lazy import as needed in components)
|
|
import 'primeicons/primeicons.css';
|
|
|
|
console.log('This log comes from assets/app.js - welcome to myCRM!');
|
|
|
|
const app = createApp(App);
|
|
const pinia = createPinia();
|
|
|
|
// Load saved theme preferences
|
|
const savedPreset = localStorage.getItem('preset') || 'Aura';
|
|
const savedPrimary = localStorage.getItem('primaryColor') || 'emerald';
|
|
const savedSurface = localStorage.getItem('surfaceColor');
|
|
|
|
const presets = { Aura, Lara, Nora };
|
|
const primaryColors = {
|
|
noir: {},
|
|
emerald: { 50: '#ecfdf5', 100: '#d1fae5', 200: '#a7f3d0', 300: '#6ee7b7', 400: '#34d399', 500: '#10b981', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22' },
|
|
green: { 50: '#f0fdf4', 100: '#dcfce7', 200: '#bbf7d0', 300: '#86efac', 400: '#4ade80', 500: '#22c55e', 600: '#16a34a', 700: '#15803d', 800: '#166534', 900: '#14532d', 950: '#052e16' },
|
|
lime: { 50: '#f7fee7', 100: '#ecfccb', 200: '#d9f99d', 300: '#bef264', 400: '#a3e635', 500: '#84cc16', 600: '#65a30d', 700: '#4d7c0f', 800: '#3f6212', 900: '#365314', 950: '#1a2e05' },
|
|
orange: { 50: '#fff7ed', 100: '#ffedd5', 200: '#fed7aa', 300: '#fdba74', 400: '#fb923c', 500: '#f97316', 600: '#ea580c', 700: '#c2410c', 800: '#9a3412', 900: '#7c2d12', 950: '#431407' },
|
|
amber: { 50: '#fffbeb', 100: '#fef3c7', 200: '#fde68a', 300: '#fcd34d', 400: '#fbbf24', 500: '#f59e0b', 600: '#d97706', 700: '#b45309', 800: '#92400e', 900: '#78350f', 950: '#451a03' },
|
|
yellow: { 50: '#fefce8', 100: '#fef9c3', 200: '#fef08a', 300: '#fde047', 400: '#facc15', 500: '#eab308', 600: '#ca8a04', 700: '#a16207', 800: '#854d0e', 900: '#713f12', 950: '#422006' },
|
|
teal: { 50: '#f0fdfa', 100: '#ccfbf1', 200: '#99f6e4', 300: '#5eead4', 400: '#2dd4bf', 500: '#14b8a6', 600: '#0d9488', 700: '#0f766e', 800: '#115e59', 900: '#134e4a', 950: '#042f2e' },
|
|
cyan: { 50: '#ecfeff', 100: '#cffafe', 200: '#a5f3fc', 300: '#67e8f9', 400: '#22d3ee', 500: '#06b6d4', 600: '#0891b2', 700: '#0e7490', 800: '#155e75', 900: '#164e63', 950: '#083344' },
|
|
sky: { 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc', 400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1', 800: '#075985', 900: '#0c4a6e', 950: '#082f49' },
|
|
blue: { 50: '#eff6ff', 100: '#dbeafe', 200: '#bfdbfe', 300: '#93c5fd', 400: '#60a5fa', 500: '#3b82f6', 600: '#2563eb', 700: '#1d4ed8', 800: '#1e40af', 900: '#1e3a8a', 950: '#172554' },
|
|
indigo: { 50: '#eef2ff', 100: '#e0e7ff', 200: '#c7d2fe', 300: '#a5b4fc', 400: '#818cf8', 500: '#6366f1', 600: '#4f46e5', 700: '#4338ca', 800: '#3730a3', 900: '#312e81', 950: '#1e1b4b' },
|
|
violet: { 50: '#f5f3ff', 100: '#ede9fe', 200: '#ddd6fe', 300: '#c4b5fd', 400: '#a78bfa', 500: '#8b5cf6', 600: '#7c3aed', 700: '#6d28d9', 800: '#5b21b6', 900: '#4c1d95', 950: '#2e1065' },
|
|
purple: { 50: '#faf5ff', 100: '#f3e8ff', 200: '#e9d5ff', 300: '#d8b4fe', 400: '#c084fc', 500: '#a855f7', 600: '#9333ea', 700: '#7e22ce', 800: '#6b21a8', 900: '#581c87', 950: '#3b0764' },
|
|
fuchsia: { 50: '#fdf4ff', 100: '#fae8ff', 200: '#f5d0fe', 300: '#f0abfc', 400: '#e879f9', 500: '#d946ef', 600: '#c026d3', 700: '#a21caf', 800: '#86198f', 900: '#701a75', 950: '#4a044e' },
|
|
pink: { 50: '#fdf2f8', 100: '#fce7f3', 200: '#fbcfe8', 300: '#f9a8d4', 400: '#f472b6', 500: '#ec4899', 600: '#db2777', 700: '#be185d', 800: '#9d174d', 900: '#831843', 950: '#500724' },
|
|
rose: { 50: '#fff1f2', 100: '#ffe4e6', 200: '#fecdd3', 300: '#fda4af', 400: '#fb7185', 500: '#f43f5e', 600: '#e11d48', 700: '#be123c', 800: '#9f1239', 900: '#881337', 950: '#4c0519' }
|
|
};
|
|
|
|
const surfaces = {
|
|
slate: { 0: '#ffffff', 50: '#f8fafc', 100: '#f1f5f9', 200: '#e2e8f0', 300: '#cbd5e1', 400: '#94a3b8', 500: '#64748b', 600: '#475569', 700: '#334155', 800: '#1e293b', 900: '#0f172a', 950: '#020617' },
|
|
gray: { 0: '#ffffff', 50: '#f9fafb', 100: '#f3f4f6', 200: '#e5e7eb', 300: '#d1d5db', 400: '#9ca3af', 500: '#6b7280', 600: '#4b5563', 700: '#374151', 800: '#1f2937', 900: '#111827', 950: '#030712' },
|
|
zinc: { 0: '#ffffff', 50: '#fafafa', 100: '#f4f4f5', 200: '#e4e4e7', 300: '#d4d4d8', 400: '#a1a1aa', 500: '#71717a', 600: '#52525b', 700: '#3f3f46', 800: '#27272a', 900: '#18181b', 950: '#09090b' },
|
|
neutral: { 0: '#ffffff', 50: '#fafafa', 100: '#f5f5f5', 200: '#e5e5e5', 300: '#d4d4d4', 400: '#a3a3a3', 500: '#737373', 600: '#525252', 700: '#404040', 800: '#262626', 900: '#171717', 950: '#0a0a0a' },
|
|
stone: { 0: '#ffffff', 50: '#fafaf9', 100: '#f5f5f4', 200: '#e7e5e4', 300: '#d6d3d1', 400: '#a8a29e', 500: '#78716c', 600: '#57534e', 700: '#44403c', 800: '#292524', 900: '#1c1917', 950: '#0c0a09' },
|
|
soho: { 0: '#ffffff', 50: '#f4f4f4', 100: '#e8e9e9', 200: '#d2d2d4', 300: '#bbbcbe', 400: '#a5a5a9', 500: '#8e8f93', 600: '#77787d', 700: '#616268', 800: '#4a4b52', 900: '#34343d', 950: '#1d1e27' },
|
|
viva: { 0: '#ffffff', 50: '#f3f3f3', 100: '#e7e7e8', 200: '#cfd0d0', 300: '#b7b8b9', 400: '#9fa1a1', 500: '#87898a', 600: '#6e7173', 700: '#565a5b', 800: '#3e4244', 900: '#262b2c', 950: '#0e1315' },
|
|
ocean: { 0: '#ffffff', 50: '#fbfcfc', 100: '#F7F9F8', 200: '#EFF3F2', 300: '#DADEDD', 400: '#B1B7B6', 500: '#828787', 600: '#5F7274', 700: '#415B61', 800: '#29444E', 900: '#183240', 950: '#0c1920' }
|
|
};
|
|
|
|
function getPrimaryPreset(primaryName) {
|
|
const palette = primaryColors[primaryName];
|
|
|
|
if (primaryName === 'noir') {
|
|
return {
|
|
semantic: {
|
|
primary: {
|
|
50: '{surface.50}', 100: '{surface.100}', 200: '{surface.200}', 300: '{surface.300}',
|
|
400: '{surface.400}', 500: '{surface.500}', 600: '{surface.600}', 700: '{surface.700}',
|
|
800: '{surface.800}', 900: '{surface.900}', 950: '{surface.950}'
|
|
},
|
|
colorScheme: {
|
|
light: {
|
|
primary: { color: '{primary.950}', contrastColor: '#ffffff', hoverColor: '{primary.800}', activeColor: '{primary.700}' },
|
|
highlight: { background: '{primary.950}', focusBackground: '{primary.700}', color: '#ffffff', focusColor: '#ffffff' }
|
|
},
|
|
dark: {
|
|
primary: { color: '{primary.50}', contrastColor: '{primary.950}', hoverColor: '{primary.200}', activeColor: '{primary.300}' },
|
|
highlight: { background: '{primary.50}', focusBackground: '{primary.300}', color: '{primary.950}', focusColor: '{primary.950}' }
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
return {
|
|
semantic: {
|
|
primary: palette,
|
|
colorScheme: {
|
|
light: {
|
|
primary: { color: '{primary.500}', contrastColor: '#ffffff', hoverColor: '{primary.600}', activeColor: '{primary.700}' },
|
|
highlight: { background: '{primary.50}', focusBackground: '{primary.100}', color: '{primary.700}', focusColor: '{primary.800}' }
|
|
},
|
|
dark: {
|
|
primary: { color: '{primary.400}', contrastColor: '{surface.900}', hoverColor: '{primary.300}', activeColor: '{primary.200}' },
|
|
highlight: { background: 'color-mix(in srgb, {primary.400}, transparent 84%)', focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)', color: 'rgba(255,255,255,.87)', focusColor: 'rgba(255,255,255,.87)' }
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
app.use(pinia);
|
|
app.use(router);
|
|
app.use(PrimeVue, {
|
|
theme: {
|
|
preset: presets[savedPreset],
|
|
options: {
|
|
darkModeSelector: '.app-dark',
|
|
cssLayer: false
|
|
}
|
|
},
|
|
locale: {
|
|
startsWith: 'Beginnt mit',
|
|
contains: 'Enthält',
|
|
notContains: 'Enthält nicht',
|
|
endsWith: 'Endet mit',
|
|
equals: 'Gleich',
|
|
notEquals: 'Nicht gleich',
|
|
noFilter: 'Kein Filter',
|
|
lt: 'Kleiner als',
|
|
lte: 'Kleiner oder gleich',
|
|
gt: 'Größer als',
|
|
gte: 'Größer oder gleich',
|
|
dateIs: 'Datum ist',
|
|
dateIsNot: 'Datum ist nicht',
|
|
dateBefore: 'Datum vor',
|
|
dateAfter: 'Datum nach',
|
|
clear: 'Löschen',
|
|
apply: 'Anwenden',
|
|
matchAll: 'Alle erfüllen',
|
|
matchAny: 'Mindestens eine',
|
|
addRule: 'Regel hinzufügen',
|
|
removeRule: 'Regel entfernen',
|
|
accept: 'Ja',
|
|
reject: 'Nein',
|
|
choose: 'Auswählen',
|
|
upload: 'Hochladen',
|
|
cancel: 'Abbrechen',
|
|
dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
|
|
dayNamesShort: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
|
|
dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
|
|
monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
|
|
monthNamesShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
|
|
today: 'Heute',
|
|
weekHeader: 'KW',
|
|
firstDayOfWeek: 1,
|
|
dateFormat: 'dd.mm.yy',
|
|
weak: 'Schwach',
|
|
medium: 'Mittel',
|
|
strong: 'Stark',
|
|
passwordPrompt: 'Passwort eingeben',
|
|
emptyFilterMessage: 'Keine Ergebnisse gefunden',
|
|
emptyMessage: 'Keine Optionen verfügbar'
|
|
}
|
|
});
|
|
app.use(ToastService);
|
|
app.directive('tooltip', Tooltip);
|
|
app.directive('styleclass', StyleClass);
|
|
app.component('Toast', Toast);
|
|
|
|
// Register global components
|
|
app.component('DocumentUpload', DocumentUpload);
|
|
|
|
app.mount('#app');
|
|
|
|
// Apply saved theme colors after mount
|
|
if (savedPrimary || savedSurface) {
|
|
setTimeout(() => {
|
|
if (savedPrimary) {
|
|
updatePreset(getPrimaryPreset(savedPrimary));
|
|
}
|
|
if (savedSurface && surfaces[savedSurface]) {
|
|
updateSurfacePalette(surfaces[savedSurface]);
|
|
}
|
|
}, 0);
|
|
}
|
|
|
|
// Initialize auth store with user data from backend
|
|
const authStore = useAuthStore();
|
|
authStore.initializeFromElement();
|
|
|
|
// Load user permissions
|
|
import { usePermissionStore } from './js/stores/permissions';
|
|
const permissionStore = usePermissionStore();
|
|
if (authStore.isAuthenticated) {
|
|
permissionStore.loadPermissions();
|
|
}
|