Added upload button on versions editor, refactor same classes/compone…

…nts.

Signed-off-by: Dennis Labordus <[email protected]>

__snapshots__/compas-comment.md

@@ -0,0 +1,15 @@
+# `compas-comment`
+
+#### `looks like the latest snapshot`
+
+```html
+<wizard-textfield
+  disabled=""
+  id="comment"
+  label="[compas.comment]"
+  nullable=""
+>
+</wizard-textfield>
+
+```
+

__snapshots__/compas-loading.md

@@ -0,0 +1,17 @@
+# `compas-loading`
+
+#### `looks like the latest snapshot`
+
+```html
+<mwc-list>
+  <mwc-list-item
+    aria-disabled="false"
+    mwc-list-item=""
+    tabindex="0"
+  >
+    [compas.loading]
+  </mwc-list-item>
+</mwc-list>
+
+```
+

__snapshots__/compas-save-to.md

@@ -5,15 +5,8 @@
 ####   `looks like the latest snapshot`
 
 ```html
-<mwc-list>
-  <mwc-list-item
-    aria-disabled="false"
-    mwc-list-item=""
-    tabindex="0"
-  >
-    [compas.loading]
-  </mwc-list-item>
-</mwc-list>
+<compas-loading>
+</compas-loading>
 
 ```
 
@@ -32,13 +25,8 @@
 </mwc-textfield>
 <compas-scltype-radiogroup>
 </compas-scltype-radiogroup>
-<wizard-textfield
-  disabled=""
-  id="comment"
-  label="[compas.saveTo.comment]"
-  nullable=""
->
-</wizard-textfield>
+<compas-comment>
+</compas-comment>
 
 ```
 
@@ -49,13 +37,8 @@
 ```html
 <compas-changeset-radiogroup>
 </compas-changeset-radiogroup>
-<wizard-textfield
-  disabled=""
-  id="comment"
-  label="[compas.saveTo.comment]"
-  nullable=""
->
-</wizard-textfield>
+<compas-comment>
+</compas-comment>
 
 ```
 

__snapshots__/compas-scl-list.md

@@ -5,15 +5,8 @@
 ####   `looks like the latest snapshot`
 
 ```html
-<mwc-list>
-  <mwc-list-item
-    aria-disabled="false"
-    mwc-list-item=""
-    tabindex="0"
-  >
-    [compas.loading]
-  </mwc-list-item>
-</mwc-list>
+<compas-loading>
+</compas-loading>
 
 ```
 

__snapshots__/compas-scltype-list.md

@@ -5,15 +5,8 @@
 ####   `looks like the latest snapshot`
 
 ```html
-<mwc-list>
-  <mwc-list-item
-    aria-disabled="false"
-    mwc-list-item=""
-    tabindex="0"
-  >
-    [compas.loading]
-  </mwc-list-item>
-</mwc-list>
+<compas-loading>
+</compas-loading>
 
 ```
 

__snapshots__/compas-scltype-radiogroup.md

@@ -5,15 +5,8 @@
 ####   `looks like the latest snapshot`
 
 ```html
-<mwc-list>
-  <mwc-list-item
-    aria-disabled="false"
-    mwc-list-item=""
-    tabindex="0"
-  >
-    [compas.loading]
-  </mwc-list-item>
-</mwc-list>
+<compas-loading>
+</compas-loading>
 
 ```
 

__snapshots__/compas-upload-version.md

@@ -0,0 +1,89 @@
+# `compas-upload-version`
+
+## `still determining if document exists in CoMPAS`
+
+####   `looks like the latest snapshot`
+
+```html
+<compas-loading>
+</compas-loading>
+
+```
+
+## `no document in compas (anymore)`
+
+####   `looks like the latest snapshot`
+
+```html
+<mwc-list>
+  <mwc-list-item
+    aria-disabled="false"
+    mwc-list-item=""
+    tabindex="0"
+  >
+    [compas.notExists]
+  </mwc-list-item>
+</mwc-list>
+
+```
+
+## `existing document in compas`
+
+####   `looks like the latest snapshot`
+
+```html
+<input
+  accept=".scd"
+  hidden=""
+  id="scl-file"
+  required=""
+  type="file"
+>
+<wizard-textfield
+  id="filename"
+  label="[compas.uploadVersion.filename]"
+  required=""
+>
+</wizard-textfield>
+<mwc-button label="[compas.uploadVersion.selectButton]">
+</mwc-button>
+<compas-changeset-radiogroup>
+</compas-changeset-radiogroup>
+<compas-comment>
+</compas-comment>
+
+```
+
+## `existing document in compas through wizard`
+
+####   `looks like the latest snapshot`
+
+```html
+<mwc-dialog
+  defaultaction="close"
+  heading="[compas.uploadVersion.title]"
+  open=""
+>
+  <div id="wizard-content">
+    <compas-upload-version>
+    </compas-upload-version>
+  </div>
+  <mwc-button
+    dialogaction="close"
+    label="[cancel]"
+    slot="secondaryAction"
+    style="--mdc-theme-primary: var(--mdc-theme-error)"
+  >
+  </mwc-button>
+  <mwc-button
+    dialoginitialfocus=""
+    icon="save"
+    label="[save]"
+    slot="primaryAction"
+    trailingicon=""
+  >
+  </mwc-button>
+</mwc-dialog>
+
+```
+

__snapshots__/compas-versions-plugin.md

@@ -26,11 +26,8 @@
 ####   `looks like the latest snapshot`
 
 ```html
-<h1>
-  <span style="color: var(--base1)">
-    [compas.loading]
-  </span>
-</h1>
+<compas-loading>
+</compas-loading>
 <wizard-dialog>
 </wizard-dialog>
 
@@ -66,6 +63,8 @@
   <section tabindex="0">
     <h1>
       [compas.versions.title]
+      <mwc-icon-button icon="note_add">
+      </mwc-icon-button>
       <mwc-icon-button icon="delete_forever">
       </mwc-icon-button>
     </h1>

index.html

@@ -18,7 +18,7 @@
   <link rel="icon" type="image/png" sizes="32x32" href="public/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="192x192" href="public/icon-192x192.png">
 
-  <title>OpenSCD</title>
+  <title>CoMPAS - OpenSCD</title>
 </head>
 
 <body>

manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "OpenSCD",
-  "name": "OpenSCD",
+  "short_name": "CoMPAS - OpenSCD",
+  "name": "CoMPAS - OpenSCD",
   "description": "An editor for XML files as described by IEC 61850-6",
   "categories": [
     "productivity",
@@ -16,7 +16,7 @@
   "dir": "ltr",
   "icons": [
     {
-      "src": "public/icon.svg",
+      "src": "public/icon-color.svg",
       "sizes": "150x150",
       "type": "image/svg+xml",
       "purpose": "any monochrome"