Initial sim implementation

sim/visuals/nodes/touchSensorView.ts

@@ -0,0 +1,67 @@
+/// <reference path="./staticView.ts" />
+
+namespace pxsim.visuals {
+    export class TouchSensorView extends StaticModuleView implements LayoutElement {
+
+        private static RECT_ID = ["touch_gradient4", "touch_gradient3", "touch_gradient2", "touch_gradient1"];
+        private static TOUCH_GRADIENT_UNPRESSED = ["linear-gradient-2", "linear-gradient-3", "linear-gradient-4", "linear-gradient-5"];
+        private static TOUCH_GRADIENT_PRESSED = ["linear-gradient-6", "linear-gradient-7", "linear-gradient-8", "linear-gradient-9"];
+
+        private unpressedGradient: string;
+        private pressedGradient: string;
+
+        private xLinkGradients: string[];
+
+        constructor(port: number) {
+            super(TOUCH_SENSOR_SVG, "touch", NodeType.TouchSensor, port);
+        }
+
+        public getPaddingRatio() {
+            return 1 / 10;
+        }
+
+        public hasClick() {
+            return false;
+        }
+
+        private setAttribute(svgId: string, attribute: string, value: string) {
+            const el = this.content.getElementById(svgId);
+            if (el) el.setAttribute(attribute, value);
+        }
+
+        private setStyleFill(svgId: string, fillUrl: string) {
+            const el = (this.content.getElementById(svgId) as SVGRectElement);
+            if (el) el.style.fill = `url("#${fillUrl}")`;
+        }
+
+        public attachEvents() {
+            this.content.style.cursor = "pointer";
+            const btn = this.content;
+            const state = ev3board().getSensor(this.port, DAL.DEVICE_TYPE_TOUCH) as TouchSensorNode;
+            btn.addEventListener(pointerEvents.down, ev => {
+                this.setPressed(true);
+                state.setPressed(true);
+            })
+            btn.addEventListener(pointerEvents.leave, ev => {
+                this.setPressed(false);
+                state.setPressed(false);
+            })
+            btn.addEventListener(pointerEvents.up, ev => {
+                this.setPressed(false);
+                state.setPressed(false);
+            })
+        }
+
+        private setPressed(pressed: boolean) {
+            if (pressed) {
+                for (let i = 0; i < 4; i ++) {
+                    this.setStyleFill(`${this.normalizeId(TouchSensorView.RECT_ID[i])}`, `${this.normalizeId(TouchSensorView.TOUCH_GRADIENT_PRESSED[i])}`);
+                }
+            } else {
+                for (let i = 0; i < 4; i ++) {
+                    this.setStyleFill(`${this.normalizeId(TouchSensorView.RECT_ID[i])}`, `${this.normalizeId(TouchSensorView.TOUCH_GRADIENT_UNPRESSED[i])}`);
+                }
+            }
+        }
+    }
+}