WIP Timeline: create start/due values with drag'n'drop

frontend/app/components/work-packages/work-package-cache.service.ts

@@ -83,15 +83,11 @@ export class WorkPackageCacheService {
   }
 
   saveIfChanged(workPackage) {
-    console.log("saveIfChanged");
 
     if (!(workPackage.dirty || workPackage.isNew)) {
-      console.log("    - aborted");
       return this.$q.when(workPackage);
     }
 
-    console.log("     - pass");
-
     const deferred = this.$q.defer();
     workPackage.save()
       .then(() => {

frontend/app/components/wp-table/timeline/cell-renderer/timeline-milestone-cell-renderer.ts

@@ -30,7 +30,6 @@ export class TimelineMilestoneCellRenderer extends TimelineCellRenderer {
     const placeholder = document.createElement("div");
     placeholder.className = "timeline-element milestone";
     placeholder.style.pointerEvents = "none";
-    placeholder.style.position = "absolute";
     placeholder.style.height = "1em";
     placeholder.style.width = "1em";
     placeholder.style.left = (days * renderInfo.viewParams.pixelPerDay) + "px";
@@ -94,6 +93,7 @@ export class TimelineMilestoneCellRenderer extends TimelineCellRenderer {
     if (dateForCreate) {
       renderInfo.workPackage.date = dateForCreate;
       direction = "create";
+      return direction;
     }
 
     // create date label

frontend/app/components/wp-table/timeline/wp-timeline-cell-mouse-handler.ts

@@ -61,11 +61,6 @@ export function registerWorkPackageMouseHandler(this: void,
     workPackageMouseDownFn(ev);
   };
 
-  jBody.on("mouseup", () => {
-      deactivate(false);
-    }
-  );
-
   function applyDateValues(dates:{[name:string]: Moment}) {
     const wp = renderInfo.workPackage;
 
@@ -108,6 +103,7 @@ export function registerWorkPackageMouseHandler(this: void,
 
     jBody.on("mousemove", createMouseMoveFn(direction));
     jBody.on("keyup", keyPressFn);
+    jBody.on("mouseup", () => deactivate(false));
   }
 
   function handleMouseMoveOnEmptyCell(ev: MouseEvent) {
@@ -142,6 +138,7 @@ export function registerWorkPackageMouseHandler(this: void,
 
       if (mouseDownType === "create") {
         deactivate(false);
+        ev.preventDefault();
         return;
       }
 
@@ -162,25 +159,17 @@ export function registerWorkPackageMouseHandler(this: void,
         deactivate(false);
       };
 
-      jBody.on("keyup", (ev) => {
-        const kev: KeyboardEvent = ev as any;
-        if (kev.keyCode === keyCodeESC) {
-          deactivate(true);
-        }
-      });
-
+      jBody.on("keyup", keyPressFn);
     };
   }
 
   function deactivate(cancelled: boolean) {
     workPackageTimeline.disableViewParamsCalculation = false;
 
-    // if (startX == null) {
-    //   return;
-    // }
-
     cell.onmousemove = handleMouseMoveOnEmptyCell;
+    cell.onmouseup = null;
     bar.style.pointerEvents = "auto";
+    jBody.off("mouseup");
     jBody.off("mousemove");
     jBody.off("keyup");
     jQuery(".hascontextmenu").css("cursor", "context-menu");