Merge pull request #238 from com-pas/Fetch_BTComponents

feat: Import IEDs from Sitipe Backend service

Author: pascalwilbrink

index.html

@@ -14,11 +14,11 @@
   <base href="/">
 
   <!-- Original URL from Google: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=Roboto:wght@300;400;500&display=swap -->
-  <link href="public/google/fonts/roboto-v27.css" rel="stylesheet">
-  <link href="public/google/fonts/roboto-mono-v13.css" rel="stylesheet">
+  <link href="/public/google/fonts/roboto-v27.css" rel="stylesheet">
+  <link href="/public/google/fonts/roboto-mono-v13.css" rel="stylesheet">
   <!-- Original URL from Google: https://fonts.googleapis.com/css?family=Material+Icons+Outlined&display=block -->
-  <link href="public/google/icons/material-icons-outlined.css" rel="stylesheet">
-  <link href="public/css/normalize.css" rel="stylesheet">
+  <link href="/public/google/icons/material-icons-outlined.css" rel="stylesheet">
+  <link href="/public/css/normalize.css" rel="stylesheet">
   <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
   <link rel="icon" type="image/png" sizes="16x16" href="public/favicon-16x16.png">
   <link rel="icon" type="image/png" sizes="32x32" href="public/favicon-32x32.png">

public/js/plugins.js

@@ -323,7 +323,7 @@ export const officialPlugins = [
   {
     name: 'Sitipe',
     src: '/src/editors/Sitipe.js',
-    icon: 'conveyor_belt',
+    icon: 'precision_manufacturing',
     default: true,
     kind: 'editor',
   },

src/compas/CompasSettings.ts

@@ -20,6 +20,7 @@ export type CompasSettingsRecord = {
   sclValidatorServiceUrl: string;
   cimMappingServiceUrl: string;
   sclAutoAlignmentServiceUrl: string;
+  sitipeServiceUrl: string;
   useWebsockets: 'on' | 'off';
 };
 
@@ -34,6 +35,7 @@ export function CompasSettings() {
         sclAutoAlignmentServiceUrl: this.getCompasSetting(
           'sclAutoAlignmentServiceUrl'
         ),
+        sitipeServiceUrl: this.getCompasSetting('sitipeServiceUrl'),
         useWebsockets: this.getCompasSetting('useWebsockets'),
       };
     },
@@ -44,6 +46,7 @@ export function CompasSettings() {
         sclValidatorServiceUrl: '/compas-scl-validator',
         cimMappingServiceUrl: '/compas-cim-mapping',
         sclAutoAlignmentServiceUrl: '/compas-scl-auto-alignment',
+        sitipeServiceUrl: '/compas-sitipe-service',
         useWebsockets: 'on',
       };
     },
@@ -106,6 +109,12 @@ export class CompasSettingsElement extends LitElement {
     );
   }
 
+  getSitipeServiceUrlField(): TextFieldBase {
+    return <TextFieldBase>(
+      this.shadowRoot!.querySelector('mwc-textfield[id="sitipeServiceUrl"]')
+    );
+  }
+
   getUseWebsockets(): Switch {
     return <Switch>(
       this.shadowRoot!.querySelector('mwc-switch[id="useWebsockets"]')
@@ -117,7 +126,8 @@ export class CompasSettingsElement extends LitElement {
       this.getSclDataServiceUrlField().checkValidity() &&
       this.getSclValidatorServiceUrlField().checkValidity() &&
       this.getCimMappingServiceUrlField().checkValidity() &&
-      this.getSclAutoAlignmentServiceUrlField().checkValidity()
+      this.getSclAutoAlignmentServiceUrlField().checkValidity() &&
+      this.getSitipeServiceUrlField().checkValidity()
     );
   }
 
@@ -143,6 +153,10 @@ export class CompasSettingsElement extends LitElement {
       'sclAutoAlignmentServiceUrl',
       this.getSclAutoAlignmentServiceUrlField().value
     );
+    CompasSettings().setCompasSetting(
+      'sitipeServiceUrl',
+      this.getSitipeServiceUrlField().value
+    );
     CompasSettings().setCompasSetting(
       'useWebsockets',
       this.getUseWebsockets().checked ? 'on' : 'off'
@@ -193,6 +207,13 @@ export class CompasSettingsElement extends LitElement {
         required
       >
       </mwc-textfield>
+      <mwc-textfield
+        id="sitipeServiceUrl"
+        label="${translate('compas.settings.sitipeServiceUrl')}"
+        value="${this.compasSettings.sitipeServiceUrl}"
+        required
+      >
+      </mwc-textfield>
       <mwc-formfield label="${translate('compas.settings.useWebsockets')}">
         <mwc-switch
           id="useWebsockets"