#422765 - Adapt contract negotiation. Fixed some bugs from other sections. Refactor for project name

Author: ppelgmv

Dockerfile

@@ -9,7 +9,7 @@ RUN npm run build
 # Stage 2: Serve app with nginx
 FROM nginx:alpine
 COPY --from=build /app/deployment/nginx.conf /etc/nginx/nginx.conf
-COPY --from=build /app/dist/connector-management-interface /usr/share/nginx/html
+COPY --from=build /app/dist/inesdata-connector-interface /usr/share/nginx/html
 COPY --from=build /app/src/assets /usr/share/nginx/html/assets
 EXPOSE 80
 

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "connector-management-interface": {
+    "inesdata-connector-interface": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -20,8 +20,8 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "baseHref": "/connector-management-interface/",
-            "outputPath": "dist/connector-management-interface",
+            "baseHref": "/inesdata-connector-interface/",
+            "outputPath": "dist/inesdata-connector-interface",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -78,10 +78,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "connector-management-interface:build:production"
+              "buildTarget": "inesdata-connector-interface:build:production"
             },
             "development": {
-              "buildTarget": "connector-management-interface:build:development"
+              "buildTarget": "inesdata-connector-interface:build:development"
             }
           },
           "options": {
@@ -92,7 +92,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "buildTarget": "connector-management-interface:build"
+            "buildTarget": "inesdata-connector-interface:build"
           }
         },
         "test": {

docker/Dockerfile

@@ -15,12 +15,12 @@ RUN npm install &&\
 FROM nginx:alpine
 
 ENV NGINX_HOME=/usr/share/nginx
-RUN mkdir ${NGINX_HOME}/html/connector-management-interface
-RUN chmod 755 ${NGINX_HOME}/html/connector-management-interface
-ENV DOCUMENT_ROOT=${NGINX_HOME}/html/connector-management-interface
+RUN mkdir ${NGINX_HOME}/html/inesdata-connector-interface
+RUN chmod 755 ${NGINX_HOME}/html/inesdata-connector-interface
+ENV DOCUMENT_ROOT=${NGINX_HOME}/html/inesdata-connector-interface
 
 # copy static contents of project to nginx html
-COPY --from=builder /app/dist/connector-management-interface ${DOCUMENT_ROOT}
+COPY --from=builder /app/dist/inesdata-connector-interface ${DOCUMENT_ROOT}
 
 COPY ./docker/assets/scripts/docker-entrypoint.sh ${NGINX_HOME}
 

karma.conf.js

@@ -25,7 +25,7 @@ module.exports = function (config) {
       suppressAll: true // removes the duplicated traces
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/connector-management-interface'),
+      dir: require('path').join(__dirname, './coverage/inesdata-connector-interface'),
       subdir: '.',
       reporters: [
         { type: 'html' },

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "connector-management-interface",
+  "name": "inesdata-connector-interface",
   "version": "0.2.0-SNAPSHOT",
   "project": "com.gmv.inesdata",
   "scripts": {

package.json

@@ -2,11 +2,6 @@ import {NgModule} from '@angular/core';
 import {RouterModule, Routes} from '@angular/router';
 
 export const routes: Routes = [
-  {
-    path: 'introduction',
-    data: {title: 'Getting Started', icon: 'info_outline'},
-    loadChildren: () => import('./pages/introduction/introduction.module').then(m => m.IntroductionModule)
-  },
   {
     path: 'catalog',
     data: {title: 'Catalog Browser', icon: 'sim_card'},
@@ -38,7 +33,7 @@ export const routes: Routes = [
     loadChildren: () => import('./pages/assets/assets.module').then(m => m.AssetsModule)
   },
   {
-    path: '', redirectTo: 'introduction', pathMatch: 'full'
+    path: '', redirectTo: 'assets', pathMatch: 'full'
   }
 ];
 

src/app/app-routing.module.ts

@@ -15,8 +15,8 @@
     </button>
   </div>
 
-  <div fxLayout="row wrap" fxLayoutAlign="start start">
-    <mat-card *ngFor="let asset of assets" class="asset-card">
+  <div fxLayout="row wrap" fxLayoutGap="15px" fxLayoutAlign="start start">
+    <mat-card *ngFor="let asset of assets">
       <mat-card-header>
         <mat-icon mat-card-avatar>upload</mat-icon>
         <mat-card-title>{{asset.id}}</mat-card-title>

src/app/pages/assets/asset-viewer/asset-viewer.component.html

@@ -2,12 +2,6 @@
   margin: 20px;
 }
 
-.asset-card {
-  width: 500px;
-  margin-right: 15px;
-  margin-bottom: 15px;
-}
-
 .main-property-icon {
   font-size: 12px;
 }

src/app/pages/assets/asset-viewer/asset-viewer.component.scss

@@ -37,7 +37,7 @@ export class AssetViewerComponent implements OnInit {
         switchMap(() => {
           const assets$ = this.assetService.requestAssets();
           return !!this.searchText
-            ? assets$.pipe(map(assets => assets.filter(asset => asset.properties.optionalValue<string>('edc', 'name')?.includes(this.searchText))))
+            ? assets$.pipe(map(assets => assets.filter(asset => asset.id.toLowerCase().includes(this.searchText))))
             : assets$;
         }));
   }