8:00 – 4:30 SR

• Re-ordered my dev machine
• Had a good discussion with Lenny about future directions for the project and how to effectively use my time while we wait for someone to come on board.
• Working on figuring out how to put an absolute div in a dynamic page. Ok, here’s how I got it to work.
• This is the style

  <style>
      .wrapperPanel {
          display: flex;
          justify-content: center;
          background-color: lightgray;
          margin-bottom: 10px;
          margin-top: 10px;
          width: 98vw;
          height: 30vh;
      }
  
      .mainWindow {
          position: relative;
          width: 100%;
          height: 100%;
          background: linear-gradient(darkblue, black);
      }
  
      .glDiv {
          position: absolute;
          width: 100%;
          height: 100%;
      }
  </style>

• and this is the HTML

  <div class="wrapperPanel">
      <div class="mainWindow">
          <ng-network-webgl class="glDiv" config-obj="glc.configObj"></ng-network-webgl>
      </div>
  </div>

• The mainWindow css is needed so that the div with the ‘glDiv’ css has something to reference to. Otherwise the overlays won’t work.
• Lunch thoughts
  • Confirm/Dispute
  • URL chain (or, just chain)
• Handoff meeting from Brad to Steve tomorrow at 2:00 or later.
• Added webgl network canvas using inheritance for the controller. Aside from forgetting the stylesheet, everything worked as hoped for!

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!