Kevin L'Hereec
94f89be605
Security config (3.1): - config/session.ts: cookie.secure now follows app.inProduction instead of being hardcoded to false - config/shield.ts: enable CSP with baseline directives compatible with Vite dev server and Inertia (self + @viteDevUrl/@viteHmrUrl) Frontend typing (3.2): - Replace 'any' props with concrete types (Computer, Component, ComponentType, ComputerState) across computers/*.vue and components/*.vue, using the existing inertia/pages/types/UITypes.ts definitions - Fix UITypes.ts: export ComponentType/ComputerState, switch from interface to type (interfaces are never assignable to Inertia's ComponentProps index signature), drop the stale componentTypeId/componentStateId fields that didn't match the actual Lucid schema (real field is typeId, no component state exists) - Add an asPageProp() boundary cast in the two controllers: Lucid's serialize() returns a loosely typed ModelObject that isn't structurally assignable to the concrete page prop shapes (and the inertia/** tree is excluded from the backend tsconfig, so real types can't be imported directly across that boundary) UTF-8 mojibake fixes (3.3): - Repair broken accented characters (├®/├á/├┤ -> é/à/ô, Ôé¼ -> €) left over from a bad encoding during the GWT->Inertia migration, across ComponentEditor.vue, ComputerComponentsTable.vue, SimpleGallery.vue, TableComponent.vue, isAdminMode.ts and the custom directives Misc cleanup (3.5): - computer.ts: replace console.warn with the app logger (includes computerId) when .cost is accessed without preloading components
31 lines
1004 B
TypeScript
31 lines
1004 B
TypeScript
import { ObjectDirective } from 'vue'
|
|
|
|
// Fonction pour formater le prix
|
|
const formatPrice = (value: string): string => {
|
|
const numberValue = Number.parseFloat(value)
|
|
return Number.isNaN(numberValue) ? '' : numberValue.toFixed(2).replace('.', ',')
|
|
}
|
|
|
|
// Interface pour étendre HTMLInputElement avec _handleBlur
|
|
interface HTMLInputElementWithHandleBlur extends HTMLInputElement {
|
|
_handleBlur?: () => void
|
|
}
|
|
|
|
const priceDirective: ObjectDirective<HTMLInputElementWithHandleBlur> = {
|
|
mounted(el: HTMLInputElementWithHandleBlur) {
|
|
const handleBlur = () => {
|
|
el.value = formatPrice(el.value)
|
|
el.dispatchEvent(new Event('input')) // Pour mettre à jour le v-model
|
|
}
|
|
el.addEventListener('blur', handleBlur)
|
|
el._handleBlur = handleBlur // Stocker la référence pour la suppression ultérieure
|
|
},
|
|
unmounted(el: HTMLInputElementWithHandleBlur) {
|
|
if (el._handleBlur) {
|
|
el.removeEventListener('blur', el._handleBlur)
|
|
}
|
|
},
|
|
}
|
|
|
|
export default priceDirective
|