add swagger editor

angular.json

@@ -29,9 +29,13 @@
             ],
             "styles": [
               "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+              "node_modules/swagger-editor-dist/swagger-editor.css",
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [
+              "node_modules/swagger-editor-dist/swagger-editor-bundle.js",
+              "node_modules/swagger-editor-dist/swagger-editor-standalone-preset.js"
+            ]
           },
           "configurations": {
             "production": {
@@ -132,4 +136,4 @@
   "cli": {
     "analytics": "a001f330-3ed0-419e-9239-ca8717d62470"
   }
-}
\ No newline at end of file
+}

package-lock.json

@@ -12208,6 +12208,11 @@
         "util.promisify": "~1.0.0"
       }
     },
+    "swagger-editor-dist": {
+      "version": "3.11.5",
+      "resolved": "https://registry.npmjs.org/swagger-editor-dist/-/swagger-editor-dist-3.11.5.tgz",
+      "integrity": "sha512-GAPEsedT0F/te5AkMfq8Q3W2xUcyc2F0XZqdp7DrBvJkybuOsKSah0P3UhlSVMaNV51n+6wOyV1SFvlJI6E+zQ=="
+    },
     "symbol-observable": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",

package.json

@@ -24,6 +24,7 @@
     "file-saver": "^2.0.2",
     "ngx-filesaver": "^9.0.0",
     "rxjs": "~6.5.5",
+    "swagger-editor-dist": "^3.11.5",
     "tslib": "^1.10.0",
     "zone.js": "~0.10.3"
   },

src/app/app-routing.module.ts

@@ -10,6 +10,7 @@ import { PublishComponent } from './publish/publish.component';
 import { SettingfdpComponent } from './settingfdp/settingfdp.component';
 import { SettingsmartapiComponent } from './settingsmartapi/settingsmartapi.component';
 import { RepositoryinfoComponent } from './repositoryinfo/repositoryinfo.component';
+import { SwaggereditorComponent } from './swaggereditor/swaggereditor.component';
 
 
 const routes: Routes = [
@@ -22,7 +23,10 @@ const routes: Routes = [
                         {path: 'ontologie', component : OntologieComponent},
                         {path: 'publish', component : PublishComponent},
                         {path: 'settingfdp', component : SettingfdpComponent},
-                        {path: 'settingsmartapi', component : SettingsmartapiComponent}
+                        {path: 'settingsmartapi', component : SettingsmartapiComponent},
+                        {path: 'swaggerapi', component : SwaggereditorComponent}
+
+
                         ];
 
 @NgModule({

src/app/app.component.html

@@ -148,7 +148,8 @@
     <button mat-menu-item [matMenuTriggerFor]="subMenuDataset">Describe access to datasets</button>
     <mat-menu #subMenuDataset="matMenu">
     <button mat-menu-item routerLink="/accessapi" routerLinkActive="active">Describe the access API</button>
-    <button mat-menu-item routerLink="/datasets" routerLinkActive="active">Select your datasets to publish</button>
+      <button mat-menu-item routerLink="/swaggerapi" routerLinkActive="active">Swagger API editor</button>
+      <button mat-menu-item routerLink="/datasets" routerLinkActive="active">Select your datasets to publish</button>
     </mat-menu>
 
     <mat-divider></mat-divider>

src/app/app.module.ts

@@ -29,6 +29,7 @@ import { RepositoryinfoComponent } from './repositoryinfo/repositoryinfo.compone
 
 import { HttpClientModule } from '@angular/common/http';
 import { FileSaverModule } from 'ngx-filesaver';
+import { SwaggereditorComponent } from './swaggereditor/swaggereditor.component';
 
 @NgModule({
   declarations: [
@@ -42,7 +43,8 @@ import { FileSaverModule } from 'ngx-filesaver';
     SettingfdpComponent,
     SettingsmartapiComponent,
     UserComponent,
-    RepositoryinfoComponent
+    RepositoryinfoComponent,
+    SwaggereditorComponent
   ],
   imports: [
     BrowserModule,