-
+
-
-
-
- Gestion documentaire
-- Consultez tous les documents liés à vos sites, machines et composants. Recherchez et filtrez pour retrouver rapidement l'information. -
-
-
+
-
-
-
- Générateur de Types
-- Créez rapidement un nouveau type de machine avec sa structure complète. -
-
@@ -89,6 +85,7 @@
import { ref, computed, onMounted } from 'vue'
import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
const { machineTypes, loadMachineTypes, createMachineType } = useMachineTypesApi()
const { showError } = useToast()
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 8b303d0..8cb2aff 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,16 +1,12 @@
-
-
+
-
-
-
- Dashboard Inventaire
-- Vue hiérarchique de vos sites et machines industrielles. -
-
@@ -434,6 +430,7 @@ import { useSites } from '~/composables/useSites'
import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
import { useMachines } from '~/composables/useMachines'
import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
const { sites, loading, loadSites, createSite } = useSites()
const { machineTypes, loadMachineTypes } = useMachineTypesApi()
diff --git a/app/pages/machine/[id].vue b/app/pages/machine/[id].vue
index 0f7b3cd..ea3292e 100644
--- a/app/pages/machine/[id].vue
+++ b/app/pages/machine/[id].vue
@@ -6,7 +6,7 @@
-
+
+
+
+
+
diff --git a/app/pages/profiles/manage.vue b/app/pages/profiles/manage.vue
new file mode 100644
index 0000000..8d097cd
--- /dev/null
+++ b/app/pages/profiles/manage.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+
diff --git a/app/pages/sites.vue b/app/pages/sites.vue
index a0e7f8f..996f62a 100644
--- a/app/pages/sites.vue
+++ b/app/pages/sites.vue
@@ -6,16 +6,12 @@
@close="closePreview"
/>
-
+
@@ -40,19 +55,19 @@
- Détails de la machine
- +
+
+
+
-
+
+
-
+
+
-
+ {{ machine.name }}
-{{ machine.description || machine.typeMachine?.description }}
-
-
- {{ machine.typeMachine?.category || 'N/A' }}
- {{ machine.site?.name }}
- {{ machine.reference }}
-
+
- {{ machine.typeMachine?.category || 'N/A' }}
+ {{ machine.site?.name }}
+ {{ machine.reference }}
@@ -367,10 +382,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Choisir un profil
++ Sélectionnez votre profil pour accéder à l'application. La création et la gestion se font via le menu utilisateur. +
+ +Profils disponibles
+ +
+
+
+ Aucun profil enregistré.
+
+
+
+ Retour
+
+
+
+
+ Gestion des profils
+Sélectionnez, créez ou supprimez des profils.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Profils existants
+ +
+
+
+
+
+
+ {{ profile.firstName }} {{ profile.lastName }}
+ID : {{ profile.id }}
+
+
+
+
+ Aucun profil enregistré.
+
+
+ Créer un profil
+ +
+
+
+
+
+ Profil actif :
+{{ activeProfile.firstName }} {{ activeProfile.lastName }}
+
-
+
-
-
-
- Gestion des Sites
-- Gérez vos sites industriels et leurs emplacements. -
-
@@ -374,7 +370,7 @@
diff --git a/app/pages/type/[id].vue b/app/pages/type/[id].vue
index 8934f37..fddca42 100644
--- a/app/pages/type/[id].vue
+++ b/app/pages/type/[id].vue
@@ -1,16 +1,14 @@
-
-
+
-
-
-
- Modifier le Type
-- Ajoutez des éléments au type de machine existant. -
-
@@ -122,6 +120,7 @@ import { ref, reactive, computed, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
const route = useRoute()
const { getMachineTypeById } = useMachineTypesApi()
diff --git a/app/pages/type/edit/[id].vue b/app/pages/type/edit/[id].vue
index a472a03..e9190c6 100644
--- a/app/pages/type/edit/[id].vue
+++ b/app/pages/type/edit/[id].vue
@@ -1,16 +1,14 @@
-
-
+
-
-
-
- Modifier le Type
-- Modifiez les informations du type de machine. -
-
@@ -62,6 +60,7 @@ import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
const route = useRoute()
const router = useRouter()
@@ -218,4 +217,4 @@ onMounted(async () => {
console.log('Loading finished, loading.value:', loading.value)
}
})
-
\ No newline at end of file
+
diff --git a/app/pages/types.vue b/app/pages/types.vue
index 5ffa991..565a701 100644
--- a/app/pages/types.vue
+++ b/app/pages/types.vue
@@ -1,16 +1,12 @@
-
-
+
-
-
-
- Types de Machines
-- Consultez et gérez les différents types de machines avec leur structure hiérarchique. -
-
@@ -102,6 +98,7 @@
import { ref, computed, onMounted } from 'vue'
import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
const { machineTypes, loading, loadMachineTypes, deleteMachineType } = useMachineTypesApi()
@@ -144,4 +141,4 @@ const confirmDeleteType = async (type) => {
onMounted(async () => {
await loadMachineTypes()
})
-
\ No newline at end of file
+
diff --git a/app/utils/printTemplates/machineReport.js b/app/utils/printTemplates/machineReport.js
new file mode 100644
index 0000000..746d297
--- /dev/null
+++ b/app/utils/printTemplates/machineReport.js
@@ -0,0 +1,567 @@
+
+
+const formatSize = (size) => {
+ if (size === undefined || size === null) return '—'
+ if (size === 0) return '0 B'
+ const units = ['B', 'KB', 'MB', 'GB']
+ const index = Math.min(units.length - 1, Math.floor(Math.log(size) / Math.log(1024)))
+ const formatted = size / Math.pow(1024, index)
+ return `${formatted.toFixed(1)} ${units[index]}`
+}
+
+const renderPrintField = (label, value, fallback = '—') => {
+ const display = value !== undefined && value !== null && value !== '' ? value : fallback
+ return `${doc.name} ${doc.type} ${doc.size}
+ ${field.label}
+ ${field.value}
+
+ `,
+ )
+ .join('')
+
+ const customFieldsBlock = customFields
+ ? ``
+ : ''
+
+ const documentsBlock = (piece.documents || []).length
+ ? ``
+ : ''
+
+ return `
+ ${title}
+ ${styles}
+
+
+
+
${display}
`
+}
+
+const renderPrintCustomFields = (fields = [], title, sectionClass = 'print-section') => {
+ if (!fields.length) return ''
+ const items = fields
+ .map((field) => `${field.value || '—'}
`)
+ .join('')
+ return `
+
+
+ `
+}
+
+const renderPrintDocuments = (documents = [], title, sectionClass = 'print-section') => {
+ if (!documents.length) return ''
+ const rows = documents
+ .map((doc) => `${title}
+
+ ${items}
+
+
+
+
+
+
+ `
+}
+
+const renderPrintPieces = (
+ pieces = [],
+ title = 'Pièces indépendantes',
+ sectionClass = 'print-section print-section--pieces',
+) => {
+ if (!pieces.length) return ''
+
+ const cards = pieces
+ .map((piece, idx) => {
+ const indexLabel = piece.indexPath ? piece.indexPath.join('.') : `${idx + 1}`
+ const constructeurBadge = piece.constructeur?.name
+ ? `Constructeur: ${piece.constructeur.name}`
+ : ''
+
+ const customFields = (piece.customFields || [])
+ .filter((field) => field.value && field.value !== '—' && field.value !== '')
+ .map(
+ (field) => `
+ ${title}
+| Nom | +Type | +Taille | +
|---|
Champs personnalisés
- ${customFields}
Documents
- ${piece.documents
+ .map((doc) => `
- ${doc.name} (${doc.type} • ${doc.size}) `) + .join('')}
+
+ `
+ })
+ .join('')
+
+ return `
+
+ ${indexLabel}
+
+ ${piece.description ? `
+
+ ${constructeurBadge}
+ ${piece.name}
+ ${piece.reference || 'Référence non définie'}
+ ${piece.description}
` : ''} + + ${customFieldsBlock} + ${documentsBlock} +
+
+ `
+}
+
+const renderPrintComponents = (components = [], depth = 0, indexPath = []) => {
+ if (!components.length) return ''
+ return components
+ .map((component, idx) => {
+ const badges = []
+ if (component.constructeur?.name) {
+ badges.push(`Constructeur: ${component.constructeur.name}`)
+ }
+ const sectionClass = `print-section print-section--component print-section-depth-${Math.min(depth, 3)}`
+ const currentIndex = [...indexPath, idx + 1]
+ const indexLabel = currentIndex.join('.')
+ return `
+ ${title}
+
+ ${cards}
+
+
+
+ `
+ })
+ .join('')
+}
+
+const normalizeDocuments = (docs = []) => {
+ return docs.map((doc) => ({
+ id: doc.id,
+ name: doc.name || doc.filename || 'Document',
+ type: doc.mimeType || doc.type || '—',
+ size: formatSize(doc.size),
+ }))
+}
+
+const normalizeCustomFields = (values = []) => {
+ return values.map((value) => ({
+ id: value.id,
+ label: value.customField?.name || 'Champ',
+ value: value.value || value.customField?.defaultValue || '—',
+ }))
+}
+
+const normalizeConstructeur = (constructeur) => {
+ if (!constructeur) return null
+ return {
+ name: constructeur.name || '—',
+ contact: [constructeur.email, constructeur.phone].filter(Boolean).join(' • ') || '—',
+ }
+}
+
+const normalizePiece = (piece) => ({
+ id: piece.id,
+ name: piece.name || 'Pièce sans nom',
+ description: piece.description || '',
+ reference: piece.reference || '',
+ customFields: normalizeCustomFields(piece.customFieldValues || []),
+ documents: normalizeDocuments(piece.documents || []),
+ constructeur: normalizeConstructeur(piece.constructeur),
+ indexPath: piece.indexPath || null,
+})
+
+const normalizeComponent = (component) => ({
+ id: component.id,
+ name: component.name || 'Composant sans nom',
+ description: component.description || '',
+ customFields: normalizeCustomFields(component.customFieldValues || []),
+ documents: normalizeDocuments(component.documents || []),
+ pieces: (component.pieces || []).map(normalizePiece),
+ subComponents: (component.sousComposants || component.subComponents || []).map(normalizeComponent),
+ constructeur: normalizeConstructeur(component.constructeur),
+})
+
+export const buildMachinePrintContext = ({
+ machine,
+ machineName,
+ machineReference,
+ machineEmplacement,
+ machinePieces = [],
+ components = [],
+ selection,
+}) => {
+ const selectionState = selection || {}
+ const machineSelection = selectionState.machine || {}
+ const componentSelection = selectionState.components || {}
+ const pieceSelection = selectionState.pieces || {}
+
+ const includeMachineInfo = machineSelection.info !== false
+ const includeMachineCustomFields = machineSelection.customFields !== false
+ const includeMachineDocuments = machineSelection.documents !== false
+
+ const isComponentSelected = (id) => {
+ if (!id) return true
+ if (Object.prototype.hasOwnProperty.call(componentSelection, id)) {
+ return componentSelection[id]
+ }
+ return true
+ }
+
+ const isPieceSelected = (id) => {
+ if (!id) return true
+ if (Object.prototype.hasOwnProperty.call(pieceSelection, id)) {
+ return pieceSelection[id]
+ }
+ return true
+ }
+
+ const machineBadges = []
+ if (machine?.typeMachine?.category) {
+ machineBadges.push(machine.typeMachine.category)
+ }
+ if (machine?.site?.name) {
+ machineBadges.push(`Site: ${machine.site.name}`)
+ }
+ if (machineReference) {
+ machineBadges.push(`Ref: ${machineReference}`)
+ }
+
+ const normalizedPieces = machinePieces
+ .map(normalizePiece)
+ .filter((piece) => isPieceSelected(piece.id))
+ .map((piece, idx) => ({
+ ...piece,
+ indexPath: [idx + 1],
+ }))
+
+ const normalizedComponents = components.map(normalizeComponent)
+
+ const filterComponentTree = (component) => {
+ const filteredPieces = (component.pieces || []).filter((piece) => isPieceSelected(piece.id))
+ const filteredSubComponents = (component.subComponents || [])
+ .map(filterComponentTree)
+ .filter(Boolean)
+
+ const includeSelf = isComponentSelected(component.id)
+ const shouldInclude = includeSelf || filteredPieces.length > 0 || filteredSubComponents.length > 0
+
+ if (!shouldInclude) {
+ return null
+ }
+
+ return {
+ ...component,
+ pieces: filteredPieces,
+ subComponents: filteredSubComponents,
+ }
+ }
+
+ const filteredComponents = normalizedComponents
+ .map(filterComponentTree)
+ .filter(Boolean)
+
+ return {
+ generatedAt: new Date().toLocaleString('fr-FR'),
+ machine: {
+ id: machine?.id || null,
+ name: machineName,
+ description: machine?.description || '',
+ typeDescription: machine?.typeMachine?.description || '',
+ reference: machineReference,
+ emplacement: machineEmplacement,
+ site: machine?.site?.name || '',
+ category: machine?.typeMachine?.category || '',
+ badges: machineBadges,
+ constructeur: normalizeConstructeur(machine?.constructeur),
+ includeInfo: includeMachineInfo,
+ customFields: includeMachineCustomFields
+ ? normalizeCustomFields(machine?.customFieldValues || [])
+ : [],
+ documents: includeMachineDocuments
+ ? normalizeDocuments(machine?.documents || [])
+ : [],
+ },
+ components: filteredComponents,
+ pieces: normalizedPieces,
+ }
+}
+
+export const buildMachinePrintHtml = (context, styles) => {
+ const title = context.machine.name ? `Impression - ${context.machine.name}` : 'Impression machine'
+ const badgesHtml = context.machine.badges
+ .map((badge) => `${badge}`)
+ .join('')
+ const sections = []
+
+ sections.push(`
+
+ + ${indexLabel} + Composant : ${component.name} +
+ ${component.description ? `${component.description}
` : ''} + ${badges.length ? `${badges.map((badge) => `${badge}`).join('')}
` : ''}
+ ${renderPrintCustomFields(
+ component.customFields,
+ 'Champs personnalisés',
+ 'print-section print-subsection print-section--custom-fields',
+ )}
+ ${renderPrintPieces(
+ (component.pieces || []).map((piece, pieceIdx) => ({ ...piece, indexPath: [...currentIndex, pieceIdx + 1] })),
+ 'Pièces du composant',
+ 'print-section print-subsection print-section--pieces',
+ )}
+ ${renderPrintDocuments(
+ component.documents,
+ 'Documents du composant',
+ 'print-section print-subsection print-section--documents',
+ )}
+ ${renderPrintComponents(component.subComponents || [], depth + 1, currentIndex)}
+
+
+ `)
+
+ if (context.machine.includeInfo) {
+ sections.push(`
+
+
+ ${context.machine.name || 'Machine sans nom'}
+ ${
+ context.machine.description || context.machine.typeDescription || 'Aucune description disponible'
+ }
+ ${badgesHtml}
+
+
+ `)
+ }
+
+ const customFieldsSection = renderPrintCustomFields(
+ context.machine.customFields,
+ 'Champs personnalisés de la machine',
+ 'print-section print-section--custom-fields',
+ )
+ if (customFieldsSection) {
+ sections.push(customFieldsSection)
+ }
+
+ const documentsSection = renderPrintDocuments(
+ context.machine.documents,
+ 'Documents liés à la machine',
+ 'print-section print-section--documents',
+ )
+ if (documentsSection) {
+ sections.push(documentsSection)
+ }
+
+ const componentsSection = renderPrintComponents(context.components)
+ if (componentsSection) {
+ sections.push(componentsSection)
+ }
+
+ const piecesSection = renderPrintPieces(
+ context.pieces,
+ 'Pièces indépendantes',
+ 'print-section print-section--pieces',
+ )
+ if (piecesSection) {
+ sections.push(piecesSection)
+ }
+
+ sections.push(`
+ Informations générales
+
+ ${renderPrintField('Nom', context.machine.name)}
+ ${renderPrintField('Référence', context.machine.reference, 'Non définie')}
+ ${renderPrintField('Emplacement', context.machine.emplacement, 'Non défini')}
+ ${renderPrintField('Site', context.machine.site, 'Non défini')}
+ ${renderPrintField('Constructeur', context.machine.constructeur?.name, 'Non défini')}
+ ${renderPrintField('Contact Constructeur', context.machine.constructeur?.contact, 'Non défini')}
+
+
+ Rapport généré automatiquement par Inventaire Pro.
+
+ `)
+
+ const content = sections.join('\n')
+
+ return `
+
+
+
+
+
+
+ ${content}
+
+
+ `
+}
\ No newline at end of file