Added support for literal editing

Added subclasses of SLabelNode for attributes and literals. Changed EcoreLabelOperationHandler to support server side editing. Resolves:eclipsesource#61 Signed-off-by: leodennis <[email protected]>
jcebel · Dec 20, 2019 · d566917 · d566917
1 parent 8e1b95e
commit d566917
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 24 deletions.
diff --git a/client/sprotty-ecore/src/di.config.ts b/client/sprotty-ecore/src/di.config.ts
@@ -71,8 +71,8 @@ import { Container, ContainerModule } from "inversify";
 import {EditLabelUIAutocomplete} from "./features/edit-label-autocomplete";
 import { EditLabelUI } from "sprotty/lib";
 import { LabelSelectionFeedback } from "./feedback";
-import {ArrowEdge, CompositionEdge, InheritanceEdge, LabeledNode, SEditableLabel, SLabelNode, IconDataType, IconEnum, IconInterface, IconAbstract, IconClass} from "./model";
-import { ArrowEdgeView, ClassNodeView, CompositionEdgeView, IconView, InheritanceEdgeView, LabelNodeView, EcoreSLabelView } from "./views";
+import {ArrowEdge, CompositionEdge, InheritanceEdge, LabeledNode, SEditableLabel, IconDataType, IconEnum, IconInterface, IconAbstract, IconClass, SLabelNodeAttribute, SLabelNodeLiteral} from "./model";
+import { ArrowEdgeView, ClassNodeView, CompositionEdgeView, IconView, InheritanceEdgeView, LabelNodeView } from "./views";
 
 export default (containerId: string) => {
     const classDiagramModule = new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -88,8 +88,8 @@ export default (containerId: string) => {
         configureModelElement(context, 'node:datatype', LabeledNode, ClassNodeView);
         configureModelElement(context, 'label:name', SEditableLabel, SLabelView);
         configureModelElement(context, 'label:edge', SLabel, SLabelView);
-        configureModelElement(context, 'node:attribute', SLabelNode, LabelNodeView);
-        configureModelElement(context, 'node:enumliteral', SLabel, EcoreSLabelView);
+        configureModelElement(context, 'node:attribute', SLabelNodeAttribute, LabelNodeView);
+        configureModelElement(context, 'node:enumliteral', SLabelNodeLiteral, LabelNodeView);
         configureModelElement(context, 'node:operation', SNode, RectangularNodeView);
         configureModelElement(context, 'label:text', SLabel, SLabelView);
         configureModelElement(context, 'comp:comp', SCompartment, SCompartmentView);

diff --git a/client/sprotty-ecore/src/model.ts b/client/sprotty-ecore/src/model.ts
@@ -96,13 +96,22 @@ export class IconDataType extends Icon {
 
 export class SLabelNode extends SLabel implements EditableLabel {
     hoverFeedback: boolean = false;
+    imageName: string;
 
     hasFeature(feature: symbol): boolean {
         return (feature === selectFeature || feature === editLabelFeature || feature === popupFeature || feature === deletableFeature || 
             feature === hoverFeedbackFeature || super.hasFeature(feature));
     }
 }
 
+export class SLabelNodeAttribute extends SLabelNode {
+    imageName = "EAttribute.svg";
+}
+
+export class SLabelNodeLiteral extends SLabelNode {
+    imageName = "EEnumLiteral.svg";
+}
+
 export class ArrowEdge extends SEdge {
     public readonly targetAnchorCorrection = 3.3;
 }

diff --git a/client/sprotty-ecore/src/views.tsx b/client/sprotty-ecore/src/views.tsx
@@ -27,7 +27,6 @@ import {
   setAttr,
   SLabelView,
   toDegrees,
-  SLabel,
 } from "sprotty/lib";
 
 import { Icon, LabeledNode, SLabelNode } from "./model";
@@ -132,7 +131,7 @@ export class AggregationEdgeView extends DiamondEdgeView {
 @injectable()
 export class LabelNodeView extends SLabelView {
   render(labelNode: Readonly<SLabelNode>, context: RenderingContext): VNode {
-    const image = require("../images/EAttribute.svg");
+    const image = require("../images/" + labelNode.imageName);
 
     const vnode = (
       <g
@@ -151,24 +150,6 @@ export class LabelNodeView extends SLabelView {
   }
 }
 
-@injectable()
-export class EcoreSLabelView extends SLabelView {
-  render(labelNode: Readonly<SLabel>, context: RenderingContext): VNode {
-    const image = require("../images/EEnumLiteral.svg");
-
-    const vnode = (
-      <g class-sprotty-label-node={true}>
-        <image class-sprotty-icon={true} href={image} y={-4} width={13} height={8}></image>
-        <text x={20} class-sprotty-label={true}>{labelNode.text}</text>
-      </g>
-    );
-
-    const subType = getSubType(labelNode);
-    if (subType) setAttr(vnode, "class", subType);
-    return vnode;
-  }
-}
-
 export function angle(x0: Point, x1: Point): number {
   return toDegrees(Math.atan2(x1.y - x0.y, x1.x - x0.x));
 }
diff --git a/...in/java/com/eclipsesource/glsp/ecore/operationhandler/EcoreLabelEditOperationHandler.java b/...in/java/com/eclipsesource/glsp/ecore/operationhandler/EcoreLabelEditOperationHandler.java
@@ -26,6 +26,7 @@
 import org.eclipse.emf.ecore.EAttribute;
 import org.eclipse.emf.ecore.EClassifier;
 import org.eclipse.emf.ecore.EDataType;
+import org.eclipse.emf.ecore.EEnumLiteral;
 import org.eclipse.emf.ecore.EObject;
 import org.eclipse.emf.ecore.EcorePackage;
 
@@ -79,6 +80,12 @@ public void execute(AbstractOperationAction action, GraphicalModelState graphica
 				if (!attributeName.isEmpty()) {
 					((EAttribute) eObject).setName(attributeName);
 				}
+			} else if (eObject instanceof EEnumLiteral) {
+				String inputText = editLabelAction.getText().trim();
+
+				if (!inputText.isEmpty()) {
+					((EEnumLiteral) eObject).setName(inputText);
+				}
 			}
 		} else { // Main Label of a Node
 			GNode node = getOrThrow(index.findElementByClass(editLabelAction.getLabelId(), GNode.class),