SD-WAN

 View Only
  • 1.  UI Modifications

    Posted Oct 13, 2014 03:18 AM

    Hi Team,

     

    I am trying to update the charts that are generated by default when you run the App Generator. I want the charts to have my data in them, instead of the default data that they currently have.

     

     

    How do I go about this? The Programmers Guide is very unclear about this and I've read up on SKI but that hasn't helped either.

     

    For example, when I recieve a FlowRemoved message, I want to plot how many bytes were in that flow on the chart (so update the new chart with the datapoint).

     

     

    Help Please :)



  • 2.  RE: UI Modifications

    Posted Oct 16, 2014 06:25 PM

    Hi Matthew,

     

    Have you looked at the .js files in the src/main/webapp/app directory for your application?  For an app named 'foo', the full directory path is sdn-foo/foo-ui/src/main/webapp/app.

     

    I'll see what I can do to get some additional details.



  • 3.  RE: UI Modifications

    Posted Oct 16, 2014 07:21 PM

    Hi cmaxwell,

     

    I've got that open - yes.

     

    I guess to clarify, I want to be able to update the graphs with data that is (currently) stored within my app (in arrays and other data structures).

     

    Is there an easy way of doing this?



  • 4.  RE: UI Modifications

    Posted Oct 17, 2014 01:53 AM

    Hello Matthew,

     

    App generator creates two charts by default with some data.The two charts are getting populated from the values present in java script file  sdn-hm/hm-ui/src/main/webapp/app/hmChart.js (the functions mkchart1 and mkchart2)

     

    You can try to code java script files under the directory sdn-hm/hm-ui/src/main/webapp/   , this will help you to create/modify the charts. Also please refer to the SDN Programming guide 2.3 page 197 onwards[Creating a GUI]

     

    Please let us know if this helps or still you face some problem.

     

    Thanks,

    HP SDN Team



  • 5.  RE: UI Modifications

    Posted Oct 17, 2014 11:18 PM

    My question is more revolving around - How do I get the data from the Java code that controls my app, into the javascript code in sdn-hm/hm-ui/src/main/webapp/app/hmChart.js

     

    I've read the programming guide.



  • 6.  RE: UI Modifications

    Posted Oct 21, 2014 12:47 PM

    Hi Matthew,

     

    Please go to the lib/util directory inside the hp-sdn-sdk directory.  In there you will find hp-util-ski-ui-6.33.0.war, which is a reference implementation for the UI using SKI.  This war file can be deployed on a tomcat server using the tomcat manager app and can be used for reference implementation for the chart as well.

     

    More information can be found in the SDN Programming Guide under the section "SKI Framework - Live Reference Application."  Here's a link to the Programming Guide:

     

    http://h20628.www2.hp.com/km-ext/kmcsdirect/emr_na-c04383851-2.pdf

     

    Good luck!