feat: Allow to duplicate records when seeing form details & user can create new records

AB#118658

Author: Joselgc1

libs/shared/src/i18n/en.json

@@ -181,6 +181,7 @@
 		"downloadObject": "Download {{name}}",
 		"downloadTemplate": "Get template",
 		"duplicate": "Duplicate",
+		"duplicateRecord": "Duplicate record",
 		"edit": "Edit",
 		"email": {
 			"customTemplate": "Custom template",

libs/shared/src/i18n/fr.json

@@ -181,6 +181,7 @@
 		"downloadObject": "Télécharger {{name}}",
 		"downloadTemplate": "Télécharger le modèle",
 		"duplicate": "Dupliquer",
+		"duplicateRecord": "Dupliquer l'enregistrement",
 		"edit": "Modifier",
 		"email": {
 			"customTemplate": "Modèle personnalisé",

libs/shared/src/i18n/test.json

@@ -181,6 +181,7 @@
 		"downloadObject": "****** {{name}}",
 		"downloadTemplate": "******",
 		"duplicate": "******",
+		"duplicateRecord": "******",
 		"edit": "******",
 		"email": {
 			"customTemplate": "******",

libs/shared/src/lib/components/record-modal/graphql/queries.ts

@@ -19,6 +19,7 @@ export const GET_RECORD_BY_ID = gql`
       form {
         id
         structure
+        canCreateRecords
         permissions {
           recordsUnicity
         }
@@ -42,6 +43,7 @@ export const GET_FORM_STRUCTURE = gql`
     form(id: $id) {
       id
       structure
+      canCreateRecords
       metadata {
         name
         automated

libs/shared/src/lib/components/record-modal/record-modal.component.html

@@ -2,16 +2,30 @@
   <ng-container ngProjectAs="header">
     <ng-container *ngIf="!loading">
       <div class="flex flex-wrap justify-between items-center gap-4 mb-4">
+        <!-- Record summary -->
         <shared-record-summary
           *ngIf="!data.compareTo"
           [record]="record"
           (showHistory)="onShowHistory()"
         ></shared-record-summary>
 
-        <shared-form-actions
-          [survey]="survey"
-          [surveyNext]="surveyNext || undefined"
-        ></shared-form-actions>
+        <div class="flex gap-4 items-center mr-4">
+          <!-- Translate form -->
+          <shared-form-actions
+            [survey]="survey"
+            [surveyNext]="surveyNext || undefined"
+          ></shared-form-actions>
+
+          <!-- Open form to duplicate record -->
+          <ui-button
+            *ngIf="form?.canCreateRecords && !data.compareTo"
+            variant="primary"
+            category="secondary"
+            (click)="onDuplicate()"
+          >
+            {{ 'common.duplicateRecord' | translate }}
+          </ui-button>
+        </div>
       </div>
       <ui-tabs
         [selectedIndex]="(selectedPageIndex$ | async)!"

libs/shared/src/lib/components/record-modal/record-modal.component.ts

@@ -263,6 +263,25 @@ export class RecordModalComponent
     this.dialogRef.close(true as any);
   }
 
+  /**
+   * Open a create form modal prefilled with this record's data
+   */
+  public async onDuplicate(): Promise<void> {
+    if (!this.form?.id) return;
+    const { FormModalComponent } = await import(
+      '../form-modal/form-modal.component'
+    );
+    this.dialog.open(FormModalComponent, {
+      disableClose: true,
+      data: {
+        template: this.form.id,
+        prefillData: this.record?.data,
+        askForConfirm: false,
+      },
+      autoFocus: false,
+    });
+  }
+
   /**
    * Opens the history of the record in a modal.
    */