8:00 – 4:00

• Told Lenny about Dong’s resignation.
• More dynamic chart data.
• Set the meta information about the kind of data into each item so that the directive knows what to draw.
• In the main app, set it so that the data was returned in one object and meta information about the query was returned in the other
• Connect the data provider to the initial pull
• Add additional defined strings for query types to support different flavors of queries (DRILL_DOWN, etc)
• Add defined strings for response type (NEW, REPLACE, APPEND, UPDATE, etc) UPDATE should keep current data and only add new.
• Need to be able to add and delete (lines? lighting?) between nodes without adjusting the behavior of the nodes. It’s be nice to be able to do this as part of the mouseover
  • AddRelation(target) – creates an entry in a hashmap
  • DeleteRelation(target) – deletes the entry
  • CustomMouseoverBehavior(c:WglComponentBase){} – add to CanvasBase

9:30 – 5:00 SR

• For a break, I’m going to build a directive that pops up in response to a NovettaUtils.ATSMessenger event. Also going to look into using flex containers for the WebGl
• Took a much-needed detour into handling resize events so more advanced CSS can be supported. . It works like this:
  • First, set up the callback. Not that it is attached to the window, not an element in the scope.

    window.addEventListener('resize', this.handleResizeEvent, false);

  • Then we have the event handler

    private handleResizeEvent(ev:Event):void{
        console.log(ev.type);
        var parent = this.getTopNode();
        if(parent){
            this.setAdjWidth(parent.clientWidth);
            this.setAdjHeight(parent.clientHeight);
            this.renderer.setSize(this.adjWidth, this.adjHeight);
            if(this.getUse3D()) {
                var pcam:THREE.PerspectiveCamera = <THREE.PerspectiveCamera>(this.camera);
                pcam.aspect = this.getAdjWidth() / this.getAdjHeight();
                pcam.updateProjectionMatrix();
            }else{
                var ocam:THREE.OrthographicCamera = <THREE.OrthographicCamera>(this.camera);
                ocam.right = this.getAdjWidth();
                ocam.top = this.getAdjHeight();
                ocam.updateProjectionMatrix();
            }
        }
    }

  • How to center a absolute div
  • Ok, got the basics of the pop-up directive working in a dynamic viewport!