merge integration to validation

angular.json

@@ -39,9 +39,6 @@
               "src/assets/katex/css/katex.min.css",
               "node_modules/@fortawesome/fontawesome-free/css/all.min.css"
             ],
-            "scripts": [
-              "src/assets/plotly-latest.min.js"
-            ],
             "vendorChunk": true,
             "extractLicenses": false,
             "buildOptimizer": false,

package.json

@@ -41,6 +41,7 @@
     "ng-table-virtual-scroll": "1.6.0",
     "ngx-mat-select-search": "7.0.5",
     "ngx-papaparse": "8.0.0",
+    "plotly.js-dist-min": "2.32.0",
     "rxjs": "7.8.1",
     "socket.io-client": "4.7.2",
     "tslib": "2.6.2",
@@ -74,4 +75,4 @@
     "ts-node": "10.9.2",
     "typescript": "4.9.5"
   }
-}
+}

src/app/modules/ontology/ontology-main/repository-traceability-dialog/repository-traceability-dialog.component.html

@@ -13,7 +13,7 @@ <h1> Code Repository Traceability</h1>
             *matCellDef="let element"
             style="word-wrap: break-word;"
             >
-            <a [href]="element.url" target="_blank" style="text-transform: capitalize;">{{ element.name }}</a>
+            <a [href]="element.url" target="_blank">{{ element.name }}</a>
             </td>
             </ng-container>
             <ng-container  matColumnDef='branch'>
@@ -22,7 +22,8 @@ <h1> Code Repository Traceability</h1>
                 id="branch"
                 mat-cell
                 *matCellDef="let element"
-            >{{element.branch}}
+            >
+            <a [href]="element.url + '/tree/' + element.branch" target="_blank">{{element.branch}}</a>
             </td>
             </ng-container>
             <ng-container  matColumnDef='commit'>
@@ -31,7 +32,8 @@ <h1> Code Repository Traceability</h1>
                 id="commit"
                 mat-cell
                 *matCellDef="let element"
-            >{{element.commit}}
+            >
+            <a [href]="element.url + '/tree/' + element.commit" target="_blank">{{element.commit}}</a>
             </td>
             </ng-container>
             <ng-container  matColumnDef='committedDate'>

src/app/shared/post-processing-pareto-front/post-processing-pareto-front.component.ts

@@ -3,8 +3,7 @@ import { MatCheckboxChange } from '@angular/material/checkbox';
 import { Scenario } from 'src/app/models/scenario.model';
 import { SnackbarService } from 'src/app/services/snackbar/snackbar.service';
 import { StudyCaseDataService } from 'src/app/services/study-case/data/study-case-data.service';
-
-declare let Plotly: any;
+import * as Plotly from 'plotly.js-dist-min';
 
 @Component({
   selector: 'app-post-processing-pareto-front',

src/app/shared/post-processing/post-processing-plotly/post-processing-plotly.component.ts

@@ -1,8 +1,7 @@
 import { Component, OnInit, Input, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
 import { StudyCaseValidation } from 'src/app/models/study-case-validation.model';
 import { StudyCaseValidationService } from 'src/app/services/study-case-validation/study-case-validation.service';
-
-declare let Plotly: any;
+import * as Plotly from 'plotly.js-dist-min';
 
 @Component({
   selector: 'app-post-processing-plotly',