Use radio buttons

Signed-off-by: Michael Wurster <miwurster@googlemail.com>
winery · Mar 23, 2021 · 69546b2 · 69546b2
1 parent 39def08
commit 69546b2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 37 deletions.
diff --git a/...ry.frontends/app/topologymodeler/src/app/edmm/assign-deployment-technology.component.html b/...ry.frontends/app/topologymodeler/src/app/edmm/assign-deployment-technology.component.html
@@ -32,8 +32,11 @@
         </td>
         <td class="table-td">
             <div style="margin-left: 2px; margin-top: 4px;">
-                <input type="checkbox" id="isMemberCheckbox" [checked]="isMember(p)"
-                       (change)="toggleMembership(p)">
+                <input type="radio" id="isMemberCheckbox"
+                       [name]="node.id"
+                       [value]="p.id"
+                       (change)="toggleMembership(p)"
+                       [checked]="isMember(p)">
                 <label for="isMemberCheckbox"></label>
             </div>
         </td>

diff --git a/...nery.frontends/app/topologymodeler/src/app/edmm/assign-deployment-technology.component.ts b/...nery.frontends/app/topologymodeler/src/app/edmm/assign-deployment-technology.component.ts
@@ -48,44 +48,12 @@ export class AssignDeploymentTechnologyComponent implements OnInit {
 
     isMember(dt: DeploymentTechnology) {
         const value = this.node.otherAttributes[AssignDeploymentTechnologyComponent.QNAME];
-        if (value) {
-            if (value.indexOf(',') > -1) {
-                return value.split(',').indexOf(dt.id) > -1;
-            } else {
-                return dt.id === value;
-            }
-        }
-        return false;
+        return value && dt.id === value;
     }
 
     toggleMembership(dt: DeploymentTechnology) {
-        const value = this.node.otherAttributes[AssignDeploymentTechnologyComponent.QNAME];
-        if (this.isMember(dt)) {
-            if (value.indexOf(',') > -1) {
-                const arr = value.split(',');
-                const index = arr.findIndex((p) => p === dt.id);
-                arr.splice(index, 1);
-                this.ngRedux.dispatch(this.ngActions.assignDeploymentTechnology(this.node, arr.join(',')));
-            } else {
-                this.ngRedux.dispatch(this.ngActions.assignDeploymentTechnology(this.node, ''));
-            }
-        } else {
-            if (value) {
-                if (value.indexOf(',') > -1) {
-                    const arr = value.split(',');
-                    arr.push(dt.id);
-                    this.ngRedux.dispatch(this.ngActions.assignDeploymentTechnology(
-                        this.node, arr.join(',')
-                    ));
-                } else {
-                    this.ngRedux.dispatch(this.ngActions.assignDeploymentTechnology(
-                        this.node, value + ',' + dt.id
-                    ));
-                }
-            } else {
-                this.ngRedux.dispatch(this.ngActions.assignDeploymentTechnology(this.node, dt.id));
-            }
-        }
+        console.log('toggleMembership', dt);
+        this.ngRedux.dispatch(this.ngActions.assignDeploymentTechnology(this.node, dt.id));
     }
 
     isEmpty(): boolean {