refactor(Plugins): improve extentions UI

openscd · Feb 8, 2022 · 672bc90 · 672bc90
1 parent 4fd993d
commit 672bc90
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 16 deletions.
diff --git a/src/Plugging.ts b/src/Plugging.ts
@@ -451,11 +451,17 @@ export function Plugging<TBase extends new (...args: any[]) => EditingElement>(
           >
           </mwc-button>
           <mwc-button
-            raised
+            slot="secondaryAction"
+            icon=""
+            label="${translate('close')}"
+            dialogAction="close"
+          ></mwc-button>
+          <mwc-button
+            outlined
             trailingIcon
             slot="primaryAction"
             icon="library_add"
-            label="${translate('add')}&hellip;"
+            label="${translate('plugins.add.heading')}&hellip;"
             @click=${() => this.pluginDownloadUI.show()}
           >
           </mwc-button>

diff --git a/test/integration/__snapshots__/open-scd.test.snap.js b/test/integration/__snapshots__/open-scd.test.snap.js
@@ -875,10 +875,17 @@ snapshots["open-scd looks like its snapshot"] =
     style="--mdc-theme-primary: var(--mdc-theme-error)"
   >
   </mwc-button>
+  <mwc-button
+    dialogaction="close"
+    icon=""
+    label="Close"
+    slot="secondaryAction"
+  >
+  </mwc-button>
   <mwc-button
     icon="library_add"
-    label="Add…"
-    raised=""
+    label="Add custom extension…"
+    outlined=""
     slot="primaryAction"
     trailingicon=""
   >
@@ -1139,7 +1146,8 @@ snapshots["open-scd looks like its snapshot"] =
       </mwc-icon>
     </mwc-list-item>
     <mwc-list-item
-      aria-disabled="false"
+      aria-disabled="true"
+      disabled=""
       graphic="avatar"
       hasmeta=""
       id="IEC 61850-7-4"
@@ -1150,20 +1158,11 @@ snapshots["open-scd looks like its snapshot"] =
       <span>
         IEC 61850-7-4
       </span>
-      <span slot="secondary">
-        1010X1
-      </span>
       <mwc-icon
         slot="graphic"
-        style="color:green;"
-      >
-        done
-      </mwc-icon>
-      <mwc-icon
-        id="deleteNsdocItem"
-        slot="meta"
+        style="color:red;"
       >
-        delete
+        close
       </mwc-icon>
     </mwc-list-item>
     <mwc-list-item