[prev in list] [next in list] [prev in thread] [next in thread]
List: wsf-java-dev
Subject: Re: [Dev] [G-Reg] Dependency Graph UI Implementation Summary
From: Jerad Rutnam <jerad () wso2 ! com>
Date: 2015-01-30 10:51:01
Message-ID: CAGEubmha+aDyUU3G26eBwNihd4isZ2aRDnyO49NKKbP8ERsr_g () mail ! gmail ! com
[Download RAW message or body]
[Attachment #2 (multipart/alternative)]
*Status Update, *
- Dependency Graph UI implementation Phase 2 (Extra Features)
- Research on D3 force directed graph zoom out to fit screen & position
center - Complete!
- Develop function to zoom out graph fit to screen - Complete!
- Improving zoom out graph to fit screen function to auto center - Complete!
- Graph outer click, close detail view window - Complete!
- Research on svg print methods - Working on
- Implementing function to print generated svg graph - Working on
- Other UI style tweaks - Complete!
Thanks, Jerad
On Tue, Jan 27, 2015 at 2:29 PM, Jerad Rutnam <jerad@wso2.com> wrote:
> This is should be added to *Dependency Graph** UI implementation Phase 2*
> (Extra Features) - Graph outer click, close detail view window - Complete!
>
> On Tue, Jan 27, 2015 at 12:41 PM, Jerad Rutnam <jerad@wso2.com> wrote:
>
>> Hi,
>>
>> Please find below the tasks complete and pending on G-Reg dependency
>> graph UI implementation,
>>
>> - UXD for Impact Analysis view (Dependency Graph)
>>
>>
>> - Gathering requirements & documentation - Complete!
>>
>> - Research on best practise to show dependency etc ... - Complete!
>>
>> - Fixing UI issues on current feature (which is developed already) -
>> Complete!
>>
>> - Designing new interface - Complete!
>>
>> - Deciding on improvements & features needs to add - Complete!
>>
>> - Understanding & learning D3 library basics - Complete!
>>
>> - Dependency Graph UI implementation Phase 1 (Basic Features)
>>
>>
>> - Implementing basic UI design - Complete!
>>
>> - Making the graph screen responsive - Complete!
>>
>> - Tweaking resource locate feature and styling - Complete!
>>
>> - Develop function to on resource single click detailed view - Complete!
>>
>> - Styling on resource double click highlighting resource closes
>> connections - Complete!
>>
>> - Develop function to parent resource highlight - Complete!
>>
>> - Resource relationship tool-tip styling - Complete!
>>
>> - Implementing function: Icons for common resources with standard icon
>> for phase 1 - Complete!
>>
>> - Dependency Graph UI implementation Phase 2 (Extra Features)
>>
>>
>> - Research on D3 force directed graph zoom out to fit screen & position
>> center - Working on
>>
>> - Develop function to zoom out graph fit to screen - Complete!
>>
>> - Improving zoom out graph to fit screen function to auto center - Working
>> on
>>
>> - Research on svg print methods - Working on
>>
>> - Implementing function to print generated svg graph - Pending
>>
>> - Other UI style tweaks - Working on
>>
>> - Dependency Graph UI implementation Phase 3 (Improve Features)
>>
>>
>> - Deciding & designing icon set for middleware resources - Pending
>>
>> - Making a glyph-icon font using the designed icon set - Pending - Dependency
>> Graph UI implementation Phase 4 (Feature Issues Fixing)
>>
>> - Research for a workaround solution to fix text overlapping - Working on
>>
>> - Implementing function to fix text overlapping - Pending
>>
>> - Research on solution for svg z-indexing - Working on
>>
>> - Develop function to z-index (layer up) resources on double click
>> highlight - Pending
>>
>> - Additional UI style tweaks - Pending
>>
>>
>> I will update back if I missed anything to add here. Other than that, i'm
>> planing on completing the task list on Phase 2 early as possible. Thinking
>> it will take maximum 1 1/2 weeks in worst comes. As i'm still stuck with
>> graph centering issue & searching for a work-around for it.
>>
>> Thanks,
>> Jerad
>> --
>> *Jerad Rutnam*
>> *Software Engineer - UI*
>>
>> WSO2 Inc.
>> lean | enterprise | middleware
>> M : +94 77 959 1609 | E : jerad@wso2.com | W : www.wso2.com
>>
>
>
>
> --
> *Jerad Rutnam*
> *Software Engineer - UI*
>
> WSO2 Inc.
> lean | enterprise | middleware
> M : +94 77 959 1609 | E : jerad@wso2.com | W : www.wso2.com
>
--
*Jerad Rutnam*
*Software Engineer*
WSO2 Inc.
lean | enterprise | middleware
M : +94 77 959 1609 | E : jerad@wso2.com | W : www.wso2.com
[Attachment #5 (text/html)]
<div dir="ltr"><b><i>Status Update, <br></i></b><div><p dir="ltr" \
style="margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="text-indent:36pt;font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><span \
style="font-size:15px"> </span><span style="line-height:1">- </span></span><span \
style="font-size:13px;line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63 \
,63);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Dependency \
Graph</span><span style="font-size:13px;line-height:1;text-indent:36pt;font-family:Ari \
al;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
UI implementation Phase 2 (Extra Features)</span></p><p dir="ltr" \
style="font-size:13px;line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent"><br></span></p><p \
dir="ltr" style="font-size:13px;line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent">- \
Research on D3 force directed graph zoom out to fit screen & position \
center</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(6 \
7,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,1 \
68,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><span \
style="font-size:13px"><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Develop function to zoom out graph fit to screen - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Improving zoom out graph to fit screen function to auto center</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,1 \
68,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><span \
style="font-style:normal;line-height:normal;text-indent:0px;color:rgb(67,67,67);vertical-align:baseline;background-color:transparent"><span \
style="font-style:italic">- Graph outer click, close detail view window - \
</span></span><span style="line-height:normal;text-indent:0px;vertical-align:baseline;background-color:transparent">Complete!</span>
</span></p></span><span style="font-size:13px"><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Research on svg print methods -</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;line-height:1;text-indent:36pt;white-space:pre-wrap;background-color:transparent">- \
Implementing function to print generated svg graph</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
-</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0) \
;font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p></span><span style="font-size:13px"><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Other UI style tweaks</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,1 \
68,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#6aa84f" style="font-style:italic"> </font><font color="#000000">Thanks,
Jerad</font></span></p></span></div></div><div class="gmail_extra"><br><div \
class="gmail_quote">On Tue, Jan 27, 2015 at 2:29 PM, Jerad Rutnam <span \
dir="ltr"><<a href="mailto:jerad@wso2.com" \
target="_blank">jerad@wso2.com</a>></span> wrote:<br><blockquote \
class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc \
solid;padding-left:1ex"><div dir="ltr"><span><span \
style="font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">This \
is should be added to <span \
style="font-style:normal;font-size:13px;line-height:1;text-indent:36pt;color:rgb(63,63,63);vertical-align:baseline;background-color:transparent"><b>Dependency \
Graph</b></span><span \
style="font-style:normal;font-size:13px;line-height:1;text-indent:36pt;vertical-align:baseline;background-color:transparent"><b> \
UI implementation Phase 2</b> (Extra Features) </span><span \
style="font-style:italic"><span style="font-size:15px"> </span>- Graph outer click, \
close detail view window - </span></span><span \
style="font-family:Arial;color:rgb(106,168,79);font-style:italic;vertical-align:baseli \
ne;white-space:pre-wrap;background-color:transparent">Complete!</span></span><br></div><div \
class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div \
class="gmail_quote">On Tue, Jan 27, 2015 at 12:41 PM, Jerad Rutnam <span \
dir="ltr"><<a href="mailto:jerad@wso2.com" \
target="_blank">jerad@wso2.com</a>></span> wrote:<br><blockquote \
class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc \
solid;padding-left:1ex"><div dir="ltr">Hi,<br><br>Please find below the tasks \
complete and pending on G-Reg dependency graph UI implementation,<span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(63,63,63);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">
- UXD for Impact Analysis view (Dependency Graph)</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(63,63,63);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><br></span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Gathering requirements & documentation</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63,63);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> - \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168 \
,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Research on best practise to show dependency etc ...</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63,63);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> - \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168 \
,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Fixing UI issues on current feature (which is developed already)</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63,63);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> - \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168 \
,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Designing</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63,63);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
new interface - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Deciding on improvements & features needs to add</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63,63);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> - \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168 \
,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Understanding & learning D3 library basics</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63,63);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> - \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168 \
,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">
- </span><span style="font-family:Arial;color:rgb(63,63,63);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Dependency \
Graph</span><span style="font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
UI implementation Phase 1 (Basic Features)</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(67,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><br></span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(67,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Implementing basic UI design - </span><span \
style="font-family:Arial;color:rgb(106,168,79);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Making the graph screen responsive - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Tweaking resource locate feature and styling - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Develop function to on resource single click detailed view - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;font-family:Arial;color:rgb(67,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Styling on resource double click highlighting resource closes connections - \
</span><span style="line-height:1;font-family:Arial;color:rgb(106,168,79);font-style:i \
talic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Develop function to parent resource highlight - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Resource relationship tool-tip styling - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;font-family:Arial;color:rgb(67,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Implementing function: Icons for common resources with standard icon for phase 1 - \
</span><span style="line-height:1;font-family:Arial;color:rgb(106,168,79);font-style:i \
talic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(63,63 \
,63);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Dependency \
Graph</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67 \
,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
UI implementation Phase 2 (Extra Features)</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent"><br></span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent">- \
Research on D3 force directed graph zoom out to fit screen & position \
center</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(6 \
7,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="color:rgb(255,153,0);font-family:Arial;font-style:italic;white-space:pre-wrap">Working \
on</span></p></span><span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Develop function to zoom out graph fit to screen - </span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(106,168,79);font-sty \
le:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Complete!</span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Improving zoom out graph to fit screen function to auto center -</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Research on svg print methods -</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;line-height:1;text-indent:36pt;white-space:pre-wrap;background-color:transparent">- \
Implementing function to print generated svg graph</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;font-style:ital \
ic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#999999">Pending</font></span></p></span><span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Other UI style tweaks -</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p><br><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">
- </span><span style="font-family:Arial;color:rgb(63,63,63);vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Dependency \
Graph</span><span style="font-family:Arial;color:rgb(67,67,67);vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
UI implementation Phase 3 (Improve Features)</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(67,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><br></span></p><p \
dir="ltr" style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="font-family:Arial;color:rgb(67,67,67);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Deciding & designing icon set for middleware resources</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;font-style:ital \
ic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#999999">Pending</font></span></p></span><span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent">- \
Making a glyph-icon font using the designed icon set</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;font-style:ital \
ic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#999999">Pending
</font><span style="font-style:normal;color:rgb(67,67,67);vertical-align:baseline;background-color:transparent">- \
</span><span style="font-style:normal;color:rgb(63,63,63);vertical-align:baseline;background-color:transparent">Dependency \
Graph</span><span style="font-style:normal;color:rgb(67,67,67);vertical-align:baseline;background-color:transparent"> \
UI implementation Phase 4 (Feature Issues Fixing) </span><font color="#999999">
</font></span></p></span><span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Research for a workaround solution to fix text overlapping -</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent">- \
Implementing function to fix text overlapping</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;font-style:ital \
ic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#999999">Pending</font></span></p></span><span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">- \
Research on solution for svg z-indexing -</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(0,0,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
</span><span style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(255,153 \
,0);font-style:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent">Working \
on</span></p><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:1;text-indent:36pt;background-color:transparent">- \
Develop function to z-index (layer up) resources on double click \
highlight</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;font-style:ital \
ic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#999999">Pending</font></span></p></span><span><p dir="ltr" \
style="line-height:1;margin-top:6pt;margin-bottom:0pt;text-indent:36pt"><span \
style="color:rgb(67,67,67);font-family:Arial;font-style:italic;white-space:pre-wrap;line-height:normal;background-color:transparent">- \
Additional UI style tweaks</span><span \
style="line-height:1;text-indent:36pt;font-family:Arial;color:rgb(67,67,67);font-style \
:italic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"> \
- </span><span style="line-height:1;text-indent:36pt;font-family:Arial;font-style:ital \
ic;vertical-align:baseline;white-space:pre-wrap;background-color:transparent"><font \
color="#999999">Pending</font></span></p></span><div><br><br></div><div>I will update \
back if I missed anything to add here. Other than that, i'm planing on completing \
the task list on Phase 2 early as possible. Thinking it will take maximum 1 1/2 weeks \
in worst comes. As i'm still stuck with graph centering issue & searching for \
a work-around for it.<br><br></div><div>Thanks,</div><div>Jerad</div><span><font \
color="#888888">-- <br><div><div dir="ltr"><div><div \
dir="ltr"><div><div><div><b><font color="#444444">Jerad \
Rutnam</font></b><br></div><font><font color="#666666"><i>Software Engineer - \
UI</i></font><br></font><br></div><font style="color:rgb(68,68,68)">WSO2 \
Inc.</font><br><font size="1" style="color:rgb(68,68,68)">lean <span \
style="color:rgb(255,153,0)">|</span> enterprise <span \
style="color:rgb(255,153,0)">|</span> middleware</font><br><font><font \
color="#444444">M : </font><font color="#666666"><font>+94 7</font>7 959 \
1609</font><font color="#444444"> </font><span \
style="color:rgb(255,153,0)">|</span><font color="#444444"> E : </font><a \
href="mailto:jerad@wso2.com" target="_blank"><font \
color="#3d85c6">jerad@wso2.com</font></a><font color="#444444"> </font><span \
style="color:rgb(255,153,0)">|</span><font color="#444444"> W : </font><a \
href="http://www.wso2.com/" target="_blank"><font \
color="#3d85c6">www.wso2.com</font></a></font><i><u><br></u></i></div></div></div></div></div>
</font></span></div>
</blockquote></div><br><br clear="all"><div><br></div>-- <br><div><div \
dir="ltr"><div><div dir="ltr"><div><div><div><b><font color="#444444">Jerad \
Rutnam</font></b><br></div><font><font color="#666666"><i>Software Engineer - \
UI</i></font><br></font><br></div><font style="color:rgb(68,68,68)">WSO2 \
Inc.</font><br><font size="1" style="color:rgb(68,68,68)">lean <span \
style="color:rgb(255,153,0)">|</span> enterprise <span \
style="color:rgb(255,153,0)">|</span> middleware</font><br><font><font \
color="#444444">M : </font><font color="#666666"><font>+94 7</font>7 959 \
1609</font><font color="#444444"> </font><span \
style="color:rgb(255,153,0)">|</span><font color="#444444"> E : </font><a \
href="mailto:jerad@wso2.com" target="_blank"><font \
color="#3d85c6">jerad@wso2.com</font></a><font color="#444444"> </font><span \
style="color:rgb(255,153,0)">|</span><font color="#444444"> W : </font><a \
href="http://www.wso2.com/" target="_blank"><font \
color="#3d85c6">www.wso2.com</font></a></font><i><u><br></u></i></div></div></div></div></div>
</div>
</div></div></blockquote></div><br><br clear="all"><div><br></div>-- <br><div \
class="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div \
dir="ltr"><div><div><div><b><font color="#444444">Jerad \
Rutnam</font></b><br></div><font><font color="#666666"><i>Software \
Engineer</i></font><br></font><br></div><font style="color:rgb(68,68,68)">WSO2 \
Inc.</font><br><font size="1" style="color:rgb(68,68,68)">lean <span \
style="color:rgb(255,153,0)">|</span> enterprise <span \
style="color:rgb(255,153,0)">|</span> middleware</font><br><font><font \
color="#444444">M : </font><font color="#666666"><font>+94 7</font>7 959 \
1609</font><font color="#444444"> </font><span \
style="color:rgb(255,153,0)">|</span><font color="#444444"> E : </font><a \
href="mailto:jerad@wso2.com" target="_blank"><font \
color="#3d85c6">jerad@wso2.com</font></a><font color="#444444"> </font><span \
style="color:rgb(255,153,0)">|</span><font color="#444444"> W : </font><a \
href="http://www.wso2.com/" target="_blank"><font \
color="#3d85c6">www.wso2.com</font></a></font><i><u><br></u></i></div></div></div></div></div></div></div>
</div>
_______________________________________________
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic