Great Work and looks really nice..!!! This feature will really be helpful. On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <lak...@wso2.com> wrote:
> Great work! > > On Fri, Nov 28, 2014 at 10:01 AM, Imesh Gunaratne <im...@apache.org> > wrote: > >> Hi Dakshika, >> >> Fabulous work!! This is one of the key elements of the dashboard. >> I would like to propose use three simple colours like "Orange", "Green" >> and "Red" to represent "Inactive", "Active" and "Terminating" states of >> each element. WDYT? >> >> +1 to use these colours to represent the current status of elements. > Thanks, Reka > > >> Thanks >> >> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <daksh...@wso2.com> >> wrote: >> >>> Hi Devs, >>> >>> I'm planning to add topology view tree to application detail view page. >>> We had suggestion thread[1] and i have came up with solution based on d3js >>> which include automatic node positioning with Reingold–Tilford “tidy” >>> algorithm[2]. >>> >>> >>> >>> >>> I have created three icons based on our requirement. (Application, >>> Group, Cluster and Member). Each node on the tree will include extra >>> information on hover. Also we need to finalize colors of each node >>> depending on the status. >>> >>> Current status levels >>> >>> *MemberStatus* - Created, Starting, Activated, In_Maintenance, >>> ReadyToShutDown, Suspended, Terminated >>> >>> *ApplicationStatus* - Created, Active, Inactive, Terminating, Terminated >>> >>> *ClusterStatus* - Created, Active, Patching, Inactive, Terminating, >>> Terminated >>> >>> *GroupStatus* - Created, Active, Inactive, Terminating, Terminated >>> >>> Seems we need to coloring only the important status and need to show >>> keys on screen. Also Current tree is not live updating, so i'm planning to >>> add refresh button to get latest status on topology. >>> >>> WDYT? >>> >>> please be kind enough to add your valuable feedback. You can check code >>> demo[4] on my personal repo[3] and live screenshot attached. >>> >>> >>> [1] Dashboard for the Composite Application based on status changes >>> [2] http://emr.cs.iit.edu/~reingold/tidier-drawings.pdf >>> [3] https://github.com/dakshika/stratos-app-editor >>> [4] >>> http://htmlpreview.github.io/?https://github.com/dakshika/stratos-app-editor/blob/master/topologyviewer.html >>> >>> >>> *Dakshika Jayathilaka* >>> Software Engineer >>> WSO2, Inc. >>> lean.enterprise.middleware >>> 0771100911 >>> >> >> >> >> -- >> Imesh Gunaratne >> >> Technical Lead, WSO2 >> Committer & PMC Member, Apache Stratos >> > > > > -- > Lakmal Warusawithana > Vice President, Apache Stratos > Director - Cloud Architecture; WSO2 Inc. > Mobile : +94714289692 > Blog : http://lakmalsview.blogspot.com/ > > -- Reka Thirunavukkarasu Senior Software Engineer, WSO2, Inc.:http://wso2.com, Mobile: +94776442007