From a40f0f115360854b63c3e7afb894ca7dad88b687 Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 11:07:12 +0200
Subject: [PATCH 1/8] reorder algo properties

---
 .../algorithm-properties.component.html       | 216 +++++++++---------
 .../dialogs/add-algorithm-dialog.html         |   1 -
 2 files changed, 113 insertions(+), 104 deletions(-)

diff --git a/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html b/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html
index 9a883dba..95562624 100644
--- a/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html
+++ b/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html
@@ -1,6 +1,6 @@
 <div class="p-4">
   <div class="row">
-    <div class="col-xl-4 col-lg-12">
+    <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input name="Name"
                         [value]="frontendAlgorithm.name"
@@ -10,7 +10,8 @@
         ></app-text-input>
       </mat-card>
     </div>
-    <div class="col-xl-4 col-lg-12">
+
+    <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input name="Acronym"
                         [value]="frontendAlgorithm.acronym"
@@ -20,13 +21,80 @@
         ></app-text-input>
       </mat-card>
     </div>
+  </div>
+
+  <div class="row" *ngIf="algorithm.computationModel === 'QUANTUM' && frontendAlgorithm.computationModel === 'QUANTUM'">
+    <!-- TODO: finish Sketch -->
     <div class="col-xl-4 col-lg-12">
+      <mat-card class="m-2">
+        <app-select-input name="Quantum computation model"
+                          [value]="algorithm.quantumComputationModel"
+                          [choices]="availableQuantumComputationModelOptions"
+                          (onChange)="onPropertyChanged($event,   'quantumComputationModel')"
+                          (onSaveChanges)="onChangesSaved($event,   'quantumComputationModel')">
+        </app-select-input>
+      </mat-card>
+    </div>
+
+    <div class="col-xl-4 col-lg-12">
+      <mat-card class="m-2">
+        <app-text-input name="Speedup"
+                        [value]="frontendAlgorithm.speedUp"
+                        [baseValue]="algorithm.speedUp"
+                        (onChange)="onPropertyChanged($event, 'speedUp')"
+                        (onSaveChanges)="onChangesSaved($event, 'speedUp')"></app-text-input>
+      </mat-card>
+    </div>
+
+    <div class="col-xl-4 col-lg-12">
+      <mat-card class="m-2">
+        <app-checkbox-input name="NISQ ready"
+                            [value]="frontendAlgorithm.nisqReady"
+                            [baseValue]="algorithm.nisqReady"
+                            (onChange)="onPropertyChanged($event, 'nisqReady')"
+                            (onSaveChanges)="onChangesSaved($event, 'nisqReady')">
+        </app-checkbox-input>
+      </mat-card>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-lg-6 col-sm-12">
+      <mat-card class="m-2">
+        <app-problem-type-tree #problemTypeTree
+                               [title]='"Problem types"'
+                               [treeData]="problemTypeTreeData"
+                               [linkObject]="problemTypeLinkObject"
+                               [allowDelete]="true"
+                               (onAddElement)="onAddProblemType.emit($event)"
+                               (onRemoveElement)="onRemoveProblemType.emit($event)"
+                               (onExpandParents)="getParentsForNode($event)"
+                               (onSearchTextChanged)="searchUnlinkedProblemTypes($event)"></app-problem-type-tree>
+      </mat-card>
+    </div>
+
+    <div class="col-lg-6 col-sm-12">
+      <mat-card class="m-2">
+        <app-chip-collection [title]="'Application areas'"
+                             [elements]="linkedApplicationAreas"
+                             [displayVariable]="'name'"
+                             [useToAddLinks]="true"
+                             [linkObject]=applicationAreaLinkObject
+                             (onLinkElement)="addApplicationAreaEvent($event)"
+                             (onUnlinkElement)="removeApplicationAreaEvent($event)"
+                             (onSearchTextChanged)="searchUnlinkedApplicationAreas($event)"></app-chip-collection>
+      </mat-card>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input name="Intent"
                         [value]="frontendAlgorithm.intent"
                         [baseValue]="algorithm.intent"
                         [multiline]="true"
-                        [maxLines]="5"
+                        [maxLines]="50"
                         (onChange)="onPropertyChanged($event, 'intent')"
                         (onSaveChanges)="onChangesSaved($event, 'intent')"
         ></app-text-input>
@@ -35,109 +103,90 @@
   </div>
 
   <div class="row">
-    <div class="col-xl-4 col-lg-12">
+    <div class="col-12">
+      <mat-card class="m-2">
+        <app-text-input name="Problem"
+                        [value]="frontendAlgorithm.problem"
+                        [baseValue]="algorithm.problem"
+                        [multiline]="true"
+                        [maxLines]="50"
+                        (onChange)="onPropertyChanged($event, 'problem')"
+                        (onSaveChanges)="onChangesSaved($event, 'problem')"
+        ></app-text-input>
+      </mat-card>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-12">
+      <mat-card class="m-2">
+        <app-text-input name="Solution"
+                        [value]="frontendAlgorithm.solution"
+                        [baseValue]="algorithm.solution"
+                        [multiline]="true"
+                        [maxLines]="50"
+                        (onChange)="onPropertyChanged($event, 'solution')"
+                        (onSaveChanges)="onChangesSaved($event, 'solution')"></app-text-input>
+      </mat-card>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input name="Input format"
                         [value]="frontendAlgorithm.inputFormat"
                         [baseValue]="algorithm.inputFormat"
                         [multiline]="true"
-                        [maxLines]="5"
+                        [maxLines]="10"
                         (onChange)="onPropertyChanged($event, 'inputFormat')"
                         (onSaveChanges)="onChangesSaved($event, 'inputFormat')"></app-text-input>
       </mat-card>
     </div>
+  </div>
 
-    <div class="col-xl-4 col-lg-12">
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input name="Parameters"
                         [value]="frontendAlgorithm.algoParameter"
                         [baseValue]="algorithm.inputFormat"
                         [multiline]="true"
-                        [maxLines]="5"
+                        [maxLines]="10"
                         (onChange)="onPropertyChanged($event, 'algoParameter')"
                         (onSaveChanges)="onChangesSaved($event, 'algoParameter')"></app-text-input>
       </mat-card>
     </div>
+  </div>
 
-    <div class="col-xl-4 col-lg-12">
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input name="Output format"
                         [value]="frontendAlgorithm.outputFormat"
                         [baseValue]="algorithm.outputFormat"
                         [multiline]="true"
-                        [maxLines]="5"
+                        [maxLines]="10"
                         (onChange)="onPropertyChanged($event, 'outputFormat')"
                         (onSaveChanges)="onChangesSaved($event, 'outputFormat')"></app-text-input>
       </mat-card>
     </div>
   </div>
-  <div class="row">
-    <div class="col-xl-4 col-lg-12">
-      <mat-card class="m-2">
-        <app-text-input name="Solution"
-                        [value]="frontendAlgorithm.solution"
-                        [baseValue]="algorithm.solution"
-                        [multiline]="true"
-                        [maxLines]="5"
-                        (onChange)="onPropertyChanged($event, 'solution')"
-                        (onSaveChanges)="onChangesSaved($event, 'solution')"></app-text-input>
-      </mat-card>
-    </div>
 
-    <div class="col-xl-4 col-lg-12">
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input name="Assumptions"
                         [value]="frontendAlgorithm.assumptions"
                         [baseValue]="algorithm.assumptions"
                         [multiline]="true"
-                        [maxLines]="5"
+                        [maxLines]="50"
                         (onChange)="onPropertyChanged($event, 'assumptions')"
                         (onSaveChanges)="onChangesSaved($event, 'assumptions')"></app-text-input>
       </mat-card>
     </div>
-    <div class="col-xl-4 col-lg-12">
-      <mat-card class="m-2">
-        <app-text-input name="Problem"
-                        [value]="frontendAlgorithm.problem"
-                        [baseValue]="algorithm.problem"
-                        [multiline]="true"
-                        [maxLines]="5"
-                        (onChange)="onPropertyChanged($event, 'problem')"
-                        (onSaveChanges)="onChangesSaved($event, 'problem')"
-        ></app-text-input>
-      </mat-card>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-lg-6 col-sm-12">
-      <mat-card class="m-2">
-        <app-problem-type-tree #problemTypeTree
-                               [title]='"Problem types"'
-                               [treeData]="problemTypeTreeData"
-                               [linkObject]="problemTypeLinkObject"
-                               [allowDelete]="true"
-                               (onAddElement)="onAddProblemType.emit($event)"
-                               (onRemoveElement)="onRemoveProblemType.emit($event)"
-                               (onExpandParents)="getParentsForNode($event)"
-                               (onSearchTextChanged)="searchUnlinkedProblemTypes($event)"></app-problem-type-tree>
-      </mat-card>
-    </div>
-
-    <div class="col-lg-6 col-sm-12">
-      <mat-card class="m-2">
-        <app-chip-collection [title]="'Application areas'"
-                             [elements]="linkedApplicationAreas"
-                             [displayVariable]="'name'"
-                             [useToAddLinks]="true"
-                             [linkObject]=applicationAreaLinkObject
-                             (onLinkElement)="addApplicationAreaEvent($event)"
-                             (onUnlinkElement)="removeApplicationAreaEvent($event)"
-                             (onSearchTextChanged)="searchUnlinkedApplicationAreas($event)"></app-chip-collection>
-      </mat-card>
-    </div>
   </div>
 
-
   <div class="row">
     <div class="col-12">
       <mat-card class="m-2">
@@ -150,43 +199,4 @@
       </mat-card>
     </div>
   </div>
-
-  <div *ngIf="algorithm.computationModel === 'QUANTUM' && frontendAlgorithm.computationModel === 'QUANTUM'">
-    <div class="row">
-      <div class="col-lg-6 col-sm-12">
-        <mat-card class="m-2">
-          <app-text-input name="Speedup"
-                          [value]="frontendAlgorithm.speedUp"
-                          [baseValue]="algorithm.speedUp"
-                          (onChange)="onPropertyChanged($event, 'speedUp')"
-                          (onSaveChanges)="onChangesSaved($event, 'speedUp')"></app-text-input>
-        </mat-card>
-      </div>
-
-      <div class="col-lg-6 col-sm-12">
-        <mat-card class="m-2">
-          <app-checkbox-input name="NISQ ready"
-                              [value]="frontendAlgorithm.nisqReady"
-                              [baseValue]="algorithm.nisqReady"
-                              (onChange)="onPropertyChanged($event, 'nisqReady')"
-                              (onSaveChanges)="onChangesSaved($event, 'nisqReady')">
-          </app-checkbox-input>
-        </mat-card>
-      </div>
-    </div>
-
-    <!-- TODO: finish Sketch -->
-    <div class="row">
-      <div class="col-lg-6 col-sm-12">
-        <mat-card class="m-2">
-          <app-select-input name="Quantum computation model"
-                            [value]="algorithm.quantumComputationModel"
-                            [choices]="availableQuantumComputationModelOptions"
-                            (onChange)="onPropertyChanged($event,   'quantumComputationModel')"
-                            (onSaveChanges)="onChangesSaved($event,   'quantumComputationModel')">
-          </app-select-input>
-        </mat-card>
-      </div>
-    </div>
-  </div>
 </div>
diff --git a/src/app/components/algorithms/dialogs/add-algorithm-dialog.html b/src/app/components/algorithms/dialogs/add-algorithm-dialog.html
index 80e1328c..119d5e80 100644
--- a/src/app/components/algorithms/dialogs/add-algorithm-dialog.html
+++ b/src/app/components/algorithms/dialogs/add-algorithm-dialog.html
@@ -10,7 +10,6 @@ <h1 mat-dialog-title>{{data.title}}</h1>
       <mat-select formControlName="computationModel" required>
         <mat-option [value]="'CLASSIC'">Classic</mat-option>
         <mat-option [value]="'QUANTUM'">Quantum</mat-option>
-        <mat-option [value]="'HYBRID'">Hybrid</mat-option>
       </mat-select>
     </mat-form-field>
     <ng-container *ngIf="computationModel.value !== 'CLASSIC'">

From 1adc41621b4e5202883bc7a7ebe81b860b4c5bcf Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 14:55:53 +0200
Subject: [PATCH 2/8] reorder implementation properties

---
 .../implementation-properties.component.html  | 108 ++++++++++--------
 1 file changed, 62 insertions(+), 46 deletions(-)

diff --git a/src/app/components/algorithms/implementation-properties/implementation-properties.component.html b/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
index ef5bc7c4..ce55243b 100644
--- a/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
+++ b/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
@@ -1,6 +1,6 @@
 <div class="p-4">
   <div class="row">
-    <div class="col-lg-4 col-sm-12">
+    <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input
           name="Name"
@@ -12,19 +12,8 @@
         ></app-text-input>
       </mat-card>
     </div>
-    <div class="col-lg-4 col-sm-12">
-      <mat-card class="m-2">
-        <app-text-input
-          name="Description"
-          (onChange)="onPropertyChanged($event,'description')"
-          (onSaveChanges)="onChangesSaved($event,'description')"
-          [value]="frontendImplementation.description"
-          [baseValue]="implementation.description"
-          [multiline]="true"
-        ></app-text-input>
-      </mat-card>
-    </div>
-    <div class="col-lg-4 col-sm-12">
+
+    <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input
           name="Contributors"
@@ -39,7 +28,7 @@
   </div>
 
   <div class="row">
-    <div class="col-lg-4 col-sm-12">
+    <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input
           name="Version"
@@ -51,19 +40,8 @@
         ></app-text-input>
       </mat-card>
     </div>
-    <div class="col-lg-4 col-sm-12">
-      <mat-card class="m-2">
-        <app-text-input
-          name="Dependencies"
-          (onChange)="onPropertyChanged($event,'dependencies')"
-          (onSaveChanges)="onChangesSaved($event,'dependencies')"
-          [value]="frontendImplementation.dependencies"
-          [baseValue]="implementation.dependencies"
-          [multiline]="true"
-        ></app-text-input>
-      </mat-card>
-    </div>
-    <div class="col-lg-4 col-sm-12">
+
+    <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input
           name="License"
@@ -76,41 +54,79 @@
       </mat-card>
     </div>
   </div>
+
+  <div class="row">
+    <div class="col-12">
+      <mat-card class="m-2">
+        <app-text-input
+                name="Dependencies"
+                (onChange)="onPropertyChanged($event,'dependencies')"
+                (onSaveChanges)="onChangesSaved($event,'dependencies')"
+                [value]="frontendImplementation.dependencies"
+                [baseValue]="implementation.dependencies"
+                [multiline]="true"
+        ></app-text-input>
+      </mat-card>
+    </div>
+  </div>
+
   <div class="row">
-    <div class="col-xl-4 col-lg-12">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input
-          name="Input Format"
-          (onChange)="onPropertyChanged($event,'inputFormat')"
-          (onSaveChanges)="onChangesSaved($event,'inputFormat')"
-          [value]="frontendImplementation.inputFormat"
-          [baseValue]="implementation.inputFormat"
+                name="Description"
+                (onChange)="onPropertyChanged($event,'description')"
+                (onSaveChanges)="onChangesSaved($event,'description')"
+                [value]="frontendImplementation.description"
+                [baseValue]="implementation.description"
+                [multiline]="true"
         ></app-text-input>
       </mat-card>
     </div>
-    <div class="col-xl-4 col-lg-12">
+  </div>
+
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input
-          name="Parameter"
-          (onChange)="onPropertyChanged($event,'parameter')"
-          (onSaveChanges)="onChangesSaved($event,'parameter')"
-          [value]="frontendImplementation.parameter"
-          [baseValue]="implementation.parameter"
+                name="Input Format"
+                (onChange)="onPropertyChanged($event,'inputFormat')"
+                (onSaveChanges)="onChangesSaved($event,'inputFormat')"
+                [value]="frontendImplementation.inputFormat"
+                [baseValue]="implementation.inputFormat"
         ></app-text-input>
       </mat-card>
     </div>
-    <div class="col-xl-4 col-lg-12">
+  </div>
+
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input
-          name="Output Format"
-          (onChange)="onPropertyChanged($event,'outputFormat')"
-          (onSaveChanges)="onChangesSaved($event,'outputFormat')"
-          [value]="frontendImplementation.outputFormat"
-          [baseValue]="implementation.outputFormat"
+                name="Parameter"
+                (onChange)="onPropertyChanged($event,'parameter')"
+                (onSaveChanges)="onChangesSaved($event,'parameter')"
+                [value]="frontendImplementation.parameter"
+                [baseValue]="implementation.parameter"
         ></app-text-input>
       </mat-card>
     </div>
   </div>
+
+  <div class="row">
+    <div class="col-12">
+      <mat-card class="m-2">
+        <app-text-input
+                name="Output Format"
+                (onChange)="onPropertyChanged($event,'outputFormat')"
+                (onSaveChanges)="onChangesSaved($event,'outputFormat')"
+                [value]="frontendImplementation.outputFormat"
+                [baseValue]="implementation.outputFormat"
+        ></app-text-input>
+      </mat-card>
+    </div>
+  </div>
+
   <div class="row">
     <div class="col-lg-12 col-sm-12">
       <mat-card class="m-2">

From 8ae7b8f5cc74f680dcd156dce8adb5f48997e840 Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 15:03:03 +0200
Subject: [PATCH 3/8] support multilining

---
 .../implementation-properties.component.html              | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/app/components/algorithms/implementation-properties/implementation-properties.component.html b/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
index ce55243b..017241d4 100644
--- a/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
+++ b/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
@@ -64,6 +64,7 @@
                 (onSaveChanges)="onChangesSaved($event,'dependencies')"
                 [value]="frontendImplementation.dependencies"
                 [baseValue]="implementation.dependencies"
+                [maxLines]="50"
                 [multiline]="true"
         ></app-text-input>
       </mat-card>
@@ -79,6 +80,7 @@
                 (onSaveChanges)="onChangesSaved($event,'description')"
                 [value]="frontendImplementation.description"
                 [baseValue]="implementation.description"
+                [maxLines]="50"
                 [multiline]="true"
         ></app-text-input>
       </mat-card>
@@ -94,6 +96,8 @@
                 (onSaveChanges)="onChangesSaved($event,'inputFormat')"
                 [value]="frontendImplementation.inputFormat"
                 [baseValue]="implementation.inputFormat"
+                [multiline]="true"
+                [maxLines]="10"
         ></app-text-input>
       </mat-card>
     </div>
@@ -108,6 +112,8 @@
                 (onSaveChanges)="onChangesSaved($event,'parameter')"
                 [value]="frontendImplementation.parameter"
                 [baseValue]="implementation.parameter"
+                [multiline]="true"
+                [maxLines]="10"
         ></app-text-input>
       </mat-card>
     </div>
@@ -122,6 +128,8 @@
                 (onSaveChanges)="onChangesSaved($event,'outputFormat')"
                 [value]="frontendImplementation.outputFormat"
                 [baseValue]="implementation.outputFormat"
+                [multiline]="true"
+                [maxLines]="10"
         ></app-text-input>
       </mat-card>
     </div>

From 076a6889ec0276778cef690a6b22f1d24366efd1 Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 15:07:05 +0200
Subject: [PATCH 4/8] reorder cloud service properties

---
 .../cloud-service-properties.component.html   | 46 ++++++++++---------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html b/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html
index 5c4bc5a2..563c5841 100644
--- a/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html
+++ b/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html
@@ -1,18 +1,5 @@
 <div class="p-4">
   <div class="row">
-    <div class="col-lg-6 col-sm-12">
-      <mat-card class="m-2">
-        <app-text-input
-          name="Description"
-          [multiline]="true"
-          [maxLines]="5"
-          [value]="cloudService.description"
-          (onChange)="onPropertyChanged($event,   'description')"
-          (onSaveChanges)="onChangesSaved($event, 'description')"
-        ></app-text-input>
-      </mat-card>
-    </div>
-
     <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input
@@ -23,30 +10,47 @@
         ></app-text-input>
       </mat-card>
     </div>
-  </div>
 
-  <div class="row">
     <div class="col-lg-6 col-sm-12">
       <mat-card class="m-2">
         <app-text-input
-          name="URL"
-          [isLink]="true"
-          [value]="cloudService.url"
-          (onChange)="onPropertyChanged($event, 'url')"
-          (onSaveChanges)="onChangesSaved($event, 'url')"
+                name="URL"
+                [isLink]="true"
+                [value]="cloudService.url"
+                (onChange)="onPropertyChanged($event, 'url')"
+                (onSaveChanges)="onChangesSaved($event, 'url')"
         ></app-text-input>
       </mat-card>
     </div>
+  </div>
 
-    <div class="col-lg-6 col-sm-12">
+  <div class="row">
+    <div class="col-12">
       <mat-card class="m-2">
         <app-text-input
           name="Cost Model"
           [value]="cloudService.costModel"
+          [multiline]="true"
+          [maxLines]="5"
           (onChange)="onPropertyChanged($event, 'costModel')"
           (onSaveChanges)="onChangesSaved($event, 'costModel')"
         ></app-text-input>
       </mat-card>
     </div>
   </div>
+
+  <div class="row">
+    <div class="col-12">
+      <mat-card class="m-2">
+        <app-text-input
+                name="Description"
+                [multiline]="true"
+                [maxLines]="5"
+                [value]="cloudService.description"
+                (onChange)="onPropertyChanged($event,   'description')"
+                (onSaveChanges)="onChangesSaved($event, 'description')"
+        ></app-text-input>
+      </mat-card>
+    </div>
+  </div>
 </div>

From d5fa75a96861dff26ae5f39f7ec898d0f15586a1 Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 15:12:08 +0200
Subject: [PATCH 5/8] adapt max lines

---
 .../cloud-service-properties.component.html                   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html b/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html
index 563c5841..4348c446 100644
--- a/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html
+++ b/src/app/components/execution-environments/cloud-services/cloud-service-properties/cloud-service-properties.component.html
@@ -31,7 +31,7 @@
           name="Cost Model"
           [value]="cloudService.costModel"
           [multiline]="true"
-          [maxLines]="5"
+          [maxLines]="10"
           (onChange)="onPropertyChanged($event, 'costModel')"
           (onSaveChanges)="onChangesSaved($event, 'costModel')"
         ></app-text-input>
@@ -45,7 +45,7 @@
         <app-text-input
                 name="Description"
                 [multiline]="true"
-                [maxLines]="5"
+                [maxLines]="50"
                 [value]="cloudService.description"
                 (onChange)="onPropertyChanged($event,   'description')"
                 (onSaveChanges)="onChangesSaved($event, 'description')"

From 16b19ab5b5bb64754658886b3cdbc7df997034ce Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 16:59:55 +0200
Subject: [PATCH 6/8] remove multi line and latex rendering for specific
 properties

---
 .../implementation-properties.component.html                  | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/app/components/algorithms/implementation-properties/implementation-properties.component.html b/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
index 017241d4..51b79039 100644
--- a/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
+++ b/src/app/components/algorithms/implementation-properties/implementation-properties.component.html
@@ -8,7 +8,6 @@
           (onSaveChanges)="onChangesSaved($event,'name')"
           [value]="frontendImplementation.name"
           [baseValue]="implementation.name"
-          [multiline]="true"
         ></app-text-input>
       </mat-card>
     </div>
@@ -21,7 +20,6 @@
           (onSaveChanges)="onChangesSaved($event,'contributors')"
           [value]="frontendImplementation.contributors"
           [baseValue]="implementation.contributors"
-          [multiline]="true"
         ></app-text-input>
       </mat-card>
     </div>
@@ -36,7 +34,6 @@
           (onSaveChanges)="onChangesSaved($event,'version')"
           [value]="frontendImplementation.version"
           [baseValue]="implementation.version"
-          [multiline]="true"
         ></app-text-input>
       </mat-card>
     </div>
@@ -49,7 +46,6 @@
           (onSaveChanges)="onChangesSaved($event,'license')"
           [value]="frontendImplementation.license"
           [baseValue]="implementation.license"
-          [multiline]="true"
         ></app-text-input>
       </mat-card>
     </div>

From 5c3cf4a825e3b0341c0ad34459e6dbfd9a7e838b Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Mon, 16 Aug 2021 19:12:20 +0200
Subject: [PATCH 7/8] revert removing hybrid as option

---
 src/app/components/algorithms/dialogs/add-algorithm-dialog.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/components/algorithms/dialogs/add-algorithm-dialog.html b/src/app/components/algorithms/dialogs/add-algorithm-dialog.html
index 119d5e80..80e1328c 100644
--- a/src/app/components/algorithms/dialogs/add-algorithm-dialog.html
+++ b/src/app/components/algorithms/dialogs/add-algorithm-dialog.html
@@ -10,6 +10,7 @@ <h1 mat-dialog-title>{{data.title}}</h1>
       <mat-select formControlName="computationModel" required>
         <mat-option [value]="'CLASSIC'">Classic</mat-option>
         <mat-option [value]="'QUANTUM'">Quantum</mat-option>
+        <mat-option [value]="'HYBRID'">Hybrid</mat-option>
       </mat-select>
     </mat-form-field>
     <ng-container *ngIf="computationModel.value !== 'CLASSIC'">

From 859c7d75aeabe27695aa6d055ebda5aa482b31e4 Mon Sep 17 00:00:00 2001
From: salmma <marie.salm@iaas.uni-stuttgart.de>
Date: Tue, 17 Aug 2021 09:20:25 +0200
Subject: [PATCH 8/8] remove comment

---
 .../algorithm-properties/algorithm-properties.component.html     | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html b/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html
index 95562624..34e6096e 100644
--- a/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html
+++ b/src/app/components/algorithms/algorithm-properties/algorithm-properties.component.html
@@ -24,7 +24,6 @@
   </div>
 
   <div class="row" *ngIf="algorithm.computationModel === 'QUANTUM' && frontendAlgorithm.computationModel === 'QUANTUM'">
-    <!-- TODO: finish Sketch -->
     <div class="col-xl-4 col-lg-12">
       <mat-card class="m-2">
         <app-select-input name="Quantum computation model"