You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@stratos.apache.org by Dakshika Jayathilaka <da...@wso2.com> on 2014/11/28 05:06:54 UTC
[Discuss] Interactive Topology Tree for application
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
Re: [Discuss] Interactive Topology Tree for application
Posted by Akila Ravihansa Perera <ra...@wso2.com>.
Hi Dakshika,
Brilliant stuff! This is super cool.
Do we have plans to put hovering pop up boxes with detailed information
when you click on an icon? Sorry, if this was already discussed.
Thanks.
On Fri, Nov 28, 2014 at 2:03 PM, Manula Chathurika Thantriwatte <
manulac@wso2.com> wrote:
> Hi,
>
> Great work Dakshika.
>
> On Fri, Nov 28, 2014 at 1:09 PM, Dakshika Jayathilaka <da...@wso2.com>
> wrote:
>
>> Yes gayan.. d3js include tidy algo inbuit. it can handle any number of
>> nodes. Normally binary tree algo can't handle more than two.
>>
>> *Dakshika Jayathilaka*
>> Software Engineer
>> WSO2, Inc.
>> lean.enterprise.middleware
>> 0771100911
>>
>> On Fri, Nov 28, 2014 at 1:02 PM, Gayan Gunarathne <ga...@wso2.com>
>> wrote:
>>
>>> Great work and nice findings of algorithm Dakshika!
>>>
>>> Is that algorithm supports more than 2 Siblings per parent?
>>>
>>> On Fri, Nov 28, 2014 at 10:25 AM, Sajith Kariyawasam <sa...@wso2.com>
>>> wrote:
>>>
>>>> Great work Dakshika !
>>>>
>>>> Just a thought, can this be supported with expand / collapse options?
>>>> which I think be useful when the number of nodes are high..
>>>>
>>>> On Fri, Nov 28, 2014 at 10:14 AM, Shiroshica Kulatilake <shiro@wso2.com
>>>> > wrote:
>>>>
>>>>> Looks spiffy !!
>>>>>
>>>>> I was going to ask the same question as Chamila :)
>>>>>
>>>>> Would it be useful to have the status shown in a label against the
>>>>> node ?
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <ch...@wso2.com>
>>>>> wrote:
>>>>>
>>>>>> Great work Dakshika!
>>>>>>
>>>>>> Will there be a legend to indicate which colors represent which
>>>>>> statuses?
>>>>>>
>>>>>>
>>>>>> Regards,
>>>>>> Chamila de Alwis
>>>>>> Software Engineer | WSO2 | +94772207163
>>>>>> Blog: code.chamiladealwis.com
>>>>>>
>>>>>>
>>>>>>
>>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>>> lakmal@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
>>>>>>>
>>>>>>>
>>>>>>>> Thanks
>>>>>>>>
>>>>>>>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <
>>>>>>>> dakshika@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/
>>>>>>>
>>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> Shiroshica Kulatilake
>>>>>
>>>>> Architect,
>>>>> WSO2, Inc. http://wso2.com/
>>>>> Phone: +94 776523867
>>>>>
>>>>
>>>>
>>>>
>>>> --
>>>> *Sajith Kariyawasam*
>>>>
>>>>
>>>> *Committer and PMC member, Apache Stratos,WSO2 Inc., http://wso2.com
>>>> <http://wso2.com>AMIE (SL)Mobile: +94772269575*
>>>>
>>>
>>>
>>>
>>> --
>>>
>>> Gayan Gunarathne
>>> Technical Lead
>>> WSO2 Inc. (http://wso2.com)
>>> email : gayang@wso2.com | mobile : +94 766819985
>>>
>>>
>>
>>
>
>
> --
> Regards,
> Manula Chathurika Thantriwatte
> Software Engineer
> WSO2 Inc. : http://wso2.com
> lean . enterprise . middleware
>
> email : manulac@wso2.com / manula@apache.org
> phone : +94 772492511
> blog : http://manulachathurika.blogspot.com/
>
>
>
>
--
Akila Ravihansa Perera
Software Engineer, WSO2
Blog: http://ravihansa3000.blogspot.com
Re: [Discuss] Interactive Topology Tree for application
Posted by Manula Chathurika Thantriwatte <ma...@wso2.com>.
Hi,
Great work Dakshika.
On Fri, Nov 28, 2014 at 1:09 PM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> Yes gayan.. d3js include tidy algo inbuit. it can handle any number of
> nodes. Normally binary tree algo can't handle more than two.
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 1:02 PM, Gayan Gunarathne <ga...@wso2.com> wrote:
>
>> Great work and nice findings of algorithm Dakshika!
>>
>> Is that algorithm supports more than 2 Siblings per parent?
>>
>> On Fri, Nov 28, 2014 at 10:25 AM, Sajith Kariyawasam <sa...@wso2.com>
>> wrote:
>>
>>> Great work Dakshika !
>>>
>>> Just a thought, can this be supported with expand / collapse options?
>>> which I think be useful when the number of nodes are high..
>>>
>>> On Fri, Nov 28, 2014 at 10:14 AM, Shiroshica Kulatilake <sh...@wso2.com>
>>> wrote:
>>>
>>>> Looks spiffy !!
>>>>
>>>> I was going to ask the same question as Chamila :)
>>>>
>>>> Would it be useful to have the status shown in a label against the node
>>>> ?
>>>>
>>>> On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <ch...@wso2.com>
>>>> wrote:
>>>>
>>>>> Great work Dakshika!
>>>>>
>>>>> Will there be a legend to indicate which colors represent which
>>>>> statuses?
>>>>>
>>>>>
>>>>> Regards,
>>>>> Chamila de Alwis
>>>>> Software Engineer | WSO2 | +94772207163
>>>>> Blog: code.chamiladealwis.com
>>>>>
>>>>>
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>> lakmal@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
>>>>>>
>>>>>>
>>>>>>> Thanks
>>>>>>>
>>>>>>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <
>>>>>>> dakshika@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/
>>>>>>
>>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>> Shiroshica Kulatilake
>>>>
>>>> Architect,
>>>> WSO2, Inc. http://wso2.com/
>>>> Phone: +94 776523867
>>>>
>>>
>>>
>>>
>>> --
>>> *Sajith Kariyawasam*
>>>
>>>
>>> *Committer and PMC member, Apache Stratos,WSO2 Inc., http://wso2.com
>>> <http://wso2.com>AMIE (SL)Mobile: +94772269575*
>>>
>>
>>
>>
>> --
>>
>> Gayan Gunarathne
>> Technical Lead
>> WSO2 Inc. (http://wso2.com)
>> email : gayang@wso2.com | mobile : +94 766819985
>>
>>
>
>
--
Regards,
Manula Chathurika Thantriwatte
Software Engineer
WSO2 Inc. : http://wso2.com
lean . enterprise . middleware
email : manulac@wso2.com / manula@apache.org
phone : +94 772492511
blog : http://manulachathurika.blogspot.com/
Re: [Discuss] Interactive Topology Tree for application
Posted by Dakshika Jayathilaka <da...@wso2.com>.
Yes gayan.. d3js include tidy algo inbuit. it can handle any number of
nodes. Normally binary tree algo can't handle more than two.
*Dakshika Jayathilaka*
Software Engineer
WSO2, Inc.
lean.enterprise.middleware
0771100911
On Fri, Nov 28, 2014 at 1:02 PM, Gayan Gunarathne <ga...@wso2.com> wrote:
> Great work and nice findings of algorithm Dakshika!
>
> Is that algorithm supports more than 2 Siblings per parent?
>
> On Fri, Nov 28, 2014 at 10:25 AM, Sajith Kariyawasam <sa...@wso2.com>
> wrote:
>
>> Great work Dakshika !
>>
>> Just a thought, can this be supported with expand / collapse options?
>> which I think be useful when the number of nodes are high..
>>
>> On Fri, Nov 28, 2014 at 10:14 AM, Shiroshica Kulatilake <sh...@wso2.com>
>> wrote:
>>
>>> Looks spiffy !!
>>>
>>> I was going to ask the same question as Chamila :)
>>>
>>> Would it be useful to have the status shown in a label against the node
>>> ?
>>>
>>> On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <ch...@wso2.com>
>>> wrote:
>>>
>>>> Great work Dakshika!
>>>>
>>>> Will there be a legend to indicate which colors represent which
>>>> statuses?
>>>>
>>>>
>>>> Regards,
>>>> Chamila de Alwis
>>>> Software Engineer | WSO2 | +94772207163
>>>> Blog: code.chamiladealwis.com
>>>>
>>>>
>>>>
>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <lakmal@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
>>>>>
>>>>>
>>>>>> Thanks
>>>>>>
>>>>>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <
>>>>>> dakshika@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/
>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> Shiroshica Kulatilake
>>>
>>> Architect,
>>> WSO2, Inc. http://wso2.com/
>>> Phone: +94 776523867
>>>
>>
>>
>>
>> --
>> *Sajith Kariyawasam*
>>
>>
>> *Committer and PMC member, Apache Stratos,WSO2 Inc., http://wso2.com
>> <http://wso2.com>AMIE (SL)Mobile: +94772269575*
>>
>
>
>
> --
>
> Gayan Gunarathne
> Technical Lead
> WSO2 Inc. (http://wso2.com)
> email : gayang@wso2.com | mobile : +94 766819985
>
>
Re: [Discuss] Interactive Topology Tree for application
Posted by Gayan Gunarathne <ga...@wso2.com>.
Great work and nice findings of algorithm Dakshika!
Is that algorithm supports more than 2 Siblings per parent?
On Fri, Nov 28, 2014 at 10:25 AM, Sajith Kariyawasam <sa...@wso2.com>
wrote:
> Great work Dakshika !
>
> Just a thought, can this be supported with expand / collapse options?
> which I think be useful when the number of nodes are high..
>
> On Fri, Nov 28, 2014 at 10:14 AM, Shiroshica Kulatilake <sh...@wso2.com>
> wrote:
>
>> Looks spiffy !!
>>
>> I was going to ask the same question as Chamila :)
>>
>> Would it be useful to have the status shown in a label against the node ?
>>
>> On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <ch...@wso2.com>
>> wrote:
>>
>>> Great work Dakshika!
>>>
>>> Will there be a legend to indicate which colors represent which
>>> statuses?
>>>
>>>
>>> Regards,
>>> Chamila de Alwis
>>> Software Engineer | WSO2 | +94772207163
>>> Blog: code.chamiladealwis.com
>>>
>>>
>>>
>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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
>>>>
>>>>
>>>>> Thanks
>>>>>
>>>>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <
>>>>> dakshika@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/
>>>>
>>>>
>>>
>>
>>
>> --
>> Shiroshica Kulatilake
>>
>> Architect,
>> WSO2, Inc. http://wso2.com/
>> Phone: +94 776523867
>>
>
>
>
> --
> *Sajith Kariyawasam*
>
>
> *Committer and PMC member, Apache Stratos,WSO2 Inc., http://wso2.com
> <http://wso2.com>AMIE (SL)Mobile: +94772269575*
>
--
Gayan Gunarathne
Technical Lead
WSO2 Inc. (http://wso2.com)
email : gayang@wso2.com | mobile : +94 766819985
Re: [Discuss] Interactive Topology Tree for application
Posted by Sajith Kariyawasam <sa...@wso2.com>.
Great work Dakshika !
Just a thought, can this be supported with expand / collapse options? which
I think be useful when the number of nodes are high..
On Fri, Nov 28, 2014 at 10:14 AM, Shiroshica Kulatilake <sh...@wso2.com>
wrote:
> Looks spiffy !!
>
> I was going to ask the same question as Chamila :)
>
> Would it be useful to have the status shown in a label against the node ?
>
> On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <ch...@wso2.com>
> wrote:
>
>> Great work Dakshika!
>>
>> Will there be a legend to indicate which colors represent which statuses?
>>
>>
>> Regards,
>> Chamila de Alwis
>> Software Engineer | WSO2 | +94772207163
>> Blog: code.chamiladealwis.com
>>
>>
>>
>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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
>>>
>>>
>>>> Thanks
>>>>
>>>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <
>>>> dakshika@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/
>>>
>>>
>>
>
>
> --
> Shiroshica Kulatilake
>
> Architect,
> WSO2, Inc. http://wso2.com/
> Phone: +94 776523867
>
--
*Sajith Kariyawasam*
*Committer and PMC member, Apache Stratos,WSO2 Inc., http://wso2.com
<http://wso2.com>AMIE (SL)Mobile: +94772269575*
Re: [Discuss] Interactive Topology Tree for application
Posted by Shiroshica Kulatilake <sh...@wso2.com>.
Looks spiffy !!
I was going to ask the same question as Chamila :)
Would it be useful to have the status shown in a label against the node ?
On Fri, Nov 28, 2014 at 10:09 AM, Chamila De Alwis <ch...@wso2.com>
wrote:
> Great work Dakshika!
>
> Will there be a legend to indicate which colors represent which statuses?
>
>
> Regards,
> Chamila de Alwis
> Software Engineer | WSO2 | +94772207163
> Blog: code.chamiladealwis.com
>
>
>
> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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
>>
>>
>>> Thanks
>>>
>>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <dakshika@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/
>>
>>
>
--
Shiroshica Kulatilake
Architect,
WSO2, Inc. http://wso2.com/
Phone: +94 776523867
Re: [Discuss] Interactive Topology Tree for application
Posted by Chamila De Alwis <ch...@wso2.com>.
Great work Dakshika!
Will there be a legend to indicate which colors represent which statuses?
Regards,
Chamila de Alwis
Software Engineer | WSO2 | +94772207163
Blog: code.chamiladealwis.com
On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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
>
>
>> Thanks
>>
>> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <da...@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/
>
>
Re: [Discuss] Interactive Topology Tree for application
Posted by Vishanth Balasubramaniam <vi...@wso2.com>.
Great work dakshika. Looks really nice.
On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
wrote:
> My question was a label indicating whatever status near the node - so that
> all statuses can be viewed if needed - maybe this would be in a more
> verbose display ...
>
> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <da...@wso2.com>
> wrote:
>
>> @sajith: Currently not. But i can add that capability.
>>
>> *Dakshika Jayathilaka*
>> Software Engineer
>> WSO2, Inc.
>> lean.enterprise.middleware
>> 0771100911
>>
>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <dakshika@wso2.com
>> > wrote:
>>
>>> @chamila & @shiro: yes of course. Legends will appear on the right side
>>> of screen.
>>>
>>> that's why i mentioned "*need to show keys on screen" :)*
>>>
>>> *Dakshika Jayathilaka*
>>> Software Engineer
>>> WSO2, Inc.
>>> lean.enterprise.middleware
>>> 0771100911
>>>
>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
>>> wrote:
>>>
>>>> Great Work and looks really nice..!!! This feature will really be
>>>> helpful.
>>>>
>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <lakmal@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 <
>>>>>> dakshika@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
>>>>
>>>>
>>>>
>>>
>>
>
>
> --
> Shiroshica Kulatilake
>
> Architect,
> WSO2, Inc. http://wso2.com/
> Phone: +94 776523867
>
--
*Vishanth Balasubramaniam*
Software Engineer
WSO2 Inc.; http://wso2.com
lean.enterprise.middleware
mobile: *+94771737718*
about me: *http://about.me/vishanth <http://about.me/vishanth>*
Re: [Discuss] Interactive Topology Tree for application
Posted by Jerad Rutnam <je...@wso2.com>.
Awesome stuff Dakshika, looking forward for this feature. :)
On Sat, Nov 29, 2014 at 11:59 AM, Nirmal Fernando <ni...@gmail.com>
wrote:
> Great work Dakshika!! +1 for the color scheme you proposed.
>
> On Fri, Nov 28, 2014 at 10:52 AM, Dakshika Jayathilaka <da...@wso2.com>
> wrote:
>
>> Thank you all.. We need to finalize colors for status.
>>
>> StatusImeshDakhikaCreated-OrangeActiveGreenGreenInactiveOrangeGrey
>> Terminating/TerminatedRedRed
>>
>> Thank you..
>>
>> Regards,
>>
>> *Dakshika Jayathilaka*
>> Software Engineer
>> WSO2, Inc.
>> lean.enterprise.middleware
>> 0771100911
>>
>> On Fri, Nov 28, 2014 at 10:42 AM, Dakshika Jayathilaka <dakshika@wso2.com
>> > wrote:
>>
>>> @shiro: Currently you can see it by hovering on each node. (color + text
>>> on hover) If we add extra label near the node that will generate some
>>> issues on node auto positioning without overlapping.
>>>
>>> If you can come up with smart solution ontop of tidy algo, i'm happy to
>>> add that.. :)
>>>
>>> Thank you..
>>>
>>> *Dakshika Jayathilaka*
>>> Software Engineer
>>> WSO2, Inc.
>>> lean.enterprise.middleware
>>> 0771100911
>>>
>>> On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
>>> wrote:
>>>
>>>> My question was a label indicating whatever status near the node - so
>>>> that all statuses can be viewed if needed - maybe this would be in a more
>>>> verbose display ...
>>>>
>>>> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <
>>>> dakshika@wso2.com> wrote:
>>>>
>>>>> @sajith: Currently not. But i can add that capability.
>>>>>
>>>>> *Dakshika Jayathilaka*
>>>>> Software Engineer
>>>>> WSO2, Inc.
>>>>> lean.enterprise.middleware
>>>>> 0771100911
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <
>>>>> dakshika@wso2.com> wrote:
>>>>>
>>>>>> @chamila & @shiro: yes of course. Legends will appear on the right
>>>>>> side of screen.
>>>>>>
>>>>>> that's why i mentioned "*need to show keys on screen" :)*
>>>>>>
>>>>>> *Dakshika Jayathilaka*
>>>>>> Software Engineer
>>>>>> WSO2, Inc.
>>>>>> lean.enterprise.middleware
>>>>>> 0771100911
>>>>>>
>>>>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <
>>>>>> reka@wso2.com> wrote:
>>>>>>
>>>>>>> Great Work and looks really nice..!!! This feature will really be
>>>>>>> helpful.
>>>>>>>
>>>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>>>> lakmal@wso2.com> wrote:
>>>>>>>
>>>>>>>> Great work!
>>>>>>>>
>>>>>>>> On Fri, Nov 28, 2014 at 10:01 AM, Imesh Gunaratne <imesh@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 <
>>>>>>>>> dakshika@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
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>> Shiroshica Kulatilake
>>>>
>>>> Architect,
>>>> WSO2, Inc. http://wso2.com/
>>>> Phone: +94 776523867
>>>>
>>>
>>>
>>
>
>
> --
> Best Regards,
> Nirmal
>
> Nirmal Fernando.
> PPMC Member & Committer of Apache Stratos,
> Senior Software Engineer, WSO2 Inc.
>
> Blog: http://nirmalfdo.blogspot.com/
>
--
*Jerad Rutnam | **Software Engineer - UI*
WSO2, Inc. www.wso2.com
*Email: jerad@wso2.com <je...@wso2.com>*
Re: [Discuss] Interactive Topology Tree for application
Posted by Nirmal Fernando <ni...@gmail.com>.
Great work Dakshika!! +1 for the color scheme you proposed.
On Fri, Nov 28, 2014 at 10:52 AM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> Thank you all.. We need to finalize colors for status.
>
> StatusImeshDakhikaCreated-OrangeActiveGreenGreenInactiveOrangeGrey
> Terminating/TerminatedRedRed
>
> Thank you..
>
> Regards,
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 10:42 AM, Dakshika Jayathilaka <da...@wso2.com>
> wrote:
>
>> @shiro: Currently you can see it by hovering on each node. (color + text
>> on hover) If we add extra label near the node that will generate some
>> issues on node auto positioning without overlapping.
>>
>> If you can come up with smart solution ontop of tidy algo, i'm happy to
>> add that.. :)
>>
>> Thank you..
>>
>> *Dakshika Jayathilaka*
>> Software Engineer
>> WSO2, Inc.
>> lean.enterprise.middleware
>> 0771100911
>>
>> On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
>> wrote:
>>
>>> My question was a label indicating whatever status near the node - so
>>> that all statuses can be viewed if needed - maybe this would be in a more
>>> verbose display ...
>>>
>>> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <
>>> dakshika@wso2.com> wrote:
>>>
>>>> @sajith: Currently not. But i can add that capability.
>>>>
>>>> *Dakshika Jayathilaka*
>>>> Software Engineer
>>>> WSO2, Inc.
>>>> lean.enterprise.middleware
>>>> 0771100911
>>>>
>>>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <
>>>> dakshika@wso2.com> wrote:
>>>>
>>>>> @chamila & @shiro: yes of course. Legends will appear on the right
>>>>> side of screen.
>>>>>
>>>>> that's why i mentioned "*need to show keys on screen" :)*
>>>>>
>>>>> *Dakshika Jayathilaka*
>>>>> Software Engineer
>>>>> WSO2, Inc.
>>>>> lean.enterprise.middleware
>>>>> 0771100911
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <reka@wso2.com
>>>>> > wrote:
>>>>>
>>>>>> Great Work and looks really nice..!!! This feature will really be
>>>>>> helpful.
>>>>>>
>>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>>> lakmal@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 <
>>>>>>>> dakshika@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
>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> Shiroshica Kulatilake
>>>
>>> Architect,
>>> WSO2, Inc. http://wso2.com/
>>> Phone: +94 776523867
>>>
>>
>>
>
--
Best Regards,
Nirmal
Nirmal Fernando.
PPMC Member & Committer of Apache Stratos,
Senior Software Engineer, WSO2 Inc.
Blog: http://nirmalfdo.blogspot.com/
Re: [Discuss] Interactive Topology Tree for application
Posted by Dakshika Jayathilaka <da...@wso2.com>.
Thank you all.. We need to finalize colors for status.
StatusImeshDakhikaCreated-OrangeActiveGreenGreenInactiveOrangeGrey
Terminating/TerminatedRedRed
Thank you..
Regards,
*Dakshika Jayathilaka*
Software Engineer
WSO2, Inc.
lean.enterprise.middleware
0771100911
On Fri, Nov 28, 2014 at 10:42 AM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> @shiro: Currently you can see it by hovering on each node. (color + text
> on hover) If we add extra label near the node that will generate some
> issues on node auto positioning without overlapping.
>
> If you can come up with smart solution ontop of tidy algo, i'm happy to
> add that.. :)
>
> Thank you..
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
> wrote:
>
>> My question was a label indicating whatever status near the node - so
>> that all statuses can be viewed if needed - maybe this would be in a more
>> verbose display ...
>>
>> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <dakshika@wso2.com
>> > wrote:
>>
>>> @sajith: Currently not. But i can add that capability.
>>>
>>> *Dakshika Jayathilaka*
>>> Software Engineer
>>> WSO2, Inc.
>>> lean.enterprise.middleware
>>> 0771100911
>>>
>>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <
>>> dakshika@wso2.com> wrote:
>>>
>>>> @chamila & @shiro: yes of course. Legends will appear on the right side
>>>> of screen.
>>>>
>>>> that's why i mentioned "*need to show keys on screen" :)*
>>>>
>>>> *Dakshika Jayathilaka*
>>>> Software Engineer
>>>> WSO2, Inc.
>>>> lean.enterprise.middleware
>>>> 0771100911
>>>>
>>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
>>>> wrote:
>>>>
>>>>> Great Work and looks really nice..!!! This feature will really be
>>>>> helpful.
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>> lakmal@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 <
>>>>>>> dakshika@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
>>>>>
>>>>>
>>>>>
>>>>
>>>
>>
>>
>> --
>> Shiroshica Kulatilake
>>
>> Architect,
>> WSO2, Inc. http://wso2.com/
>> Phone: +94 776523867
>>
>
>
Re: [Discuss] Interactive Topology Tree for application
Posted by Shiroshica Kulatilake <sh...@wso2.com>.
On Fri, Nov 28, 2014 at 10:42 AM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> @shiro: Currently you can see it by hovering on each node. (color + text
> on hover)
>
Then fine !!
> If we add extra label near the node that will generate some issues on node
> auto positioning without overlapping.
>
> If you can come up with smart solution ontop of tidy algo, i'm happy to
> add that.. :)
>
> Thank you..
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
> wrote:
>
>> My question was a label indicating whatever status near the node - so
>> that all statuses can be viewed if needed - maybe this would be in a more
>> verbose display ...
>>
>> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <dakshika@wso2.com
>> > wrote:
>>
>>> @sajith: Currently not. But i can add that capability.
>>>
>>> *Dakshika Jayathilaka*
>>> Software Engineer
>>> WSO2, Inc.
>>> lean.enterprise.middleware
>>> 0771100911
>>>
>>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <
>>> dakshika@wso2.com> wrote:
>>>
>>>> @chamila & @shiro: yes of course. Legends will appear on the right side
>>>> of screen.
>>>>
>>>> that's why i mentioned "*need to show keys on screen" :)*
>>>>
>>>> *Dakshika Jayathilaka*
>>>> Software Engineer
>>>> WSO2, Inc.
>>>> lean.enterprise.middleware
>>>> 0771100911
>>>>
>>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
>>>> wrote:
>>>>
>>>>> Great Work and looks really nice..!!! This feature will really be
>>>>> helpful.
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>> lakmal@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 <
>>>>>>> dakshika@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
>>>>>
>>>>>
>>>>>
>>>>
>>>
>>
>>
>> --
>> Shiroshica Kulatilake
>>
>> Architect,
>> WSO2, Inc. http://wso2.com/
>> Phone: +94 776523867
>>
>
>
--
Shiroshica Kulatilake
Architect,
WSO2, Inc. http://wso2.com/
Phone: +94 776523867
Re: [Discuss] Interactive Topology Tree for application
Posted by Udara Liyanage <ud...@wso2.com>.
Hi,
Great work Dakshika.
On Fri, Nov 28, 2014 at 10:42 AM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> @shiro: Currently you can see it by hovering on each node. (color + text
> on hover) If we add extra label near the node that will generate some
> issues on node auto positioning without overlapping.
>
> If you can come up with smart solution ontop of tidy algo, i'm happy to
> add that.. :)
>
> Thank you..
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
> wrote:
>
>> My question was a label indicating whatever status near the node - so
>> that all statuses can be viewed if needed - maybe this would be in a more
>> verbose display ...
>>
>> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <dakshika@wso2.com
>> > wrote:
>>
>>> @sajith: Currently not. But i can add that capability.
>>>
>>> *Dakshika Jayathilaka*
>>> Software Engineer
>>> WSO2, Inc.
>>> lean.enterprise.middleware
>>> 0771100911
>>>
>>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <
>>> dakshika@wso2.com> wrote:
>>>
>>>> @chamila & @shiro: yes of course. Legends will appear on the right side
>>>> of screen.
>>>>
>>>> that's why i mentioned "*need to show keys on screen" :)*
>>>>
>>>> *Dakshika Jayathilaka*
>>>> Software Engineer
>>>> WSO2, Inc.
>>>> lean.enterprise.middleware
>>>> 0771100911
>>>>
>>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
>>>> wrote:
>>>>
>>>>> Great Work and looks really nice..!!! This feature will really be
>>>>> helpful.
>>>>>
>>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <
>>>>> lakmal@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 <
>>>>>>> dakshika@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
>>>>>
>>>>>
>>>>>
>>>>
>>>
>>
>>
>> --
>> Shiroshica Kulatilake
>>
>> Architect,
>> WSO2, Inc. http://wso2.com/
>> Phone: +94 776523867
>>
>
>
--
Udara Liyanage
Software Engineer
WSO2, Inc.: http://wso2.com
lean. enterprise. middleware
web: http://udaraliyanage.wordpress.com
phone: +94 71 443 6897
Re: [Discuss] Interactive Topology Tree for application
Posted by Dakshika Jayathilaka <da...@wso2.com>.
@shiro: Currently you can see it by hovering on each node. (color + text on
hover) If we add extra label near the node that will generate some issues
on node auto positioning without overlapping.
If you can come up with smart solution ontop of tidy algo, i'm happy to add
that.. :)
Thank you..
*Dakshika Jayathilaka*
Software Engineer
WSO2, Inc.
lean.enterprise.middleware
0771100911
On Fri, Nov 28, 2014 at 10:33 AM, Shiroshica Kulatilake <sh...@wso2.com>
wrote:
> My question was a label indicating whatever status near the node - so that
> all statuses can be viewed if needed - maybe this would be in a more
> verbose display ...
>
> On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <da...@wso2.com>
> wrote:
>
>> @sajith: Currently not. But i can add that capability.
>>
>> *Dakshika Jayathilaka*
>> Software Engineer
>> WSO2, Inc.
>> lean.enterprise.middleware
>> 0771100911
>>
>> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <dakshika@wso2.com
>> > wrote:
>>
>>> @chamila & @shiro: yes of course. Legends will appear on the right side
>>> of screen.
>>>
>>> that's why i mentioned "*need to show keys on screen" :)*
>>>
>>> *Dakshika Jayathilaka*
>>> Software Engineer
>>> WSO2, Inc.
>>> lean.enterprise.middleware
>>> 0771100911
>>>
>>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
>>> wrote:
>>>
>>>> Great Work and looks really nice..!!! This feature will really be
>>>> helpful.
>>>>
>>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <lakmal@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 <
>>>>>> dakshika@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
>>>>
>>>>
>>>>
>>>
>>
>
>
> --
> Shiroshica Kulatilake
>
> Architect,
> WSO2, Inc. http://wso2.com/
> Phone: +94 776523867
>
Re: [Discuss] Interactive Topology Tree for application
Posted by Shiroshica Kulatilake <sh...@wso2.com>.
My question was a label indicating whatever status near the node - so that
all statuses can be viewed if needed - maybe this would be in a more
verbose display ...
On Fri, Nov 28, 2014 at 10:28 AM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> @sajith: Currently not. But i can add that capability.
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <da...@wso2.com>
> wrote:
>
>> @chamila & @shiro: yes of course. Legends will appear on the right side
>> of screen.
>>
>> that's why i mentioned "*need to show keys on screen" :)*
>>
>> *Dakshika Jayathilaka*
>> Software Engineer
>> WSO2, Inc.
>> lean.enterprise.middleware
>> 0771100911
>>
>> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
>> wrote:
>>
>>> Great Work and looks really nice..!!! This feature will really be
>>> helpful.
>>>
>>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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 <
>>>>> dakshika@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
>>>
>>>
>>>
>>
>
--
Shiroshica Kulatilake
Architect,
WSO2, Inc. http://wso2.com/
Phone: +94 776523867
Re: [Discuss] Interactive Topology Tree for application
Posted by Dakshika Jayathilaka <da...@wso2.com>.
@sajith: Currently not. But i can add that capability.
*Dakshika Jayathilaka*
Software Engineer
WSO2, Inc.
lean.enterprise.middleware
0771100911
On Fri, Nov 28, 2014 at 10:27 AM, Dakshika Jayathilaka <da...@wso2.com>
wrote:
> @chamila & @shiro: yes of course. Legends will appear on the right side of
> screen.
>
> that's why i mentioned "*need to show keys on screen" :)*
>
> *Dakshika Jayathilaka*
> Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
> wrote:
>
>> Great Work and looks really nice..!!! This feature will really be helpful.
>>
>> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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 <
>>>> dakshika@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
>>
>>
>>
>
Re: [Discuss] Interactive Topology Tree for application
Posted by Dakshika Jayathilaka <da...@wso2.com>.
@chamila & @shiro: yes of course. Legends will appear on the right side of
screen.
that's why i mentioned "*need to show keys on screen" :)*
*Dakshika Jayathilaka*
Software Engineer
WSO2, Inc.
lean.enterprise.middleware
0771100911
On Fri, Nov 28, 2014 at 10:14 AM, Reka Thirunavukkarasu <re...@wso2.com>
wrote:
> Great Work and looks really nice..!!! This feature will really be helpful.
>
> On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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 <dakshika@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
>
>
>
Re: [Discuss] Interactive Topology Tree for application
Posted by Reka Thirunavukkarasu <re...@wso2.com>.
Great Work and looks really nice..!!! This feature will really be helpful.
On Fri, Nov 28, 2014 at 10:04 AM, Lakmal Warusawithana <la...@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 <da...@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
Re: [Discuss] Interactive Topology Tree for application
Posted by Lakmal Warusawithana <la...@wso2.com>.
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
> Thanks
>
> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <da...@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/
Re: [Discuss] Interactive Topology Tree for application
Posted by Imesh Gunaratne <im...@apache.org>.
s/propose use/propose to use/g
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?
>
> Thanks
>
> On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <da...@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
>
--
Imesh Gunaratne
Technical Lead, WSO2
Committer & PMC Member, Apache Stratos
Re: [Discuss] Interactive Topology Tree for application
Posted by Imesh Gunaratne <im...@apache.org>.
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?
Thanks
On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <da...@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
Re: [Discuss] Interactive Topology Tree for application
Posted by Lahiru Sandaruwan <la...@wso2.com>.
Great stuff!
On Fri, Nov 28, 2014 at 9:36 AM, Dakshika Jayathilaka <da...@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,
>
I think we should rename "In_Maintenance" to "Maintenance",
wdyt?
> 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.
>
So how the state based coloring and type based coloring(Group/ Cluster/
Member) managed?
Are we going to have set of colors for Group and a different set of colors
for Cluster etc.. ?
Thanks.
> 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
>
--
--
Lahiru Sandaruwan
Committer and PMC member, Apache Stratos,
Senior Software Engineer,
WSO2 Inc., http://wso2.com
lean.enterprise.middleware
email: lahirus@wso2.com blog: http://lahiruwrites.blogspot.com/
linked-in: http://lk.linkedin.com/pub/lahiru-sandaruwan/16/153/146