#26: add urls design studio

src/app/core/config/api-config.ts

@@ -70,4 +70,28 @@ export const apiConfig = {
   withdrawPublishRequestUrl: '/api/publish/request/withdraw/',
   urlCatalogPath: '/api/catalog',
   urlSiteConfig: '/api/admin/config',
+  //design studio urls
+  urlDesignStudioBase: '/dsce/dsce/',
+  urlDesignStudioCatalog: 'solution/getSolutions',
+  urlDesignStudioTypeInfo: 'artifact/fetchJsonTOSCA',
+  urlDesignStudioCreate: 'solution/createNewCompositeSolution',
+  urlDesignStudioAddNode: 'solution/addNode',
+  urlDesignStudioAddLink: 'solution/addLink',
+  urlDesignStudioSave: 'solution/saveCompositeSolution',
+  urlDesignStudioValidate: 'solution/validateCompositeSolution',
+  urlDesignStudioSetProbe: 'solution/setProbeIndicator',
+  urlDesignStudioRead: 'solution/readCompositeSolutionGraph',
+  urlDesignStudioCatFormat: 'graphene',
+  urlDesignStudioSolution: '',
+  urlDesignStudioDeleteNode: 'solution/deleteNode',
+  urlDesignStudioDeleteLink: 'solution/deleteLink',
+  urlDesignStudioCloseCompositeSolution: 'solution/closeCompositeSolution ',
+  urlDesignStudioModifyNode: 'solution/modifyNode',
+  urlDesignStudioModifyLink: 'solution/modifyLink',
+  urlDesignStudioDeleteCompositeSolution: 'solution/deleteCompositeSolution',
+  urlDesignStudioClearCompositeSolution: 'solution/clearCompositeSolution',
+  urlDesignStudioGetCompositeSolutions: 'solution/getCompositeSolutions',
+  urlDesignStudioProtobuf: 'artifact/fetchProtoBufJSON',
+  urlDesignStudioGetMatchingModels: 'solution/getMatchingModels',
+  urlDesignStudioVersion: 'admin/getVersion',
 };

src/app/core/services/url-build.service.spec.ts

+import { TestBed } from '@angular/core/testing';
+
+import { UrlBuildService } from './url-build.service';
+
+describe('UrlBuildService', () => {
+  let service: UrlBuildService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(UrlBuildService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/core/services/url-build.service.ts

+import { Injectable } from '@angular/core';
+import { apiConfig } from '../config';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UrlBuildService {
+  constructor() {}
+
+  buildUrl(verb: string, params: any): string {
+    return `${apiConfig.apiBackendURL}${
+      apiConfig.urlDesignStudioBase
+    }${verb}?${Object.keys(params)
+      .map((k) => `${encodeURIComponent(k)}=${encodeURIComponent(params[k])}`)
+      .join('&')}`;
+  }
+}

src/app/features/dashboard/design-studio/design-studio.component.html

-<p>design-studio works!</p>
+<div ng-view></div>

src/app/features/dashboard/design-studio/design-studio.component.ts

-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { UpgradeModule } from '@angular/upgrade/static';
+import { downgradeInjectable } from '@angular/upgrade/static';
+import { DesignStudioService } from 'src/app/core/services/design-studio.service';
+
+declare var angular: any;
+angular
+  .module('designStudio')
+  .factory('ApiService', downgradeInjectable(DesignStudioService));
 
 @Component({
-  selector: 'gp-design-studio',
-  standalone: true,
-  imports: [CommonModule],
+  selector: 'app-design-studio',
   templateUrl: './design-studio.component.html',
-  styleUrl: './design-studio.component.scss'
+  styleUrl: './design-studio.component.scss',
 })
-export class DesignStudioComponent {
+export class DesignStudioComponent implements OnInit {
+  constructor(private upgrade: UpgradeModule) {}
 
+  ngOnInit(): void {
+    this.upgrade.bootstrap(document.body, ['designStudio']);
+  }
 }

src/app/features/dashboard/design-studio/design-studio.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DesignStudioComponent } from './design-studio.component';
+import { UpgradeModule } from '@angular/upgrade/static';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: DesignStudioComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class AppRoutingModule {}
+
+@NgModule({
+  declarations: [DesignStudioComponent],
+  imports: [CommonModule, UpgradeModule, AppRoutingModule],
+  exports: [DesignStudioComponent],
+})
+export class DesignStudioModule {}