Merge pull request #30 from com-pas/compas-settings-plugin

Refactored Compas Settings to plugin.

Author: Rob Tjalma

__snapshots__/compas-scltype-list.md

@@ -1,6 +1,8 @@
 # `compas-scltype-list`
 
-#### `looks like the latest snapshot`
+## `show-loading`
+
+####   `looks like the latest snapshot`
 
 ```html
 <mwc-list>
@@ -15,3 +17,62 @@
 
 ```
 
+## `no-items-in-list`
+
+####   `looks like the latest snapshot`
+
+```html
+<mwc-list>
+  <mwc-list-item
+    aria-disabled="false"
+    mwc-list-item=""
+    tabindex="0"
+  >
+    [compas.open.noSclTypes]
+  </mwc-list-item>
+</mwc-list>
+
+```
+
+## `after-list-loaded`
+
+####   `looks like the latest snapshot`
+
+```html
+<mwc-list>
+  <mwc-list-item
+    aria-disabled="false"
+    mwc-list-item=""
+    tabindex="0"
+  >
+    <span>
+      <description>
+        System Exchange Description
+      </description>
+      (
+      <code>
+        SED
+      </code>
+      )
+    </span>
+  </mwc-list-item>
+  <mwc-list-item
+    aria-disabled="false"
+    mwc-list-item=""
+    tabindex="-1"
+  >
+    <span>
+      <description>
+        Substation Specification Description
+      </description>
+      (
+      <code>
+        SSD
+      </code>
+      )
+    </span>
+  </mwc-list-item>
+</mwc-list>
+
+```
+

__snapshots__/compas-settings.md

@@ -0,0 +1,19 @@
+# `compas-settings`
+
+#### `looks like the latest snapshot`
+
+```html
+<mwc-textfield
+  dialoginitialfocus=""
+  id="sclDataServiceUrl"
+  label="[compas.settings.sclDataServiceUrl]"
+  required=""
+  value="http://localhost:9090/compas-scl-data-service"
+>
+</mwc-textfield>
+<mwc-button style="--mdc-theme-primary: var(--mdc-theme-error)">
+  [reset]
+</mwc-button>
+
+```
+

__snapshots__/open-scd.md

@@ -314,7 +314,7 @@
     </mwc-list-item>
     <mwc-list-item
       aria-disabled="false"
-      class="static"
+      class="middle"
       graphic="icon"
       iconid="settings"
       mwc-list-item=""
@@ -326,6 +326,8 @@
       <span>
         CoMPAS Settings
       </span>
+      <mwc-linear-progress indeterminate="">
+      </mwc-linear-progress>
     </mwc-list-item>
     <mwc-list-item
       aria-disabled="false"
@@ -862,6 +864,22 @@
       role="separator"
     >
     </li>
+    <mwc-check-list-item
+      aria-disabled="false"
+      class="official"
+      graphic="control"
+      hasmeta=""
+      left=""
+      mwc-list-item=""
+      selected=""
+      tabindex="-1"
+      value="/src/menu/CompasSettings.js"
+    >
+      <mwc-icon slot="meta">
+        settings
+      </mwc-icon>
+      CoMPAS Settings
+    </mwc-check-list-item>
     <mwc-check-list-item
       aria-disabled="false"
       class="official"
@@ -1041,43 +1059,6 @@
 </mwc-circular-progress-four-color>
 <wizard-dialog>
 </wizard-dialog>
-<mwc-dialog
-  class="styled"
-  heading="CoMPAS Settings"
-  id="compasSettings"
->
-  <form>
-    <mwc-textfield
-      dialoginitialfocus=""
-      id="sclDataServiceUrl"
-      label="CoMPAS SCL Data Service"
-      required=""
-      value="http://localhost:9090/compas-scl-data-service"
-    >
-    </mwc-textfield>
-  </form>
-  <mwc-button
-    dialogaction="close"
-    slot="secondaryAction"
-  >
-    Cancel
-  </mwc-button>
-  <mwc-button
-    dialogaction="reset"
-    slot="secondaryAction"
-    style="--mdc-theme-primary: var(--mdc-theme-error)"
-  >
-    Reset
-  </mwc-button>
-  <mwc-button
-    dialogaction="save"
-    icon="save"
-    slot="primaryAction"
-    trailingicon=""
-  >
-    Save
-  </mwc-button>
-</mwc-dialog>
 <mwc-dialog
   heading="Settings"
   id="settings"

public/js/plugins.js

@@ -131,6 +131,15 @@ export const officialPlugins = [
     requireDoc: true,
     position: 'middle'
   },
+  {
+    name: 'CoMPAS Settings',
+    src: '/src/menu/CompasSettings.js',
+    icon: 'settings',
+    default: true,
+    kind: 'menu',
+    requireDoc: false,
+    position: 'bottom'
+  },
   {
     name: 'Help',
     src: '/src/menu/Help.js',

src/Hosting.ts

@@ -8,7 +8,6 @@ import { Mixin, newPendingStateEvent, ValidateEvent } from './foundation.js';
 import { LoggingElement } from './Logging.js';
 import { Plugin, PluggingElement, pluginIcons } from './Plugging.js';
 import { SettingElement } from './Setting.js';
-import {CompasSettingElement} from "./compas/CompasSetting.js";
 
 interface MenuItem {
   icon: string;
@@ -35,8 +34,7 @@ export type HostingElement = Mixin<typeof Hosting>;
 export function Hosting<
   TBase extends new (...args: any[]) => PluggingElement &
     LoggingElement &
-    SettingElement &
-    CompasSettingElement
+    SettingElement
 >(Base: TBase) {
   class HostingElement extends Base {
     /** The currently active editor tab. */
@@ -177,12 +175,6 @@ export function Hosting<
           action: (): void => this.settingsUI.show(),
           kind: 'static',
         },
-        {
-          icon: 'settings',
-          name: 'compas.settings.name',
-          action: (): void => this.compasSettingsUI.show(),
-          kind: 'static',
-        },
         ...bottomMenu,
         {
           icon: 'extension',

src/compas/CompasSclDataService.ts

@@ -1,5 +1,5 @@
 import {ChangeSet} from "./CompasChangeSet.js";
-import {CompasSetting} from "./CompasSetting.js";
+import {CompasSettings} from "./CompasSettingsElement.js";
 
 export const SDS_NAMESPACE = 'https://www.lfenergy.org/compas/SclDataService';
 
@@ -16,7 +16,7 @@ export interface UpdateRequestBody {
 export function CompasSclDataService() {
 
   function getCompasSettings() {
-    return CompasSetting().compasSettings;
+    return CompasSettings().compasSettings;
   }
 
   return {

src/compas/CompasScltypeList.ts

@@ -11,6 +11,10 @@ export class CompasScltypeList extends LitElement {
   sclTypes!: Element[];
 
   firstUpdated() {
+    this.fetchData();
+  }
+
+  fetchData() {
     CompasSclDataService().listSclTypesAndOrder()
       .then(types => this.sclTypes = types)
   }