Fix Artifact Upload Issues

components/bpmn-q/modeler-component/editor/resources/styling/camunda-styles/_buttons.css

@@ -53,6 +53,13 @@
   background-color: var(--silver-base-97);
 }
 
+.qwm-btn-modal {
+  color: #fdfdfe;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
+  border: solid 1px var(--blue-darken-62);
+  background-color: var(--blue-base-65);
+}
+
 .qwm-btn-save {
   color: #fdfdfe;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

components/bpmn-q/modeler-component/editor/resources/styling/modeler.css

@@ -148,8 +148,8 @@
   top: 10px;
 }
 
-input,
-select {
+.qwm input,
+.qwm select {
   width: 100%;
   box-sizing: border-box;
 }

components/bpmn-q/modeler-component/extensions/opentosca/deployment/WineryUtils.js

@@ -98,11 +98,49 @@ export async function serviceTemplateExists(serviceTemplateName) {
     )}/${encodeURIComponent(encodeURIComponent(serviceTemplateName))}`,
     {
       method: "GET",
+      headers: {
+        Accept: "application/json",
+      },
     }
   );
   return response.status === 200;
 }
 
+export async function deleteTagByID(serviceTemplateAddress, tagID) {
+  const response = await fetch(
+    `${getWineryEndpoint()}/servicetemplates/${serviceTemplateAddress}tags/${tagID}`,
+    {
+      method: "DELETE",
+      headers: {
+        Accept: "application/json",
+      },
+    }
+  );
+  return response.status === 204;
+}
+
+export async function getTags(serviceTemplateAddress) {
+  const response = await fetch(
+    `${getWineryEndpoint()}/servicetemplates/${serviceTemplateAddress}tags/`,
+    {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+      },
+    }
+  );
+  return response.json();
+}
+
+export async function deleteTopNodeTag(serviceTemplateAddress) {
+  const tags = await getTags(serviceTemplateAddress);
+  const topNodeTag = tags.find((tag) => tag.name === "top-node");
+  if (topNodeTag) {
+    return deleteTagByID(serviceTemplateAddress, topNodeTag.id);
+  }
+  return true;
+}
+
 export async function addNodeWithArtifactToServiceTemplateByName(
   serviceTemplateName,
   nodeTypeQName,
@@ -325,11 +363,11 @@ const nodeTypeQNameMapping = new Map([
     "{http://opentosca.org/nodetypes}TomcatApplication_WAR-w1",
   ],
   [
-    "{http://opentosca.org/artifacttypes}WAR17",
+    "{http://opentosca.org/artifacttypes}WAR-Java17",
     "{http://opentosca.org/nodetypes}TomcatApplication_WAR-w1",
   ],
   [
-    "{http://opentosca.org/artifacttypes}WAR8",
+    "{http://opentosca.org/artifacttypes}WAR-Java8",
     "{http://opentosca.org/nodetypes}TomcatApplication_WAR-w1",
   ],
   [

components/bpmn-q/modeler-component/extensions/opentosca/modeling/properties-provider/ArtifactUploadModal.js

@@ -23,6 +23,7 @@ import {
   serviceTemplateExists,
   addNodeWithArtifactToServiceTemplateByName,
   deleteArtifactTemplate,
+  deleteTopNodeTag,
 } from "../../deployment/WineryUtils";
 import NotificationHandler from "../../../../editor/ui/notifications/NotificationHandler";
 import { getWineryEndpoint } from "../../framework-config/config-manager";
@@ -105,6 +106,7 @@ export default function ArtifactUploadModal({
       const nodeTypeQName = getNodeTypeQName(selectedOption);
       const serviceTemplateName = `${namePrefix}ServiceTemplate-${element.id}`;
       const doesExist = await serviceTemplateExists(serviceTemplateName);
+      console.log("doesExist", doesExist);
       if (doesExist) {
         serviceTemplateAddress =
           await addNodeWithArtifactToServiceTemplateByName(
@@ -115,6 +117,7 @@ export default function ArtifactUploadModal({
             `${namePrefix}Artifact-${element.id}`,
             selectedOption
           );
+        await deleteTopNodeTag(serviceTemplateAddress);
       } else {
         serviceTemplateAddress = await createServiceTemplateWithNodeAndArtifact(
           serviceTemplateName,
@@ -291,7 +294,7 @@ export default function ArtifactUploadModal({
         <div id="upload-form-buttons">
           <button
             type="button"
-            className="qwm-btn qwm-btn-primary"
+            className="qwm-btn qwm-btn-modal"
             form="upload-form"
             onClick={onSubmit}
           >

components/bpmn-q/modeler-component/extensions/opentosca/modeling/properties-provider/YamlModal.js

@@ -81,7 +81,7 @@ export default function YamlModal(props) {
         <div id="wizardFormButtons">
           <button
             type="button"
-            className="qwm-btn qwm-btn-primary"
+            className="qwm-btn qwm-btn-modal"
             form="configForm"
             onClick={onSubmit}
           >