Re: [Discuss] Interactive Topology Tree for application

[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>*