a4ee1c3379
✨ feat(dashboard/contrats): Ajoute le formulaire de création de contrat
Ajoute le formulaire de création de contrat avec gestion des adresses, des détails techniques et des prestations.
```
92 lines
3.1 KiB
JavaScript
92 lines
3.1 KiB
JavaScript
import './admin.scss';
|
|
import * as Sentry from "@sentry/browser";
|
|
import * as Turbo from "@hotwired/turbo";
|
|
import TomSelect from "tom-select";
|
|
import { RepeatLine } from "./libs/RepeatLine.js";
|
|
import { DevisManager } from "./libs/DevisManager.js";
|
|
import { initTomSelect } from "./libs/initTomSelect.js";
|
|
import { SearchProduct } from "./libs/SearchProduct.js";
|
|
// --- INITIALISATION SENTRY ---
|
|
Sentry.init({
|
|
dsn: "https://803814be6540031b1c37bf92ba9c0f79@sentry.esy-web.dev/24",
|
|
tunnel: "/sentry-tunnel",
|
|
sendDefaultPii: true,
|
|
integrations: [
|
|
Sentry.browserTracingIntegration(),
|
|
Sentry.replayIntegration()
|
|
],
|
|
tracesSampleRate: 1.0,
|
|
tracePropagationTargets: ["localhost", "esy-web.dev"],
|
|
replaysSessionSampleRate: 0.1,
|
|
replaysOnErrorSampleRate: 1.0
|
|
});
|
|
|
|
// Cache global pour éviter de fetch les produits à chaque nouvelle ligne
|
|
let productCache = null;
|
|
|
|
|
|
/**
|
|
* Initialise les composants de l'interface d'administration.
|
|
*/
|
|
function initAdminLayout() {
|
|
// Enregistrement des Custom Elements
|
|
if (!customElements.get('repeat-line')) {
|
|
customElements.define('repeat-line', RepeatLine, { extends: 'div' });
|
|
}
|
|
if (!customElements.get('devis-manager')) {
|
|
customElements.define('devis-manager', DevisManager, { extends: 'div' });
|
|
}
|
|
|
|
if (!customElements.get('search-product')) {
|
|
customElements.define('search-product', SearchProduct, { extends: 'button' });
|
|
}
|
|
// Sidebar & UI
|
|
const sidebar = document.getElementById('sidebar');
|
|
const overlay = document.getElementById('sidebar-overlay');
|
|
const toggleBtn = document.getElementById('sidebar-toggle');
|
|
|
|
if (toggleBtn && sidebar && overlay) {
|
|
toggleBtn.onclick = () => {
|
|
sidebar.classList.toggle('-translate-x-full');
|
|
overlay.classList.toggle('hidden');
|
|
};
|
|
overlay.onclick = () => {
|
|
sidebar.classList.add('-translate-x-full');
|
|
overlay.classList.add('hidden');
|
|
};
|
|
}
|
|
|
|
// Dropdown Paramètres
|
|
const settingsToggle = document.getElementById('settings-toggle');
|
|
const settingsSubmenu = document.getElementById('settings-submenu');
|
|
if (settingsToggle && settingsSubmenu) {
|
|
settingsToggle.onclick = (e) => {
|
|
e.preventDefault();
|
|
settingsSubmenu.classList.toggle('hidden');
|
|
const isOpen = !settingsSubmenu.classList.contains('hidden');
|
|
localStorage.setItem('admin_settings_open', isOpen);
|
|
};
|
|
}
|
|
|
|
// Flash messages
|
|
document.querySelectorAll('.flash-message').forEach((flash) => {
|
|
setTimeout(() => {
|
|
flash.classList.add('opacity-0', 'translate-x-10');
|
|
setTimeout(() => flash.remove(), 500);
|
|
}, 5000);
|
|
});
|
|
}
|
|
|
|
// Turbo Hooks
|
|
document.addEventListener('turbo:load', () => {
|
|
initAdminLayout();
|
|
initTomSelect(); // Init au chargement de la page
|
|
});
|
|
|
|
document.addEventListener("turbo:click", (event) => {
|
|
const message = event.target.closest("[data-turbo-confirm]")?.getAttribute("data-turbo-confirm");
|
|
if (message && !confirm(message)) {
|
|
event.preventDefault();
|
|
}
|
|
});
|