diff --git a/front-public/src/app/pages/api-detail/api-detail.component.html b/front-public/src/app/pages/api-detail/api-detail.component.html
new file mode 100644
index 0000000..1e1a89f
--- /dev/null
+++ b/front-public/src/app/pages/api-detail/api-detail.component.html
@@ -0,0 +1,369 @@
+
+
+
+ @if (loading()) {
+
+ }
+
+ @if (error()) {
+
+
Erreur
+
{{ error() }}
+
+ }
+
+ @if (api(); as entry) {
+
+
Retour
+
+
+
+
+
+
{{ entry.title }}
+ @if (versions().length <= 1) {
+ v{{ entry.version }}
+ } @else {
+
+ }
+
+
+
+
+ Voir la documentation
+
+
+
+ @if (actionsOpen()) {
+
+
+
+ Télécharger YAML
+
+ @if (entry.status !== 'GENERATED') {
+
+ }
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+ @if (activeTab() === 'info') {
+ @if (!editingInfo()) {
+
+
+
+
+
+
- Version
+ -
+ {{ entry.version }}
+ @if (!entry.isCurrent) {
+
+ }
+
+
+
+
- Type
+ - {{ entry.type }}
+
+
+
- Statut
+
-
+ {{ statusLabel(entry.status) }}
+ @if (entry.status === 'ERROR' && entry.errorMessage) {
+
{{ entry.errorMessage }}
+ }
+
+
+
- Fournisseur
+ - {{ entry.provider }}
+
+ @if (entry.description) {
+
+
- Description
+ - {{ entry.description }}
+
+ }
+
+
- Créé le
+ - {{ entry.createdAt | date:'dd/MM/yyyy HH:mm' }}
+
+
+
- Mis à jour le
+ - {{ entry.updatedAt | date:'dd/MM/yyyy HH:mm' }}
+
+
+
+
+
+
+
+
+ }
+
+ @if (editingInfo()) {
+
+ }
+ }
+
+
+ @if (activeTab() === 'contacts') {
+ @if (!editingContacts()) {
+
+
+
+
+
+
Contact métier
+
{{ entry.contactFunctionalName }}
+
{{ entry.contactFunctionalEntity }}
+
{{ entry.contactFunctionalEmail }}
+
+
+
Contact technique
+
{{ entry.contactTechnicalName }}
+
{{ entry.contactTechnicalEntity }}
+
{{ entry.contactTechnicalEmail }}
+
+
+
+
+
+
+
+
+ }
+
+ @if (editingContacts()) {
+
+ }
+ }
+
+ }
+
-
-
- @if (loading()) {
-
- }
-
- @if (error()) {
-
-
Erreur
-
{{ error() }}
-
- }
-
- @if (api(); as entry) {
-
-
Retour
-
-
-
-
-
-
{{ entry.title }}
- @if (versions().length <= 1) {
- v{{ entry.version }}
- } @else {
-
- }
-
-
-
-
- Voir la documentation
-
-
-
- @if (actionsOpen()) {
-
-
-
- Télécharger YAML
-
- @if (entry.status !== 'GENERATED') {
-
- }
-
-
- }
-
-
-
-
-
-
-
-
-
-
-
- @if (activeTab() === 'info') {
- @if (!editingInfo()) {
-
-
-
-
-
-
- Version
- -
- {{ entry.version }}
- @if (!entry.isCurrent) {
-
- }
-
-
-
-
- Type
- - {{ entry.type }}
-
-
-
- Statut
-
-
- {{ statusLabel(entry.status) }}
- @if (entry.status === 'ERROR' && entry.errorMessage) {
-
{{ entry.errorMessage }}
- }
-
-
-
- Fournisseur
- - {{ entry.provider }}
-
- @if (entry.description) {
-
-
- Description
- - {{ entry.description }}
-
- }
-
-
- Créé le
- - {{ entry.createdAt | date:'dd/MM/yyyy HH:mm' }}
-
-
-
- Mis à jour le
- - {{ entry.updatedAt | date:'dd/MM/yyyy HH:mm' }}
-
-
-
-
-
-
-
-
- }
-
- @if (editingInfo()) {
-
- }
- }
-
-
- @if (activeTab() === 'contacts') {
- @if (!editingContacts()) {
-
-
-
-
-
-
Contact métier
-
{{ entry.contactFunctionalName }}
-
{{ entry.contactFunctionalEntity }}
-
{{ entry.contactFunctionalEmail }}
-
-
-
Contact technique
-
{{ entry.contactTechnicalName }}
-
{{ entry.contactTechnicalEntity }}
-
{{ entry.contactTechnicalEmail }}
-
-
-
-
-
-
-
-
- }
-
- @if (editingContacts()) {
-
- }
- }
-
- }
-
+
+
+
Importer une API
+
+
+
+ @for (title of stepTitles; track $index) {
+
+
+ @if (step() > $index + 1) {
+
+ } @else {
+ {{ $index + 1 }}
+ }
+
+
+ {{ title }}
+
+
+ @if ($index < stepTitles.length - 1) {
+
+
+ }
+ }
+
+
+
+ @if (step() === 1) {
+
+
+
+
+
+ @if (fileError()) {
+
+ }
+
+ @if (selectedFiles().length > 0) {
+
+ @for (file of selectedFiles(); track file.name) {
+
+
+ {{ file.name }}
+ ({{ (file.size / 1024).toFixed(1) }} Ko)
+
+ @if (file.name === detectedMainFilename()) {
+ Principal
+ } @else if (selectedFiles().length > 1) {
+ Secondaire
+ }
+
+ }
+
+
+ @if (validating()) {
+
+
Validation en cours...
+
+ } @else if (validationDone()) {
+ @if (validationErrors().length > 0) {
+
+
Fichier(s) invalide(s)
+ @for (err of validationErrors(); track err.file) {
+
{{ err.file ? err.file + ' : ' : '' }}{{ err.message }}
+ }
+
+ } @else {
+
+
Fichier(s) valide(s)
+
Le fichier a été validé avec succès.
+
+ }
+ }
+ }
+
+
+ }
+
+
+ @if (step() === 2) {
+
+ @if (fromApi(); as origin) {
+
+
+ Nouvelle version de : {{ origin.title }} (v{{ origin.version }})
+ — le nom et la convention sont verrouillés.
+
+
+ }
+
+
+ }
+
+
+ @if (step() === 3) {
+
+ }
+
+
+ @if (step() === 4) {
+
+
+
+
Récapitulatif
+
+
+
- Fichier{{ selectedFiles().length > 1 ? 's' : '' }}
+
-
+ @if (selectedFiles().length === 0) {
+ Aucun fichier
+ } @else if (selectedFiles().length === 1) {
+ {{ selectedFiles()[0].name }}
+ } @else {
+ @for (f of selectedFiles(); track f.name) {
+
+ {{ f.name }}
+ @if (f.name === detectedMainFilename()) {
+ Principal
+ }
+
+ }
+ }
+
+
+
- Type
+ - {{ displayType() }}
+
+
+
- Titre
+ - {{ previewTitle() }}
+
+
+
- Version
+ - {{ metaForm.value.versionMajor }}.{{ metaForm.value.versionMinor }}.{{ metaForm.value.versionPatch }}
+
+
+
- Fournisseur
+ - {{ metaForm.value.provider }}
+
+ @if (metaForm.value.categoryId) {
+
+
- Catégorie
+ - {{ selectedCategoryName() }}
+
+ }
+ @if (metaForm.value.description) {
+
+
- Description
+ - {{ metaForm.value.description }}
+
+ }
+
+
- Contact métier
+ -
+ {{ metaForm.value.contactFunctionalName }}
+ {{ metaForm.value.contactFunctionalEntity }}
+ {{ metaForm.value.contactFunctionalEmail }}
+
+
+
+
- Contact technique
+ -
+ {{ metaForm.value.contactTechnicalName }}
+ {{ metaForm.value.contactTechnicalEntity }}
+ {{ metaForm.value.contactTechnicalEmail }}
+
+
+
+
+
+
+
+ @if (uploadError()) {
+
+
Erreur lors de l'import
+
{{ uploadError() }}
+
+ }
+
+
+
+
+
+ }
+
-
-
-
Importer une API
-
-
-
- @for (title of stepTitles; track $index) {
-
-
- @if (step() > $index + 1) {
-
- } @else {
- {{ $index + 1 }}
- }
-
-
- {{ title }}
-
-
- @if ($index < stepTitles.length - 1) {
-
-
- }
- }
-
-
-
- @if (step() === 1) {
-
-
-
-
-
- @if (fileError()) {
-
- }
-
- @if (selectedFiles().length > 0) {
-
- @for (file of selectedFiles(); track file.name) {
-
-
- {{ file.name }}
- ({{ (file.size / 1024).toFixed(1) }} Ko)
-
- @if (file.name === detectedMainFilename()) {
- Principal
- } @else if (selectedFiles().length > 1) {
- Secondaire
- }
-
- }
-
-
- @if (validating()) {
-
-
Validation en cours...
-
- } @else if (validationDone()) {
- @if (validationErrors().length > 0) {
-
-
Fichier(s) invalide(s)
- @for (err of validationErrors(); track err.file) {
-
{{ err.file ? err.file + ' : ' : '' }}{{ err.message }}
- }
-
- } @else {
-
-
Fichier(s) valide(s)
-
Le fichier a été validé avec succès.
-
- }
- }
- }
-
-
- }
-
-
- @if (step() === 2) {
-
- @if (fromApi(); as origin) {
-
-
- Nouvelle version de : {{ origin.title }} (v{{ origin.version }})
- — le nom et la convention sont verrouillés.
-
-
- }
-
-
- }
-
-
- @if (step() === 3) {
-
- }
-
-
- @if (step() === 4) {
-
-
-
-
Récapitulatif
-
-
-
- Fichier{{ selectedFiles().length > 1 ? 's' : '' }}
-
-
- @if (selectedFiles().length === 0) {
- Aucun fichier
- } @else if (selectedFiles().length === 1) {
- {{ selectedFiles()[0].name }}
- } @else {
- @for (f of selectedFiles(); track f.name) {
-
- {{ f.name }}
- @if (f.name === detectedMainFilename()) {
- Principal
- }
-
- }
- }
-
-
-
- Type
- - {{ displayType() }}
-
-
-
- Titre
- - {{ previewTitle() }}
-
-
-
- Version
- - {{ metaForm.value.versionMajor }}.{{ metaForm.value.versionMinor }}.{{ metaForm.value.versionPatch }}
-
-
-
- Fournisseur
- - {{ metaForm.value.provider }}
-
- @if (metaForm.value.categoryId) {
-
-
- Catégorie
- - {{ selectedCategoryName() }}
-
- }
- @if (metaForm.value.description) {
-
-
- Description
- - {{ metaForm.value.description }}
-
- }
-
-
- Contact métier
- -
- {{ metaForm.value.contactFunctionalName }}
- {{ metaForm.value.contactFunctionalEntity }}
- {{ metaForm.value.contactFunctionalEmail }}
-
-
-
-
- Contact technique
- -
- {{ metaForm.value.contactTechnicalName }}
- {{ metaForm.value.contactTechnicalEntity }}
- {{ metaForm.value.contactTechnicalEmail }}
-
-
-
-
-
-
-
- @if (uploadError()) {
-
-
Erreur lors de l'import
-
{{ uploadError() }}
-
- }
-
-
-
-
-
- }
-