feature dockerize & deployment plugin & attachment button

[KuhnMn]

This PR includes the extraction of the deployment functionality into its own plugin, an extended Dockerfile, as well as an initial button and window for attaching deployment artifacts to service tasks.

[LaviniaStiliadou]

There are some issues regarding this PR:

• I get the following error message when clicking on the "Artifact Wizard" Button multiple times: Warning: You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it.

  Possible solution:

  • remove wizardDiv from the QuantumWorkflowModeler
  • create the wizardDiv inside ArtifactUpload and check if the wizardDiv exist before the createRoot. If yes -> remove, else create.

• Also rename the wizardDiv to something meaningful. Imagine adding new modals to the properties panel then no one would understand what wizardDiv is

• Add a hover effect for the Artifact Wizard Button

• Change the layout for Artifact Wizard Button so it looks similar to the other buttons. For example the border is too thick, the current font size is 15px but we use 13px in the properties panel

• Rename Artifact Wizard to Upload Artifact

• Rename OpenTosca to OpenTOSCA

• Rename Show deployment to Show Deployment

• Rename Hide deployment to Hide Deployment

• The icon for OpenTOSCA is misleading. I suggest using the following icon

• The icons for the first subbuttons of the OpenTOSCA Plugin are identical. I suggest using the following icons: show, hide

• Also, I am missing some docs. Regarding the new functionality show/hide deployment, the new icon ...

[LaviniaStiliadou]

• Remove wizard also from the code (ArtifactWizardModal -> ArtifactWizard)
• QuantumWorkflowModeler: modal-container is not really a meaningful name, imagine having multiple modals
• separate the styling of the OpenTOSCA Button and the Service Deployment Icon, only the plugin should have the new icon as suggested in my previous comment
• screenshot is not up-to-date
• add a title to the upload artifact button to be consistent with the other buttons
• take a look at your code documentation, in the ArtifactWizardModal you have the comments of the ConfigModal

[wiomoc]

QuantumWorkflowModeler: modal-container is not really a meaningful name, imagine having multiple modals

Using the createRoot technic, they all can use the same container

[LaviniaStiliadou]

• Remove ArtifactWizardModal
• I get the following error message: Warning: Each child in a list should have a unique "key" prop. Check the render method of `ArtifactUploadModal`.
• When updating the wineryEndpoint, I have to switch the selected element so the wineryEndpoint is also updated for the ArtifactUpload, fix this
• Rename your OpenTosca js files to OpenTOSCA to stay consistent with the other plugins
• customPropertiesProvider in the index.js file is not a meaningful name
• Why do we still have wizard definitions? Take a look at your artifact-modal.css file
• Updates in the topology model are not visible when triggering show
• restrict the movement of boundary events so they do not overlap with the new icon
• Currently, it is not possible to update the ServiceTemplate when uploading a new artifact
• Do we really need the !== 'false' check in the PluginHandler?