[Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi,

Since our plan to create layout (as in milestone) failed, I have created a
new layout[1] . Which is completely made of
SVG. I have hosted a demo so that you can check it easily.  Expecting your
feedback to proceed work.

-Regards


[1] - http://vc.mutexlk.com/svg.html
[2] - https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
-- 
Fawsan M.M.M
Faculty of Engineering, UoP
+94771121195
https://lk.linkedin.com/in/efawzan
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

[Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi srinath,

I.m in the exam week. Will send an update by friday. Please excuse.


On Tue, Jul 28, 2015 at 3:05 PM, Srinath Perera > wrote:

> please send an update.
>
> On Thu, Jul 9, 2015 at 9:25 AM, Mohamed Fawzan  > wrote:
>
>> Is this similar to what you have in your mind?
>>
>> graph = {
>>
>>nodeA : {
>>in : [ nodeB ],
>>out : [nodeC, nodeE]
>> },
>>
>>   nodeB : {
>>in : [nodeM],
>>out : [nodeA]
>>   }, 
>>
>>
>> }
>>
>> -Regards
>>
>>
>>
>> On Thu, Jul 9, 2015 at 8:45 AM, Srinath Perera > > wrote:
>>
>>> Typically, graph are represented by list if vertices and list of edges.
>>>
>>> Each vertice can keep a list references to  incoming and outgoing edges
>>>
>>> On Thu, Jul 9, 2015 at 8:28 AM, Mohamed Fawzan >> > wrote:
>>>
 Yes, we can track the added streams an throw an error when we get the
 same stream more than once.

 One more question on building the graph, i am struggling to find a
 optimal data structure to sotre the graph information, because unlike
 regular graphs, a particular node in our graph will have two vertices
 (input & output). Can you please tell me whether you have any particular
 data structure in mind?


 -Regards


 On Thursday, July 9, 2015, Srinath Perera >>> > wrote:

> not often, as that will lead to circles. Can we detect and give a
> error when he try to add a stream to canvus.
>
> On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> When we compose the query, Can we have the same stream appear twice
>> in the canvas?
>>
>> -Regards
>>
>>
>>
>> On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>>
>>> I have removed the Drawing feature as I have encountered a bug,
>>> Looks like the 'click' event in d3 automatically triggers a 'drag' 
>>> event as
>>> well. I have tried to set a Flag and resolve the issue. But it seems 
>>> that
>>> only Opera (Web Browser) has the issue. Chrome and FF works fine. I will
>>> update the draw feature and notify.
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera 
>>> wrote:
>>>
 I tried to draw, but failed. Can you do a small screencast on how
 to draw and connect.

 On current palette, everything looks same, we need to indicate
 queries are different than other operators.

 --Srinath

 On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> As per our discussion, I have modified the UI[1]
> . here is the list of updated features,
>
> 1. I have added an operator to compose queries. (icon : query).
> 2. Other operators can be dropped to query boxes(cannot dropped
> outside the query boxes), Also it can only be dragged inside query 
> boxes.
> 3. The query boxes itself can be dragged with operators.
> 4  IO Streams were re drawn.
>
>
> Please check & comment on it so that I can proceed with making the
> Graph. you can find the repo here [2]
> 
>
>
> [1] - http://vc.mutexlk.com
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>
> -Regards
>
>
>
> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan  > wrote:
>
>> Hi Srinath,
>>
>> I have found a workaround for connecting elements with click &
>> click. I will update the demo soon with the (progress of) 
>> improvements we
>> have discussed in the meeting on 19th.  .
>>
>> -Regards
>>
>> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Hi Srinath.
>>>
>>> I have added support for large file names in the streams [1]
>>>   by showing the part of
>>> the stream name in the rectangle element. When you *hover *
>>> you can see the* full stream name. *Also when the user drag the
>>> element to the canvas, he get the same behavior their.
>>>
>>> Currently I'm working on connecting the elements. It is bit
>>> difficult. But I am close enough. I think i can present it by this 
>>> week.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan <
>>> fawz...

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi,

I have updated the SVG layout with icons. Please check [1]


[1] - http://vc.mutexlk.com/dashboard.html

On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan  wrote:

> Hi,
>
> Since our plan to create layout (as in milestone) failed, I have created a
> new layout[1] . Which is completely made
> of SVG. I have hosted a demo so that you can check it easily.  Expecting
> your feedback to proceed work.
>
> -Regards
>
>
> [1] - http://vc.mutexlk.com/svg.html
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
> --
> Fawsan M.M.M
> Faculty of Engineering, UoP
> +94771121195
> https://lk.linkedin.com/in/efawzan
>
>


-- 
Fawzan~MMM
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

I did not see any streams .. but can move the operators.

I assume you have not done deletes yet.

--Srinath

On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan  wrote:

> Hi,
>
> I have updated the SVG layout with icons. Please check [1]
> 
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan  wrote:
>
>> Hi,
>>
>> Since our plan to create layout (as in milestone) failed, I have created
>> a new layout[1] . Which is completely
>> made of SVG. I have hosted a demo so that you can check it easily.
>> Expecting your feedback to proceed work.
>>
>> -Regards
>>
>>
>> [1] - http://vc.mutexlk.com/svg.html
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>> --
>> Fawsan M.M.M
>> Faculty of Engineering, UoP
>> +94771121195
>> https://lk.linkedin.com/in/efawzan
>>
>>
>
>
> --
> Fawzan~MMM
>
>


-- 

Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
Site: http://people.apache.org/~hemapani/
Photos: http://www.flickr.com/photos/hemapani/
Phone: 0772360902
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

Mohan said I need to move it to red box to delete. Not very intuitive IMO.

Can we support right click and delete?

On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera  wrote:

> I did not see any streams .. but can move the operators.
>
> I assume you have not done deletes yet.
>
> --Srinath
>
> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan  wrote:
>
>> Hi,
>>
>> I have updated the SVG layout with icons. Please check [1]
>> 
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan  wrote:
>>
>>> Hi,
>>>
>>> Since our plan to create layout (as in milestone) failed, I have created
>>> a new layout[1] . Which is completely
>>> made of SVG. I have hosted a demo so that you can check it easily.
>>> Expecting your feedback to proceed work.
>>>
>>> -Regards
>>>
>>>
>>> [1] - http://vc.mutexlk.com/svg.html
>>> [2] -
>>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>> --
>>> Fawsan M.M.M
>>> Faculty of Engineering, UoP
>>> +94771121195
>>> https://lk.linkedin.com/in/efawzan
>>>
>>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>



-- 

Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
Site: http://people.apache.org/~hemapani/
Photos: http://www.flickr.com/photos/hemapani/
Phone: 0772360902
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

I have just added the right click delete option [1]
 . Please check and comment on it.

-Regards

[1] - http://vc.mutexlk.com/dashboard.html

On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan  wrote:

> Yeah. Right now working on the stream, i will try the right click ->
> delete. Btw what do you think of the complete svg layout? Is it ok?
>
>
> On Monday, June 8, 2015, Srinath Perera  wrote:
>
>> Mohan said I need to move it to red box to delete. Not very
>> intuitive IMO.
>>
>> Can we support right click and delete?
>>
>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera  wrote:
>>
>>> I did not see any streams .. but can move the operators.
>>>
>>> I assume you have not done deletes yet.
>>>
>>> --Srinath
>>>
>>> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi,

 I have updated the SVG layout with icons. Please check [1]
 

 [1] - http://vc.mutexlk.com/dashboard.html

 On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan 
 wrote:

> Hi,
>
> Since our plan to create layout (as in milestone) failed, I have
> created a new layout[1] . Which is
> completely made of SVG. I have hosted a demo so that you can check it
> easily.  Expecting your feedback to proceed work.
>
> -Regards
>
>
> [1] - http://vc.mutexlk.com/svg.html
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
> --
> Fawsan M.M.M
> Faculty of Engineering, UoP
> +94771121195
> https://lk.linkedin.com/in/efawzan
>
>


 --
 Fawzan~MMM


>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>> Site: http://people.apache.org/~hemapani/
>> Photos: http://www.flickr.com/photos/hemapani/
>> Phone: 0772360902
>>
>
>
> --
> Sent from iPad
>



-- 
Fawzan~MMM
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

Look good. And overall layout is OK. ( We can do bit of styling with UI
team later)

--Srinath

On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
> I have just added the right click delete option [1]
>  . Please check and comment on it.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan  wrote:
>
>> Yeah. Right now working on the stream, i will try the right click ->
>> delete. Btw what do you think of the complete svg layout? Is it ok?
>>
>>
>> On Monday, June 8, 2015, Srinath Perera  wrote:
>>
>>> Mohan said I need to move it to red box to delete. Not very
>>> intuitive IMO.
>>>
>>> Can we support right click and delete?
>>>
>>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera  wrote:
>>>
 I did not see any streams .. but can move the operators.

 I assume you have not done deletes yet.

 --Srinath

 On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
 wrote:

> Hi,
>
> I have updated the SVG layout with icons. Please check [1]
> 
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan 
> wrote:
>
>> Hi,
>>
>> Since our plan to create layout (as in milestone) failed, I have
>> created a new layout[1] . Which is
>> completely made of SVG. I have hosted a demo so that you can check it
>> easily.  Expecting your feedback to proceed work.
>>
>> -Regards
>>
>>
>> [1] - http://vc.mutexlk.com/svg.html
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>> --
>> Fawsan M.M.M
>> Faculty of Engineering, UoP
>> +94771121195
>> https://lk.linkedin.com/in/efawzan
>>
>>
>
>
> --
> Fawzan~MMM
>
>


 --
 
 Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
 Site: http://people.apache.org/~hemapani/
 Photos: http://www.flickr.com/photos/hemapani/
 Phone: 0772360902

>>>
>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>> --
>> Sent from iPad
>>
>
>
>
> --
> Fawzan~MMM
>
>


-- 

Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
Site: http://people.apache.org/~hemapani/
Photos: http://www.flickr.com/photos/hemapani/
Phone: 0772360902
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

I have added the streams[1]  as well.
Please check and comment.

-Regards

[1] - http://vc.mutexlk.com/dashboard.html

On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera  wrote:

> Look good. And overall layout is OK. ( We can do bit of styling with UI
> team later)
>
> --Srinath
>
> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan  wrote:
>
>> Hi Srinath,
>>
>> I have just added the right click delete option [1]
>>  . Please check and comment on it.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan  wrote:
>>
>>> Yeah. Right now working on the stream, i will try the right click ->
>>> delete. Btw what do you think of the complete svg layout? Is it ok?
>>>
>>>
>>> On Monday, June 8, 2015, Srinath Perera  wrote:
>>>
 Mohan said I need to move it to red box to delete. Not very
 intuitive IMO.

 Can we support right click and delete?

 On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
 wrote:

> I did not see any streams .. but can move the operators.
>
> I assume you have not done deletes yet.
>
> --Srinath
>
> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
> wrote:
>
>> Hi,
>>
>> I have updated the SVG layout with icons. Please check [1]
>> 
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi,
>>>
>>> Since our plan to create layout (as in milestone) failed, I have
>>> created a new layout[1] . Which is
>>> completely made of SVG. I have hosted a demo so that you can check it
>>> easily.  Expecting your feedback to proceed work.
>>>
>>> -Regards
>>>
>>>
>>> [1] - http://vc.mutexlk.com/svg.html
>>> [2] -
>>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>> --
>>> Fawsan M.M.M
>>> Faculty of Engineering, UoP
>>> +94771121195
>>> https://lk.linkedin.com/in/efawzan
>>>
>>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>



 --
 
 Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
 Site: http://people.apache.org/~hemapani/
 Photos: http://www.flickr.com/photos/hemapani/
 Phone: 0772360902

>>>
>>>
>>> --
>>> Sent from iPad
>>>
>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>



-- 
Fawzan~MMM
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

we need name of the stream in the box IMO.
Also we need a way to draw from the stream to operators and between
operators next.

On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
> I have added the streams[1]  as
> well. Please check and comment.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera  wrote:
>
>> Look good. And overall layout is OK. ( We can do bit of styling with UI
>> team later)
>>
>> --Srinath
>>
>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan  wrote:
>>
>>> Hi Srinath,
>>>
>>> I have just added the right click delete option [1]
>>>  . Please check and comment on
>>> it.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Yeah. Right now working on the stream, i will try the right click ->
 delete. Btw what do you think of the complete svg layout? Is it ok?


 On Monday, June 8, 2015, Srinath Perera  wrote:

> Mohan said I need to move it to red box to delete. Not very
> intuitive IMO.
>
> Can we support right click and delete?
>
> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
> wrote:
>
>> I did not see any streams .. but can move the operators.
>>
>> I assume you have not done deletes yet.
>>
>> --Srinath
>>
>> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi,
>>>
>>> I have updated the SVG layout with icons. Please check [1]
>>> 
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi,

 Since our plan to create layout (as in milestone) failed, I have
 created a new layout[1] . Which is
 completely made of SVG. I have hosted a demo so that you can check it
 easily.  Expecting your feedback to proceed work.

 -Regards


 [1] - http://vc.mutexlk.com/svg.html
 [2] -
 https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
 --
 Fawsan M.M.M
 Faculty of Engineering, UoP
 +94771121195
 https://lk.linkedin.com/in/efawzan


>>>
>>>
>>> --
>>> Fawzan~MMM
>>>
>>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>> Site: http://people.apache.org/~hemapani/
>> Photos: http://www.flickr.com/photos/hemapani/
>> Phone: 0772360902
>>
>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>


 --
 Sent from iPad

>>>
>>>
>>>
>>> --
>>> Fawzan~MMM
>>>
>>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>> Site: http://people.apache.org/~hemapani/
>> Photos: http://www.flickr.com/photos/hemapani/
>> Phone: 0772360902
>>
>
>
>
> --
> Fawzan~MMM
>
>


-- 

Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
Site: http://people.apache.org/~hemapani/
Photos: http://www.flickr.com/photos/hemapani/
Phone: 0772360902
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera  wrote:



> we need name of the stream in the box IMO.
>

+1, I will make the changes.



> Also we need a way to draw from the stream to operators and between
> operators next.
>
> I can't quite understand that, Can you please explain it a bit?





> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan  wrote:
>
>> Hi Srinath,
>>
>> I have added the streams[1]  as
>> well. Please check and comment.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera  wrote:
>>
>>> Look good. And overall layout is OK. ( We can do bit of styling with UI
>>> team later)
>>>
>>> --Srinath
>>>
>>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 I have just added the right click delete option [1]
  . Please check and comment on
 it.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
 wrote:

> Yeah. Right now working on the stream, i will try the right click ->
> delete. Btw what do you think of the complete svg layout? Is it ok?
>
>
> On Monday, June 8, 2015, Srinath Perera  wrote:
>
>> Mohan said I need to move it to red box to delete. Not very
>> intuitive IMO.
>>
>> Can we support right click and delete?
>>
>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
>> wrote:
>>
>>> I did not see any streams .. but can move the operators.
>>>
>>> I assume you have not done deletes yet.
>>>
>>> --Srinath
>>>
>>> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi,

 I have updated the SVG layout with icons. Please check [1]
 

 [1] - http://vc.mutexlk.com/dashboard.html

 On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan 
 wrote:

> Hi,
>
> Since our plan to create layout (as in milestone) failed, I have
> created a new layout[1] . Which
> is completely made of SVG. I have hosted a demo so that you can check 
> it
> easily.  Expecting your feedback to proceed work.
>
> -Regards
>
>
> [1] - http://vc.mutexlk.com/svg.html
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
> --
> Fawsan M.M.M
> Faculty of Engineering, UoP
> +94771121195
> https://lk.linkedin.com/in/efawzan
>
>


 --
 Fawzan~MMM


>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>> Site: http://people.apache.org/~hemapani/
>> Photos: http://www.flickr.com/photos/hemapani/
>> Phone: 0772360902
>>
>
>
> --
> Sent from iPad
>



 --
 Fawzan~MMM


>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>



-- 
Fawzan~MMM
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

We need to connect stream to operators and operator to other operators by
connectors?
Need to click on a connector and drg it to another operator or stream.
Would that clear?

On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan  wrote:

>
> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera  wrote:
>
>
>
>> we need name of the stream in the box IMO.
>>
>
> +1, I will make the changes.
>
>
>
>> Also we need a way to draw from the stream to operators and between
>> operators next.
>>
>> I can't quite understand that, Can you please explain it a bit?
>
>
>
>
>
>> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan  wrote:
>>
>>> Hi Srinath,
>>>
>>> I have added the streams[1]  as
>>> well. Please check and comment.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera  wrote:
>>>
 Look good. And overall layout is OK. ( We can do bit of styling with UI
 team later)

 --Srinath

 On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> I have just added the right click delete option [1]
>  . Please check and comment on
> it.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
> wrote:
>
>> Yeah. Right now working on the stream, i will try the right click ->
>> delete. Btw what do you think of the complete svg layout? Is it ok?
>>
>>
>> On Monday, June 8, 2015, Srinath Perera  wrote:
>>
>>> Mohan said I need to move it to red box to delete. Not very
>>> intuitive IMO.
>>>
>>> Can we support right click and delete?
>>>
>>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
>>> wrote:
>>>
 I did not see any streams .. but can move the operators.

 I assume you have not done deletes yet.

 --Srinath

 On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
 wrote:

> Hi,
>
> I have updated the SVG layout with icons. Please check [1]
> 
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan 
> wrote:
>
>> Hi,
>>
>> Since our plan to create layout (as in milestone) failed, I have
>> created a new layout[1] . Which
>> is completely made of SVG. I have hosted a demo so that you can 
>> check it
>> easily.  Expecting your feedback to proceed work.
>>
>> -Regards
>>
>>
>> [1] - http://vc.mutexlk.com/svg.html
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>> --
>> Fawsan M.M.M
>> Faculty of Engineering, UoP
>> +94771121195
>> https://lk.linkedin.com/in/efawzan
>>
>>
>
>
> --
> Fawzan~MMM
>
>


 --
 
 Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
 Site: http://people.apache.org/~hemapani/
 Photos: http://www.flickr.com/photos/hemapani/
 Phone: 0772360902

>>>
>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>> --
>> Sent from iPad
>>
>
>
>
> --
> Fawzan~MMM
>
>


 --
 
 Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
 Site: http://people.apache.org/~hemapani/
 Photos: http://www.flickr.com/photos/hemapani/
 Phone: 0772360902

>>>
>>>
>>>
>>> --
>>> Fawzan~MMM
>>>
>>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>> Site: http://people.apache.org/~hemapani/
>> Photos: http://www.flickr.com/photos/hemapani/
>> Phone: 0772360902
>>
>
>
>
> --
> Fawzan~MMM
>
>


-- 

Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
Site: http://people.apache.org/~hemapani/
Photos: http://www.flickr.com/photos/hemapani/
Phone: 0772360902
___
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Are we talking about connecting the streams & operators phase? If so what
is your preferred method of doing it?

does the connection made when we drop an operator on another operator OR
drop an operator on a stream?

Am I correct ?



On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera  wrote:

> We need to connect stream to operators and operator to other operators by
> connectors?
> Need to click on a connector and drg it to another operator or stream.
> Would that clear?
>
> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan  wrote:
>
>>
>> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera  wrote:
>>
>>
>>
>>> we need name of the stream in the box IMO.
>>>
>>
>> +1, I will make the changes.
>>
>>
>>
>>> Also we need a way to draw from the stream to operators and between
>>> operators next.
>>>
>>> I can't quite understand that, Can you please explain it a bit?
>>
>>
>>
>>
>>
>>> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 I have added the streams[1]  as
 well. Please check and comment.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
 wrote:

> Look good. And overall layout is OK. ( We can do bit of styling with
> UI team later)
>
> --Srinath
>
> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> I have just added the right click delete option [1]
>>  . Please check and comment on
>> it.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Yeah. Right now working on the stream, i will try the right click ->
>>> delete. Btw what do you think of the complete svg layout? Is it ok?
>>>
>>>
>>> On Monday, June 8, 2015, Srinath Perera  wrote:
>>>
 Mohan said I need to move it to red box to delete. Not very
 intuitive IMO.

 Can we support right click and delete?

 On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
 wrote:

> I did not see any streams .. but can move the operators.
>
> I assume you have not done deletes yet.
>
> --Srinath
>
> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan 
> wrote:
>
>> Hi,
>>
>> I have updated the SVG layout with icons. Please check [1]
>> 
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan > > wrote:
>>
>>> Hi,
>>>
>>> Since our plan to create layout (as in milestone) failed, I have
>>> created a new layout[1] . Which
>>> is completely made of SVG. I have hosted a demo so that you can 
>>> check it
>>> easily.  Expecting your feedback to proceed work.
>>>
>>> -Regards
>>>
>>>
>>> [1] - http://vc.mutexlk.com/svg.html
>>> [2] -
>>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>> --
>>> Fawsan M.M.M
>>> Faculty of Engineering, UoP
>>> +94771121195
>>> https://lk.linkedin.com/in/efawzan
>>>
>>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>



 --
 
 Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
 Site: http://people.apache.org/~hemapani/
 Photos: http://www.flickr.com/photos/hemapani/
 Phone: 0772360902

>>>
>>>
>>> --
>>> Sent from iPad
>>>
>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>



 --
 Fawzan~MMM


>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>>
>> --
>> Fawzan~MMM
>>
>>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: ht

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

We can do it several ways

1. have small connectors showing against each node ( Stream/ Operator),
which you can click and drag to connector in other node.
2. Second option drop into other one as you mention.

I think #2 run into a problem if you want to connect two streams to same
operator ( e.g. Join). So I prefer #1. But open for other options.

--Srinath

On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan  wrote:

> Are we talking about connecting the streams & operators phase? If so what
> is your preferred method of doing it?
>
> does the connection made when we drop an operator on another operator OR
> drop an operator on a stream?
>
> Am I correct ?
>
>
>
> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera  wrote:
>
>> We need to connect stream to operators and operator to other operators by
>> connectors?
>> Need to click on a connector and drg it to another operator or stream.
>> Would that clear?
>>
>> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
>> wrote:
>>
>>>
>>> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
>>> wrote:
>>>
>>>
>>>
 we need name of the stream in the box IMO.

>>>
>>> +1, I will make the changes.
>>>
>>>
>>>
 Also we need a way to draw from the stream to operators and between
 operators next.

 I can't quite understand that, Can you please explain it a bit?
>>>
>>>
>>>
>>>
>>>
 On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> I have added the streams[1]  as
> well. Please check and comment.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
> wrote:
>
>> Look good. And overall layout is OK. ( We can do bit of styling with
>> UI team later)
>>
>> --Srinath
>>
>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> I have just added the right click delete option [1]
>>>  . Please check and comment
>>> on it.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Yeah. Right now working on the stream, i will try the right click
 -> delete. Btw what do you think of the complete svg layout? Is it ok?


 On Monday, June 8, 2015, Srinath Perera  wrote:

> Mohan said I need to move it to red box to delete. Not very
> intuitive IMO.
>
> Can we support right click and delete?
>
> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
> wrote:
>
>> I did not see any streams .. but can move the operators.
>>
>> I assume you have not done deletes yet.
>>
>> --Srinath
>>
>> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan > > wrote:
>>
>>> Hi,
>>>
>>> I have updated the SVG layout with icons. Please check [1]
>>> 
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Hi,

 Since our plan to create layout (as in milestone) failed, I
 have created a new layout[1] .
 Which is completely made of SVG. I have hosted a demo so that you 
 can check
 it easily.  Expecting your feedback to proceed work.

 -Regards


 [1] - http://vc.mutexlk.com/svg.html
 [2] -
 https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
 --
 Fawsan M.M.M
 Faculty of Engineering, UoP
 +94771121195
 https://lk.linkedin.com/in/efawzan


>>>
>>>
>>> --
>>> Fawzan~MMM
>>>
>>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>> Site: http://people.apache.org/~hemapani/
>> Photos: http://www.flickr.com/photos/hemapani/
>> Phone: 0772360902
>>
>
>
>
> --
> 
> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
> Site: http://people.apache.org/~hemapani/
> Photos: http://www.flickr.com/photos/hemapani/
> Phone: 0772360902
>


 --
 Sent from iPad

>>>
>>>
>>>
>>> --
>>> Fawzan~MMM
>>>
>>>
>>
>>
>> --
>> 
>> Blog: h

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera  wrote:

> We can do it several ways
>
> 1. have small connectors showing against each node ( Stream/ Operator),
> which you can click and drag to connector in other node.
>

+1, I had the same idea on my mind. I will work on that, Feel free to
suggest other options as well.



> 2. Second option drop into other one as you mention.
>
> I think #2 run into a problem if you want to connect two streams to same
> operator ( e.g. Join). So I prefer #1. But open for other options.
>
> --Srinath
>
> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan  wrote:
>
>> Are we talking about connecting the streams & operators phase? If so what
>> is your preferred method of doing it?
>>
>> does the connection made when we drop an operator on another operator OR
>> drop an operator on a stream?
>>
>> Am I correct ?
>>
>>
>>
>> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera  wrote:
>>
>>> We need to connect stream to operators and operator to other operators
>>> by connectors?
>>> Need to click on a connector and drg it to another operator or stream.
>>> Would that clear?
>>>
>>> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
>>> wrote:
>>>

 On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
 wrote:



> we need name of the stream in the box IMO.
>

 +1, I will make the changes.



> Also we need a way to draw from the stream to operators and between
> operators next.
>
> I can't quite understand that, Can you please explain it a bit?





> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> I have added the streams[1] 
>> as well. Please check and comment.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
>> wrote:
>>
>>> Look good. And overall layout is OK. ( We can do bit of styling with
>>> UI team later)
>>>
>>> --Srinath
>>>
>>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 I have just added the right click delete option [1]
  . Please check and comment
 on it.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
 wrote:

> Yeah. Right now working on the stream, i will try the right click
> -> delete. Btw what do you think of the complete svg layout? Is it ok?
>
>
> On Monday, June 8, 2015, Srinath Perera  wrote:
>
>> Mohan said I need to move it to red box to delete. Not very
>> intuitive IMO.
>>
>> Can we support right click and delete?
>>
>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera 
>> wrote:
>>
>>> I did not see any streams .. but can move the operators.
>>>
>>> I assume you have not done deletes yet.
>>>
>>> --Srinath
>>>
>>> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Hi,

 I have updated the SVG layout with icons. Please check [1]
 

 [1] - http://vc.mutexlk.com/dashboard.html

 On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Hi,
>
> Since our plan to create layout (as in milestone) failed, I
> have created a new layout[1] .
> Which is completely made of SVG. I have hosted a demo so that you 
> can check
> it easily.  Expecting your feedback to proceed work.
>
> -Regards
>
>
> [1] - http://vc.mutexlk.com/svg.html
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
> --
> Fawsan M.M.M
> Faculty of Engineering, UoP
> +94771121195
> https://lk.linkedin.com/in/efawzan
>
>


 --
 Fawzan~MMM


>>>
>>>
>>> --
>>> 
>>> Blog: http://srinathsview.blogspot.com twitter:@srinath_perera
>>> Site: http://people.apache.org/~hemapani/
>>> Photos: http://www.flickr.com/photos/hemapani/
>>> Phone: 0772360902
>>>
>>
>>
>>
>> --
>> 
>> Blog: http://srinathsview.blogspot.com twitter:@srinath_per

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

I have just added the streams names inside the rectangles [1]
 . Please check and comment on it.

-Regards

[1] - http://vc.mutexlk.com/dashboard.html

On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan  wrote:

>
> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera  wrote:
>
>> We can do it several ways
>>
>> 1. have small connectors showing against each node ( Stream/ Operator),
>> which you can click and drag to connector in other node.
>>
>
> +1, I had the same idea on my mind. I will work on that, Feel free to
> suggest other options as well.
>
>
>
>> 2. Second option drop into other one as you mention.
>>
>> I think #2 run into a problem if you want to connect two streams to same
>> operator ( e.g. Join). So I prefer #1. But open for other options.
>>
>> --Srinath
>>
>> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Are we talking about connecting the streams & operators phase? If so
>>> what is your preferred method of doing it?
>>>
>>> does the connection made when we drop an operator on another operator OR
>>> drop an operator on a stream?
>>>
>>> Am I correct ?
>>>
>>>
>>>
>>> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera 
>>> wrote:
>>>
 We need to connect stream to operators and operator to other operators
 by connectors?
 Need to click on a connector and drg it to another operator or stream.
 Would that clear?

 On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
 wrote:

>
> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
> wrote:
>
>
>
>> we need name of the stream in the box IMO.
>>
>
> +1, I will make the changes.
>
>
>
>> Also we need a way to draw from the stream to operators and between
>> operators next.
>>
>> I can't quite understand that, Can you please explain it a bit?
>
>
>
>
>
>> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> I have added the streams[1] 
>>> as well. Please check and comment.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
>>> wrote:
>>>
 Look good. And overall layout is OK. ( We can do bit of styling
 with UI team later)

 --Srinath

 On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> I have just added the right click delete option [1]
>  . Please check and comment
> on it.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan 
> wrote:
>
>> Yeah. Right now working on the stream, i will try the right click
>> -> delete. Btw what do you think of the complete svg layout? Is it 
>> ok?
>>
>>
>> On Monday, June 8, 2015, Srinath Perera  wrote:
>>
>>> Mohan said I need to move it to red box to delete. Not very
>>> intuitive IMO.
>>>
>>> Can we support right click and delete?
>>>
>>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera >> > wrote:
>>>
 I did not see any streams .. but can move the operators.

 I assume you have not done deletes yet.

 --Srinath

 On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Hi,
>
> I have updated the SVG layout with icons. Please check [1]
> 
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>> Hi,
>>
>> Since our plan to create layout (as in milestone) failed, I
>> have created a new layout[1] .
>> Which is completely made of SVG. I have hosted a demo so that 
>> you can check
>> it easily.  Expecting your feedback to proceed work.
>>
>> -Regards
>>
>>
>> [1] - http://vc.mutexlk.com/svg.html
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>> --
>> Fawsan M.M.M
>> Faculty of Engineering, UoP
>> +94771121195
>> https://lk.linkedin.com/in/efawzan
>>
>>
>
>
> --
> Fawzan~MMM
>
>

>>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

Need names inside canvas as well. ( need to handle large names).

What are the children of streams? attributes? I would rather connect
streams and operators, then click on operator and pick which attribute/ or
attributes you use. If so I would not show children against streams.

On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan  wrote:

>
> Hi Srinath,
>
> I have just added the streams names inside the rectangles [1]
>  . Please check and comment on it.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan  wrote:
>
>>
>> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera  wrote:
>>
>>> We can do it several ways
>>>
>>> 1. have small connectors showing against each node ( Stream/ Operator),
>>> which you can click and drag to connector in other node.
>>>
>>
>> +1, I had the same idea on my mind. I will work on that, Feel free to
>> suggest other options as well.
>>
>>
>>
>>> 2. Second option drop into other one as you mention.
>>>
>>> I think #2 run into a problem if you want to connect two streams to same
>>> operator ( e.g. Join). So I prefer #1. But open for other options.
>>>
>>> --Srinath
>>>
>>> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Are we talking about connecting the streams & operators phase? If so
 what is your preferred method of doing it?

 does the connection made when we drop an operator on another operator
 OR drop an operator on a stream?

 Am I correct ?



 On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera 
 wrote:

> We need to connect stream to operators and operator to other operators
> by connectors?
> Need to click on a connector and drg it to another operator or stream.
> Would that clear?
>
> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
> wrote:
>
>>
>> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
>> wrote:
>>
>>
>>
>>> we need name of the stream in the box IMO.
>>>
>>
>> +1, I will make the changes.
>>
>>
>>
>>> Also we need a way to draw from the stream to operators and between
>>> operators next.
>>>
>>> I can't quite understand that, Can you please explain it a bit?
>>
>>
>>
>>
>>
>>> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 I have added the streams[1] 
 as well. Please check and comment.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
 wrote:

> Look good. And overall layout is OK. ( We can do bit of styling
> with UI team later)
>
> --Srinath
>
> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> I have just added the right click delete option [1]
>>  . Please check and
>> comment on it.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan > > wrote:
>>
>>> Yeah. Right now working on the stream, i will try the right
>>> click -> delete. Btw what do you think of the complete svg layout? 
>>> Is it ok?
>>>
>>>
>>> On Monday, June 8, 2015, Srinath Perera 
>>> wrote:
>>>
 Mohan said I need to move it to red box to delete. Not very
 intuitive IMO.

 Can we support right click and delete?

 On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera <
 srin...@wso2.com> wrote:

> I did not see any streams .. but can move the operators.
>
> I assume you have not done deletes yet.
>
> --Srinath
>
> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>> Hi,
>>
>> I have updated the SVG layout with icons. Please check [1]
>> 
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Hi,
>>>
>>> Since our plan to create layout (as in milestone) failed, I
>>> have created a new layout[1]
>>> . Which is completely made
>>> of SVG. I have hosted a demo so that you can check it easily.  
>>> Expecting
>>> your feedback to proceed work

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi,



On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera  wrote:

> Need names inside canvas as well. ( need to handle large names).
>
> What are the children of streams? attributes?
>
I was planning to categorize streams there. Please see the updated names
here[1]. 





> I would rather connect streams and operators, then click on operator and
> pick which attribute/ or attributes you use. If so I would not show
> children against streams.
>
> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan  wrote:
>
>>
>> Hi Srinath,
>>
>> I have just added the streams names inside the rectangles [1]
>>  . Please check and comment on it.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan 
>> wrote:
>>
>>>
>>> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera 
>>> wrote:
>>>
 We can do it several ways

 1. have small connectors showing against each node ( Stream/ Operator),
 which you can click and drag to connector in other node.

>>>
>>> +1, I had the same idea on my mind. I will work on that, Feel free to
>>> suggest other options as well.
>>>
>>>
>>>
 2. Second option drop into other one as you mention.

 I think #2 run into a problem if you want to connect two streams to
 same operator ( e.g. Join). So I prefer #1. But open for other options.

 --Srinath

 On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan 
 wrote:

> Are we talking about connecting the streams & operators phase? If so
> what is your preferred method of doing it?
>
> does the connection made when we drop an operator on another operator
> OR drop an operator on a stream?
>
> Am I correct ?
>
>
>
> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera 
> wrote:
>
>> We need to connect stream to operators and operator to other
>> operators by connectors?
>> Need to click on a connector and drg it to another operator or
>> stream. Would that clear?
>>
>> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
>> wrote:
>>
>>>
>>> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
>>> wrote:
>>>
>>>
>>>
 we need name of the stream in the box IMO.

>>>
>>> +1, I will make the changes.
>>>
>>>
>>>
 Also we need a way to draw from the stream to operators and between
 operators next.

 I can't quite understand that, Can you please explain it a bit?
>>>
>>>
>>>
>>>
>>>
 On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> I have added the streams[1] 
> as well. Please check and comment.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
> wrote:
>
>> Look good. And overall layout is OK. ( We can do bit of styling
>> with UI team later)
>>
>> --Srinath
>>
>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan > > wrote:
>>
>>> Hi Srinath,
>>>
>>> I have just added the right click delete option [1]
>>>  . Please check and
>>> comment on it.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Yeah. Right now working on the stream, i will try the right
 click -> delete. Btw what do you think of the complete svg layout? 
 Is it ok?


 On Monday, June 8, 2015, Srinath Perera 
 wrote:

> Mohan said I need to move it to red box to delete. Not very
> intuitive IMO.
>
> Can we support right click and delete?
>
> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera <
> srin...@wso2.com> wrote:
>
>> I did not see any streams .. but can move the operators.
>>
>> I assume you have not done deletes yet.
>>
>> --Srinath
>>
>> On Sun, Jun 7, 2015 at 9:02 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Hi,
>>>
>>> I have updated the SVG layout with icons. Please check [1]
>>> 
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Sun, Jun 7, 2015 at 3:35 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

Can you please help me to understand the streams? I mean the InputOutputNode
in.


InputOutputNode : {

connectionName : 'StockQuoteStream',

connectionType :'Stream',

connectionTypeDetails : 'para1:string, para2:int'

}


In the layout[1]  I have
considered Input & Output streams as separate things. Is it correct ?
or else are they belong to same category?


-Regards


[1]-http://vc.mutexlk.com/dashboard.html


On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan  wrote:

> Hi,
>
>
>
> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera  wrote:
>
>> Need names inside canvas as well. ( need to handle large names).
>>
>> What are the children of streams? attributes?
>>
> I was planning to categorize streams there. Please see the updated names
> here[1]. 
>
>
>
>
>
>> I would rather connect streams and operators, then click on operator and
>> pick which attribute/ or attributes you use. If so I would not show
>> children against streams.
>>
>> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan 
>> wrote:
>>
>>>
>>> Hi Srinath,
>>>
>>> I have just added the streams names inside the rectangles [1]
>>>  . Please check and comment on
>>> it.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan 
>>> wrote:
>>>

 On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera 
 wrote:

> We can do it several ways
>
> 1. have small connectors showing against each node ( Stream/
> Operator), which you can click and drag to connector in other node.
>

 +1, I had the same idea on my mind. I will work on that, Feel free to
 suggest other options as well.



> 2. Second option drop into other one as you mention.
>
> I think #2 run into a problem if you want to connect two streams to
> same operator ( e.g. Join). So I prefer #1. But open for other options.
>
> --Srinath
>
> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan 
> wrote:
>
>> Are we talking about connecting the streams & operators phase? If so
>> what is your preferred method of doing it?
>>
>> does the connection made when we drop an operator on another operator
>> OR drop an operator on a stream?
>>
>> Am I correct ?
>>
>>
>>
>> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera 
>> wrote:
>>
>>> We need to connect stream to operators and operator to other
>>> operators by connectors?
>>> Need to click on a connector and drg it to another operator or
>>> stream. Would that clear?
>>>
>>> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
>>> wrote:
>>>

 On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
 wrote:



> we need name of the stream in the box IMO.
>

 +1, I will make the changes.



> Also we need a way to draw from the stream to operators and
> between operators next.
>
> I can't quite understand that, Can you please explain it a bit?





> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> I have added the streams[1]
>>  as well. Please check and
>> comment.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera 
>> wrote:
>>
>>> Look good. And overall layout is OK. ( We can do bit of styling
>>> with UI team later)
>>>
>>> --Srinath
>>>
>>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Hi Srinath,

 I have just added the right click delete option [1]
  . Please check and
 comment on it.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Yeah. Right now working on the stream, i will try the right
> click -> delete. Btw what do you think of the complete svg 
> layout? Is it ok?
>
>
> On Monday, June 8, 2015, Srinath Perera 
> wrote:
>
>> Mohan said I need to move it to red box to delete. Not very
>> intuitive IMO.
>>
>> Can we support right click and delete?
>>
>> On Mon, Jun 8, 2015 at 3:25 PM, Srinath Perera <
>> srin...@wso2

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

Input and output streams are the same thing. Sometimes, a stream can be
both inputs and outputs E.g. Stream 2.

[image: Inline image 1]

On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
> Can you please help me to understand the streams? I mean the InputOutputNode
> in.
>
>
> InputOutputNode : {
>
> connectionName : 'StockQuoteStream',
>
> connectionType :'Stream',
>
> connectionTypeDetails : 'para1:string, para2:int'
>
> }
>
>
> In the layout[1]  I have considered 
> Input & Output streams as separate things. Is it correct ? or else are they 
> belong to same category?
>
>
> -Regards
>
>
> [1]-http://vc.mutexlk.com/dashboard.html
>
>
> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan 
> wrote:
>
>> Hi,
>>
>>
>>
>> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera  wrote:
>>
>>> Need names inside canvas as well. ( need to handle large names).
>>>
>>> What are the children of streams? attributes?
>>>
>> I was planning to categorize streams there. Please see the updated names
>> here[1]. 
>>
>>
>>
>>
>>
>>> I would rather connect streams and operators, then click on operator and
>>> pick which attribute/ or attributes you use. If so I would not show
>>> children against streams.
>>>
>>> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan 
>>> wrote:
>>>

 Hi Srinath,

 I have just added the streams names inside the rectangles [1]
  . Please check and comment on
 it.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan 
 wrote:

>
> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera 
> wrote:
>
>> We can do it several ways
>>
>> 1. have small connectors showing against each node ( Stream/
>> Operator), which you can click and drag to connector in other node.
>>
>
> +1, I had the same idea on my mind. I will work on that, Feel free to
> suggest other options as well.
>
>
>
>> 2. Second option drop into other one as you mention.
>>
>> I think #2 run into a problem if you want to connect two streams to
>> same operator ( e.g. Join). So I prefer #1. But open for other options.
>>
>> --Srinath
>>
>> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Are we talking about connecting the streams & operators phase? If so
>>> what is your preferred method of doing it?
>>>
>>> does the connection made when we drop an operator on another
>>> operator OR drop an operator on a stream?
>>>
>>> Am I correct ?
>>>
>>>
>>>
>>> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera 
>>> wrote:
>>>
 We need to connect stream to operators and operator to other
 operators by connectors?
 Need to click on a connector and drg it to another operator or
 stream. Would that clear?

 On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan 
 wrote:

>
> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera 
> wrote:
>
>
>
>> we need name of the stream in the box IMO.
>>
>
> +1, I will make the changes.
>
>
>
>> Also we need a way to draw from the stream to operators and
>> between operators next.
>>
>> I can't quite understand that, Can you please explain it a bit?
>
>
>
>
>
>> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan > > wrote:
>>
>>> Hi Srinath,
>>>
>>> I have added the streams[1]
>>>  as well. Please check
>>> and comment.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera >> > wrote:
>>>
 Look good. And overall layout is OK. ( We can do bit of styling
 with UI team later)

 --Srinath

 On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Hi Srinath,
>
> I have just added the right click delete option [1]
>  . Please check and
> comment on it.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Mon, Jun 8, 2015 at 3:54 PM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>> Yeah. Right now working on the stream, i will try the right
>> click -> delete. Btw what do you think of the complete svg 
>> layout? Is it ok?
>>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Yes. It is a good time. I can take the 6.00AM Train from kandy. Can reach
colombo by 10.00 i guess. Is it o?

On Friday, June 12, 2015, Mohamed Fawzan  wrote:

> Understood. Thanks Srinath.
>
> On Friday, June 12, 2015, Srinath Perera  > wrote:
>
>> Input and output streams are the same thing. Sometimes, a stream can be
>> both inputs and outputs E.g. Stream 2.
>>
>> [image: Inline image 1]
>>
>> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> Can you please help me to understand the streams? I mean the InputOutputNode
>>> in.
>>>
>>>
>>> InputOutputNode : {
>>>
>>> connectionName : 'StockQuoteStream',
>>>
>>> connectionType :'Stream',
>>>
>>> connectionTypeDetails : 'para1:string, para2:int'
>>>
>>> }
>>>
>>>
>>> In the layout[1]  I have considered 
>>> Input & Output streams as separate things. Is it correct ? or else are they 
>>> belong to same category?
>>>
>>>
>>> -Regards
>>>
>>>
>>> [1]-http://vc.mutexlk.com/dashboard.html
>>>
>>>
>>> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi,



 On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera 
 wrote:

> Need names inside canvas as well. ( need to handle large names).
>
> What are the children of streams? attributes?
>
 I was planning to categorize streams there. Please see the updated
 names here[1]. 





> I would rather connect streams and operators, then click on operator
> and pick which attribute/ or attributes you use. If so I would not show
> children against streams.
>
> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan 
> wrote:
>
>>
>> Hi Srinath,
>>
>> I have just added the streams names inside the rectangles [1]
>>  . Please check and comment on
>> it.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan 
>> wrote:
>>
>>>
>>> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera 
>>> wrote:
>>>
 We can do it several ways

 1. have small connectors showing against each node ( Stream/
 Operator), which you can click and drag to connector in other node.

>>>
>>> +1, I had the same idea on my mind. I will work on that, Feel free
>>> to suggest other options as well.
>>>
>>>
>>>
 2. Second option drop into other one as you mention.

 I think #2 run into a problem if you want to connect two streams to
 same operator ( e.g. Join). So I prefer #1. But open for other options.

 --Srinath

 On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan 
 wrote:

> Are we talking about connecting the streams & operators phase? If
> so what is your preferred method of doing it?
>
> does the connection made when we drop an operator on another
> operator OR drop an operator on a stream?
>
> Am I correct ?
>
>
>
> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera 
> wrote:
>
>> We need to connect stream to operators and operator to other
>> operators by connectors?
>> Need to click on a connector and drg it to another operator or
>> stream. Would that clear?
>>
>> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>>
>>> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera <
>>> srin...@wso2.com> wrote:
>>>
>>>
>>>
 we need name of the stream in the box IMO.

>>>
>>> +1, I will make the changes.
>>>
>>>
>>>
 Also we need a way to draw from the stream to operators and
 between operators next.

 I can't quite understand that, Can you please explain it a bit?
>>>
>>>
>>>
>>>
>>>
 On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Hi Srinath,
>
> I have added the streams[1]
>  as well. Please check
> and comment.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera <
> srin...@wso2.com> wrote:
>
>> Look good. And overall layout is OK. ( We can do bit of
>> styling with UI team later)
>>
>> --Srinath
>>
>> On Mon, Jun 8, 2015 at 6:06 PM, Mohamed Fawzan <
>> fawz...

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

yes that is OK.

On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan  wrote:

> Yes. It is a good time. I can take the 6.00AM Train from kandy. Can reach
> colombo by 10.00 i guess. Is it o?
>
>
> On Friday, June 12, 2015, Mohamed Fawzan  wrote:
>
>> Understood. Thanks Srinath.
>>
>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>
>>> Input and output streams are the same thing. Sometimes, a stream can be
>>> both inputs and outputs E.g. Stream 2.
>>>
>>> [image: Inline image 1]
>>>
>>> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 Can you please help me to understand the streams? I mean the 
 InputOutputNode
 in.


 InputOutputNode : {

 connectionName : 'StockQuoteStream',

 connectionType :'Stream',

 connectionTypeDetails : 'para1:string, para2:int'

 }


 In the layout[1]  I have considered 
 Input & Output streams as separate things. Is it correct ? or else are 
 they belong to same category?


 -Regards


 [1]-http://vc.mutexlk.com/dashboard.html


 On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan 
 wrote:

> Hi,
>
>
>
> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera 
> wrote:
>
>> Need names inside canvas as well. ( need to handle large names).
>>
>> What are the children of streams? attributes?
>>
> I was planning to categorize streams there. Please see the updated
> names here[1]. 
>
>
>
>
>
>> I would rather connect streams and operators, then click on operator
>> and pick which attribute/ or attributes you use. If so I would not show
>> children against streams.
>>
>> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan 
>> wrote:
>>
>>>
>>> Hi Srinath,
>>>
>>> I have just added the streams names inside the rectangles [1]
>>>  . Please check and comment
>>> on it.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan 
>>> wrote:
>>>

 On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera 
 wrote:

> We can do it several ways
>
> 1. have small connectors showing against each node ( Stream/
> Operator), which you can click and drag to connector in other node.
>

 +1, I had the same idea on my mind. I will work on that, Feel free
 to suggest other options as well.



> 2. Second option drop into other one as you mention.
>
> I think #2 run into a problem if you want to connect two streams
> to same operator ( e.g. Join). So I prefer #1. But open for other 
> options.
>
> --Srinath
>
> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan  > wrote:
>
>> Are we talking about connecting the streams & operators phase? If
>> so what is your preferred method of doing it?
>>
>> does the connection made when we drop an operator on another
>> operator OR drop an operator on a stream?
>>
>> Am I correct ?
>>
>>
>>
>> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera > > wrote:
>>
>>> We need to connect stream to operators and operator to other
>>> operators by connectors?
>>> Need to click on a connector and drg it to another operator or
>>> stream. Would that clear?
>>>
>>> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>

 On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera <
 srin...@wso2.com> wrote:



> we need name of the stream in the box IMO.
>

 +1, I will make the changes.



> Also we need a way to draw from the stream to operators and
> between operators next.
>
> I can't quite understand that, Can you please explain it a
 bit?





> On Tue, Jun 9, 2015 at 7:24 PM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>> Hi Srinath,
>>
>> I have added the streams[1]
>>  as well. Please check
>> and comment.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Tue, Jun 9, 2015 at 9:43 AM, Srinath Perera <
>> srin...@wso2.com>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath.

I have added support for large file names in the streams [1]
  by showing the part of the stream
name in the rectangle element. When you *hover *
you can see the* full stream name. *Also when the user drag the element to
the canvas, he get the same behavior their.

Currently I'm working on connecting the elements. It is bit difficult. But
I am close enough. I think i can present it by this week.

-Regards

[1] - http://vc.mutexlk.com/dashboard.html

On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan  wrote:

> Thanks.
>
>
> On Friday, June 12, 2015, Srinath Perera  wrote:
>
>> yes that is OK.
>>
>> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Yes. It is a good time. I can take the 6.00AM Train from kandy. Can
>>> reach colombo by 10.00 i guess. Is it o?
>>>
>>>
>>> On Friday, June 12, 2015, Mohamed Fawzan  wrote:
>>>
 Understood. Thanks Srinath.

 On Friday, June 12, 2015, Srinath Perera  wrote:

> Input and output streams are the same thing. Sometimes, a stream can
> be both inputs and outputs E.g. Stream 2.
>
> [image: Inline image 1]
>
> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> Can you please help me to understand the streams? I mean the 
>> InputOutputNode
>> in.
>>
>>
>> InputOutputNode : {
>>
>> connectionName : 'StockQuoteStream',
>>
>> connectionType :'Stream',
>>
>> connectionTypeDetails : 'para1:string, para2:int'
>>
>> }
>>
>>
>> In the layout[1]  I have 
>> considered Input & Output streams as separate things. Is it correct ? or 
>> else are they belong to same category?
>>
>>
>> -Regards
>>
>>
>> [1]-http://vc.mutexlk.com/dashboard.html
>>
>>
>> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi,
>>>
>>>
>>>
>>> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera 
>>> wrote:
>>>
 Need names inside canvas as well. ( need to handle large names).

 What are the children of streams? attributes?

>>> I was planning to categorize streams there. Please see the updated
>>> names here[1]. 
>>>
>>>
>>>
>>>
>>>
 I would rather connect streams and operators, then click on
 operator and pick which attribute/ or attributes you use. If so I 
 would not
 show children against streams.

 On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan 
 wrote:

>
> Hi Srinath,
>
> I have just added the streams names inside the rectangles [1]
>  . Please check and comment
> on it.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan  > wrote:
>
>>
>> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera > > wrote:
>>
>>> We can do it several ways
>>>
>>> 1. have small connectors showing against each node ( Stream/
>>> Operator), which you can click and drag to connector in other node.
>>>
>>
>> +1, I had the same idea on my mind. I will work on that, Feel
>> free to suggest other options as well.
>>
>>
>>
>>> 2. Second option drop into other one as you mention.
>>>
>>> I think #2 run into a problem if you want to connect two streams
>>> to same operator ( e.g. Join). So I prefer #1. But open for other 
>>> options.
>>>
>>> --Srinath
>>>
>>> On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Are we talking about connecting the streams & operators phase?
 If so what is your preferred method of doing it?

 does the connection made when we drop an operator on another
 operator OR drop an operator on a stream?

 Am I correct ?



 On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera <
 srin...@wso2.com> wrote:

> We need to connect stream to operators and operator to other
> operators by connectors?
> Need to click on a connector and drg it to another operator or
> stream. Would that clear?
>
> On Wed, Jun 10, 2015 at 5:36 PM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>>
>> On Wed, Jun 10, 2015 at 5:31 PM, Srinath Perera <
>> srin...@wso2.com> wrote:
>>
>>
>>
>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

I have found a workaround for connecting elements with click & click. I
will update the demo soon with the (progress of) improvements we have
discussed in the meeting on 19th.  .

-Regards

On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan  wrote:

> Hi Srinath.
>
> I have added support for large file names in the streams [1]
>   by showing the part of the stream
> name in the rectangle element. When you *hover *
> you can see the* full stream name. *Also when the user drag the element
> to the canvas, he get the same behavior their.
>
> Currently I'm working on connecting the elements. It is bit difficult. But
> I am close enough. I think i can present it by this week.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan  wrote:
>
>> Thanks.
>>
>>
>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>
>>> yes that is OK.
>>>
>>> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Yes. It is a good time. I can take the 6.00AM Train from kandy. Can
 reach colombo by 10.00 i guess. Is it o?


 On Friday, June 12, 2015, Mohamed Fawzan  wrote:

> Understood. Thanks Srinath.
>
> On Friday, June 12, 2015, Srinath Perera  wrote:
>
>> Input and output streams are the same thing. Sometimes, a stream can
>> be both inputs and outputs E.g. Stream 2.
>>
>> [image: Inline image 1]
>>
>> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> Can you please help me to understand the streams? I mean the 
>>> InputOutputNode
>>> in.
>>>
>>>
>>> InputOutputNode : {
>>>
>>> connectionName : 'StockQuoteStream',
>>>
>>> connectionType :'Stream',
>>>
>>> connectionTypeDetails : 'para1:string, para2:int'
>>>
>>> }
>>>
>>>
>>> In the layout[1]  I have 
>>> considered Input & Output streams as separate things. Is it correct ? 
>>> or else are they belong to same category?
>>>
>>>
>>> -Regards
>>>
>>>
>>> [1]-http://vc.mutexlk.com/dashboard.html
>>>
>>>
>>> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi,



 On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera 
 wrote:

> Need names inside canvas as well. ( need to handle large names).
>
> What are the children of streams? attributes?
>
 I was planning to categorize streams there. Please see the updated
 names here[1]. 





> I would rather connect streams and operators, then click on
> operator and pick which attribute/ or attributes you use. If so I 
> would not
> show children against streams.
>
> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan  > wrote:
>
>>
>> Hi Srinath,
>>
>> I have just added the streams names inside the rectangles [1]
>>  . Please check and
>> comment on it.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>>
>>> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera <
>>> srin...@wso2.com> wrote:
>>>
 We can do it several ways

 1. have small connectors showing against each node ( Stream/
 Operator), which you can click and drag to connector in other node.

>>>
>>> +1, I had the same idea on my mind. I will work on that, Feel
>>> free to suggest other options as well.
>>>
>>>
>>>
 2. Second option drop into other one as you mention.

 I think #2 run into a problem if you want to connect two
 streams to same operator ( e.g. Join). So I prefer #1. But open 
 for other
 options.

 --Srinath

 On Wed, Jun 10, 2015 at 5:46 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Are we talking about connecting the streams & operators phase?
> If so what is your preferred method of doing it?
>
> does the connection made when we drop an operator on another
> operator OR drop an operator on a stream?
>
> Am I correct ?
>
>
>
> On Wed, Jun 10, 2015 at 5:42 PM, Srinath Perera <
> srin...@wso2.com> wrote:
>
>> We need to connect stream to operat

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

As per our discussion, I have modified the UI[1] .
here is the list of updated features,

1. I have added an operator to compose queries. (icon : query).
2. Other operators can be dropped to query boxes(cannot dropped outside the
query boxes), Also it can only be dragged inside query boxes.
3. The query boxes itself can be dragged with operators.
4  IO Streams were re drawn.


Please check & comment on it so that I can proceed with making the Graph.
you can find the repo here [2]



[1] - http://vc.mutexlk.com
[2] - https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language

-Regards



On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
> I have found a workaround for connecting elements with click & click. I
> will update the demo soon with the (progress of) improvements we have
> discussed in the meeting on 19th.  .
>
> -Regards
>
> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan  wrote:
>
>> Hi Srinath.
>>
>> I have added support for large file names in the streams [1]
>>   by showing the part of the
>> stream name in the rectangle element. When you *hover *
>> you can see the* full stream name. *Also when the user drag the element
>> to the canvas, he get the same behavior their.
>>
>> Currently I'm working on connecting the elements. It is bit difficult.
>> But I am close enough. I think i can present it by this week.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Thanks.
>>>
>>>
>>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>>
 yes that is OK.

 On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
 wrote:

> Yes. It is a good time. I can take the 6.00AM Train from kandy. Can
> reach colombo by 10.00 i guess. Is it o?
>
>
> On Friday, June 12, 2015, Mohamed Fawzan  wrote:
>
>> Understood. Thanks Srinath.
>>
>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>
>>> Input and output streams are the same thing. Sometimes, a stream can
>>> be both inputs and outputs E.g. Stream 2.
>>>
>>> [image: Inline image 1]
>>>
>>> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 Can you please help me to understand the streams? I mean the 
 InputOutputNode
 in.


 InputOutputNode : {

 connectionName : 'StockQuoteStream',

 connectionType :'Stream',

 connectionTypeDetails : 'para1:string, para2:int'

 }


 In the layout[1]  I have 
 considered Input & Output streams as separate things. Is it correct ? 
 or else are they belong to same category?


 -Regards


 [1]-http://vc.mutexlk.com/dashboard.html


 On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan >>> > wrote:

> Hi,
>
>
>
> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera 
> wrote:
>
>> Need names inside canvas as well. ( need to handle large names).
>>
>> What are the children of streams? attributes?
>>
> I was planning to categorize streams there. Please see the updated
> names here[1]. 
>
>
>
>
>
>> I would rather connect streams and operators, then click on
>> operator and pick which attribute/ or attributes you use. If so I 
>> would not
>> show children against streams.
>>
>> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>>
>>> Hi Srinath,
>>>
>>> I have just added the streams names inside the rectangles [1]
>>>  . Please check and
>>> comment on it.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>

 On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera <
 srin...@wso2.com> wrote:

> We can do it several ways
>
> 1. have small connectors showing against each node ( Stream/
> Operator), which you can click and drag to connector in other 
> node.
>

 +1, I had the same idea on my mind. I will work on that, Feel
 free to suggest other options as well.



> 2. S

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

I tried to draw, but failed. Can you do a small screencast on how to draw
and connect.

On current palette, everything looks same, we need to indicate queries are
different than other operators.

--Srinath

On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
> As per our discussion, I have modified the UI[1] .
> here is the list of updated features,
>
> 1. I have added an operator to compose queries. (icon : query).
> 2. Other operators can be dropped to query boxes(cannot dropped outside
> the query boxes), Also it can only be dragged inside query boxes.
> 3. The query boxes itself can be dragged with operators.
> 4  IO Streams were re drawn.
>
>
> Please check & comment on it so that I can proceed with making the Graph.
> you can find the repo here [2]
> 
>
>
> [1] - http://vc.mutexlk.com
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>
> -Regards
>
>
>
> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan  wrote:
>
>> Hi Srinath,
>>
>> I have found a workaround for connecting elements with click & click. I
>> will update the demo soon with the (progress of) improvements we have
>> discussed in the meeting on 19th.  .
>>
>> -Regards
>>
>> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath.
>>>
>>> I have added support for large file names in the streams [1]
>>>   by showing the part of the
>>> stream name in the rectangle element. When you *hover *
>>> you can see the* full stream name. *Also when the user drag the element
>>> to the canvas, he get the same behavior their.
>>>
>>> Currently I'm working on connecting the elements. It is bit difficult.
>>> But I am close enough. I think i can present it by this week.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Thanks.


 On Friday, June 12, 2015, Srinath Perera  wrote:

> yes that is OK.
>
> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
> wrote:
>
>> Yes. It is a good time. I can take the 6.00AM Train from kandy. Can
>> reach colombo by 10.00 i guess. Is it o?
>>
>>
>> On Friday, June 12, 2015, Mohamed Fawzan  wrote:
>>
>>> Understood. Thanks Srinath.
>>>
>>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>>
 Input and output streams are the same thing. Sometimes, a stream
 can be both inputs and outputs E.g. Stream 2.

 [image: Inline image 1]

 On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> Can you please help me to understand the streams? I mean the 
> InputOutputNode
> in.
>
>
> InputOutputNode : {
>
> connectionName : 'StockQuoteStream',
>
> connectionType :'Stream',
>
> connectionTypeDetails : 'para1:string, para2:int'
>
> }
>
>
> In the layout[1]  I have 
> considered Input & Output streams as separate things. Is it correct ? 
> or else are they belong to same category?
>
>
> -Regards
>
>
> [1]-http://vc.mutexlk.com/dashboard.html
>
>
> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>> Hi,
>>
>>
>>
>> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera > > wrote:
>>
>>> Need names inside canvas as well. ( need to handle large names).
>>>
>>> What are the children of streams? attributes?
>>>
>> I was planning to categorize streams there. Please see the
>> updated names here[1]. 
>>
>>
>>
>>
>>
>>> I would rather connect streams and operators, then click on
>>> operator and pick which attribute/ or attributes you use. If so I 
>>> would not
>>> show children against streams.
>>>
>>> On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>

 Hi Srinath,

 I have just added the streams names inside the rectangles [1]
  . Please check and
 comment on it.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Wed, Jun 10, 2015 at 5:55 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

>
> On Wed, Jun 10, 2015 at 5:52 PM, Srinath Perera <
> srin...@wso2.co

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,


I have removed the Drawing feature as I have encountered a bug, Looks like
the 'click' event in d3 automatically triggers a 'drag' event as well. I
have tried to set a Flag and resolve the issue. But it seems that only
Opera (Web Browser) has the issue. Chrome and FF works fine. I will update
the draw feature and notify.

-Regards



On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera  wrote:

> I tried to draw, but failed. Can you do a small screencast on how to draw
> and connect.
>
> On current palette, everything looks same, we need to indicate queries are
> different than other operators.
>
> --Srinath
>
> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan  wrote:
>
>> Hi Srinath,
>>
>> As per our discussion, I have modified the UI[1] .
>> here is the list of updated features,
>>
>> 1. I have added an operator to compose queries. (icon : query).
>> 2. Other operators can be dropped to query boxes(cannot dropped outside
>> the query boxes), Also it can only be dragged inside query boxes.
>> 3. The query boxes itself can be dragged with operators.
>> 4  IO Streams were re drawn.
>>
>>
>> Please check & comment on it so that I can proceed with making the Graph.
>> you can find the repo here [2]
>> 
>>
>>
>> [1] - http://vc.mutexlk.com
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>
>> -Regards
>>
>>
>>
>> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> I have found a workaround for connecting elements with click & click. I
>>> will update the demo soon with the (progress of) improvements we have
>>> discussed in the meeting on 19th.  .
>>>
>>> -Regards
>>>
>>> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath.

 I have added support for large file names in the streams [1]
   by showing the part of the
 stream name in the rectangle element. When you *hover *
 you can see the* full stream name. *Also when the user drag the
 element to the canvas, he get the same behavior their.

 Currently I'm working on connecting the elements. It is bit difficult.
 But I am close enough. I think i can present it by this week.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan 
 wrote:

> Thanks.
>
>
> On Friday, June 12, 2015, Srinath Perera  wrote:
>
>> yes that is OK.
>>
>> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Yes. It is a good time. I can take the 6.00AM Train from kandy. Can
>>> reach colombo by 10.00 i guess. Is it o?
>>>
>>>
>>> On Friday, June 12, 2015, Mohamed Fawzan  wrote:
>>>
 Understood. Thanks Srinath.

 On Friday, June 12, 2015, Srinath Perera  wrote:

> Input and output streams are the same thing. Sometimes, a stream
> can be both inputs and outputs E.g. Stream 2.
>
> [image: Inline image 1]
>
> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan  > wrote:
>
>> Hi Srinath,
>>
>> Can you please help me to understand the streams? I mean the 
>> InputOutputNode
>> in.
>>
>>
>> InputOutputNode : {
>>
>> connectionName : 'StockQuoteStream',
>>
>> connectionType :'Stream',
>>
>> connectionTypeDetails : 'para1:string, para2:int'
>>
>> }
>>
>>
>> In the layout[1]  I have 
>> considered Input & Output streams as separate things. Is it correct 
>> ? or else are they belong to same category?
>>
>>
>> -Regards
>>
>>
>> [1]-http://vc.mutexlk.com/dashboard.html
>>
>>
>> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Hi,
>>>
>>>
>>>
>>> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera <
>>> srin...@wso2.com> wrote:
>>>
 Need names inside canvas as well. ( need to handle large names).

 What are the children of streams? attributes?

>>> I was planning to categorize streams there. Please see the
>>> updated names here[1]. 
>>>
>>>
>>>
>>>
>>>
 I would rather connect streams and operators, then click on
 operator and pick which attribute/ or attributes you use. If so I 
 would not
 show children against streams.

 On Thu, Jun 11, 2015 at 6:52 AM, Mohamed Fawzan <
 fawz...@gmail.com

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

When we compose the query, Can we have the same stream appear twice in the
canvas?

-Regards



On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
>
> I have removed the Drawing feature as I have encountered a bug, Looks like
> the 'click' event in d3 automatically triggers a 'drag' event as well. I
> have tried to set a Flag and resolve the issue. But it seems that only
> Opera (Web Browser) has the issue. Chrome and FF works fine. I will update
> the draw feature and notify.
>
> -Regards
>
>
>
> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera  wrote:
>
>> I tried to draw, but failed. Can you do a small screencast on how to draw
>> and connect.
>>
>> On current palette, everything looks same, we need to indicate queries
>> are different than other operators.
>>
>> --Srinath
>>
>> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan  wrote:
>>
>>> Hi Srinath,
>>>
>>> As per our discussion, I have modified the UI[1] .
>>> here is the list of updated features,
>>>
>>> 1. I have added an operator to compose queries. (icon : query).
>>> 2. Other operators can be dropped to query boxes(cannot dropped outside
>>> the query boxes), Also it can only be dragged inside query boxes.
>>> 3. The query boxes itself can be dragged with operators.
>>> 4  IO Streams were re drawn.
>>>
>>>
>>> Please check & comment on it so that I can proceed with making the
>>> Graph. you can find the repo here [2]
>>> 
>>>
>>>
>>> [1] - http://vc.mutexlk.com
>>> [2] -
>>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 I have found a workaround for connecting elements with click & click. I
 will update the demo soon with the (progress of) improvements we have
 discussed in the meeting on 19th.  .

 -Regards

 On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan 
 wrote:

> Hi Srinath.
>
> I have added support for large file names in the streams [1]
>   by showing the part of the
> stream name in the rectangle element. When you *hover *
> you can see the* full stream name. *Also when the user drag the
> element to the canvas, he get the same behavior their.
>
> Currently I'm working on connecting the elements. It is bit difficult.
> But I am close enough. I think i can present it by this week.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan 
> wrote:
>
>> Thanks.
>>
>>
>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>
>>> yes that is OK.
>>>
>>> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Yes. It is a good time. I can take the 6.00AM Train from kandy. Can
 reach colombo by 10.00 i guess. Is it o?


 On Friday, June 12, 2015, Mohamed Fawzan  wrote:

> Understood. Thanks Srinath.
>
> On Friday, June 12, 2015, Srinath Perera  wrote:
>
>> Input and output streams are the same thing. Sometimes, a stream
>> can be both inputs and outputs E.g. Stream 2.
>>
>> [image: Inline image 1]
>>
>> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Hi Srinath,
>>>
>>> Can you please help me to understand the streams? I mean the 
>>> InputOutputNode
>>> in.
>>>
>>>
>>> InputOutputNode : {
>>>
>>> connectionName : 'StockQuoteStream',
>>>
>>> connectionType :'Stream',
>>>
>>> connectionTypeDetails : 'para1:string, para2:int'
>>>
>>> }
>>>
>>>
>>> In the layout[1]  I have 
>>> considered Input & Output streams as separate things. Is it correct 
>>> ? or else are they belong to same category?
>>>
>>>
>>> -Regards
>>>
>>>
>>> [1]-http://vc.mutexlk.com/dashboard.html
>>>
>>>
>>> On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Hi,



 On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera <
 srin...@wso2.com> wrote:

> Need names inside canvas as well. ( need to handle large
> names).
>
> What are the children of streams? attributes?
>
 I was planning to categorize streams there. Please see the
 updated names here[1]. 

>>>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

not often, as that will lead to circles. Can we detect and give a error
when he try to add a stream to canvus.

On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan  wrote:

> Hi Srinath,
>
> When we compose the query, Can we have the same stream appear twice in the
> canvas?
>
> -Regards
>
>
>
> On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan  wrote:
>
>> Hi Srinath,
>>
>>
>> I have removed the Drawing feature as I have encountered a bug, Looks
>> like the 'click' event in d3 automatically triggers a 'drag' event as well.
>> I have tried to set a Flag and resolve the issue. But it seems that only
>> Opera (Web Browser) has the issue. Chrome and FF works fine. I will update
>> the draw feature and notify.
>>
>> -Regards
>>
>>
>>
>> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera  wrote:
>>
>>> I tried to draw, but failed. Can you do a small screencast on how to
>>> draw and connect.
>>>
>>> On current palette, everything looks same, we need to indicate queries
>>> are different than other operators.
>>>
>>> --Srinath
>>>
>>> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 As per our discussion, I have modified the UI[1]
 . here is the list of updated features,

 1. I have added an operator to compose queries. (icon : query).
 2. Other operators can be dropped to query boxes(cannot dropped outside
 the query boxes), Also it can only be dragged inside query boxes.
 3. The query boxes itself can be dragged with operators.
 4  IO Streams were re drawn.


 Please check & comment on it so that I can proceed with making the
 Graph. you can find the repo here [2]
 


 [1] - http://vc.mutexlk.com
 [2] -
 https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language

 -Regards



 On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> I have found a workaround for connecting elements with click & click.
> I will update the demo soon with the (progress of) improvements we have
> discussed in the meeting on 19th.  .
>
> -Regards
>
> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath.
>>
>> I have added support for large file names in the streams [1]
>>   by showing the part of the
>> stream name in the rectangle element. When you *hover *
>> you can see the* full stream name. *Also when the user drag the
>> element to the canvas, he get the same behavior their.
>>
>> Currently I'm working on connecting the elements. It is bit
>> difficult. But I am close enough. I think i can present it by this week.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Thanks.
>>>
>>>
>>> On Friday, June 12, 2015, Srinath Perera  wrote:
>>>
 yes that is OK.

 On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan 
 wrote:

> Yes. It is a good time. I can take the 6.00AM Train from kandy.
> Can reach colombo by 10.00 i guess. Is it o?
>
>
> On Friday, June 12, 2015, Mohamed Fawzan 
> wrote:
>
>> Understood. Thanks Srinath.
>>
>> On Friday, June 12, 2015, Srinath Perera 
>> wrote:
>>
>>> Input and output streams are the same thing. Sometimes, a stream
>>> can be both inputs and outputs E.g. Stream 2.
>>>
>>> [image: Inline image 1]
>>>
>>> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Hi Srinath,

 Can you please help me to understand the streams? I mean the 
 InputOutputNode
 in.


 InputOutputNode : {

 connectionName : 'StockQuoteStream',

 connectionType :'Stream',

 connectionTypeDetails : 'para1:string, para2:int'

 }


 In the layout[1]  I have 
 considered Input & Output streams as separate things. Is it 
 correct ? or else are they belong to same category?


 -Regards


 [1]-http://vc.mutexlk.com/dashboard.html


 On Thu, Jun 11, 2015 at 10:53 AM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Hi,
>
>
>
> On Thu, Jun 11, 2015 at 8:04 AM, Srinath Perera <
> srin...@wso2.com> wrote:

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Yes, we can track the added streams an throw an error when we get the same
stream more than once.

One more question on building the graph, i am struggling to find a optimal
data structure to sotre the graph information, because unlike regular
graphs, a particular node in our graph will have two vertices (input &
output). Can you please tell me whether you have any particular data
structure in mind?


-Regards

On Thursday, July 9, 2015, Srinath Perera  wrote:

> not often, as that will lead to circles. Can we detect and give a error
> when he try to add a stream to canvus.
>
> On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan  > wrote:
>
>> Hi Srinath,
>>
>> When we compose the query, Can we have the same stream appear twice in
>> the canvas?
>>
>> -Regards
>>
>>
>>
>> On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan > > wrote:
>>
>>> Hi Srinath,
>>>
>>>
>>> I have removed the Drawing feature as I have encountered a bug, Looks
>>> like the 'click' event in d3 automatically triggers a 'drag' event as well.
>>> I have tried to set a Flag and resolve the issue. But it seems that only
>>> Opera (Web Browser) has the issue. Chrome and FF works fine. I will update
>>> the draw feature and notify.
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera >> > wrote:
>>>
 I tried to draw, but failed. Can you do a small screencast on how to
 draw and connect.

 On current palette, everything looks same, we need to indicate queries
 are different than other operators.

 --Srinath

 On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan >>> > wrote:

> Hi Srinath,
>
> As per our discussion, I have modified the UI[1]
> . here is the list of updated features,
>
> 1. I have added an operator to compose queries. (icon : query).
> 2. Other operators can be dropped to query boxes(cannot dropped
> outside the query boxes), Also it can only be dragged inside query boxes.
> 3. The query boxes itself can be dragged with operators.
> 4  IO Streams were re drawn.
>
>
> Please check & comment on it so that I can proceed with making the
> Graph. you can find the repo here [2]
> 
>
>
> [1] - http://vc.mutexlk.com
> [2] -
> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>
> -Regards
>
>
>
> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan  > wrote:
>
>> Hi Srinath,
>>
>> I have found a workaround for connecting elements with click & click.
>> I will update the demo soon with the (progress of) improvements we have
>> discussed in the meeting on 19th.  .
>>
>> -Regards
>>
>> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan > > wrote:
>>
>>> Hi Srinath.
>>>
>>> I have added support for large file names in the streams [1]
>>>   by showing the part of the
>>> stream name in the rectangle element. When you *hover *
>>> you can see the* full stream name. *Also when the user drag the
>>> element to the canvas, he get the same behavior their.
>>>
>>> Currently I'm working on connecting the elements. It is bit
>>> difficult. But I am close enough. I think i can present it by this week.
>>>
>>> -Regards
>>>
>>> [1] - http://vc.mutexlk.com/dashboard.html
>>>
>>> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan >> > wrote:
>>>
 Thanks.


 On Friday, June 12, 2015, Srinath Perera >>> > wrote:

> yes that is OK.
>
> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan  > wrote:
>
>> Yes. It is a good time. I can take the 6.00AM Train from kandy.
>> Can reach colombo by 10.00 i guess. Is it o?
>>
>>
>> On Friday, June 12, 2015, Mohamed Fawzan 
>> wrote:
>>
>>> Understood. Thanks Srinath.
>>>
>>> On Friday, June 12, 2015, Srinath Perera 
>>> wrote:
>>>
 Input and output streams are the same thing. Sometimes, a
 stream can be both inputs and outputs E.g. Stream 2.

 [image: Inline image 1]

 On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Hi Srinath,
>
> Can you please help me to understand the streams? I mean the 
> InputOutputNode
> in.
>
>
> InputOutputNode : {
>
> connectionName : 'StockQuoteStream',
>
> connectionType :'Stream',
>
> connectionTypeDetails : 'para1:string, para2:int'
>
> }
>
>
> In the la

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

Typically, graph are represented by list if vertices and list of edges.

Each vertice can keep a list references to  incoming and outgoing edges

On Thu, Jul 9, 2015 at 8:28 AM, Mohamed Fawzan  wrote:

> Yes, we can track the added streams an throw an error when we get the same
> stream more than once.
>
> One more question on building the graph, i am struggling to find a optimal
> data structure to sotre the graph information, because unlike regular
> graphs, a particular node in our graph will have two vertices (input &
> output). Can you please tell me whether you have any particular data
> structure in mind?
>
>
> -Regards
>
>
> On Thursday, July 9, 2015, Srinath Perera  wrote:
>
>> not often, as that will lead to circles. Can we detect and give a error
>> when he try to add a stream to canvus.
>>
>> On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan  wrote:
>>
>>> Hi Srinath,
>>>
>>> When we compose the query, Can we have the same stream appear twice in
>>> the canvas?
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,


 I have removed the Drawing feature as I have encountered a bug, Looks
 like the 'click' event in d3 automatically triggers a 'drag' event as well.
 I have tried to set a Flag and resolve the issue. But it seems that only
 Opera (Web Browser) has the issue. Chrome and FF works fine. I will update
 the draw feature and notify.

 -Regards



 On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera 
 wrote:

> I tried to draw, but failed. Can you do a small screencast on how to
> draw and connect.
>
> On current palette, everything looks same, we need to indicate queries
> are different than other operators.
>
> --Srinath
>
> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> As per our discussion, I have modified the UI[1]
>> . here is the list of updated features,
>>
>> 1. I have added an operator to compose queries. (icon : query).
>> 2. Other operators can be dropped to query boxes(cannot dropped
>> outside the query boxes), Also it can only be dragged inside query boxes.
>> 3. The query boxes itself can be dragged with operators.
>> 4  IO Streams were re drawn.
>>
>>
>> Please check & comment on it so that I can proceed with making the
>> Graph. you can find the repo here [2]
>> 
>>
>>
>> [1] - http://vc.mutexlk.com
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>
>> -Regards
>>
>>
>>
>> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> I have found a workaround for connecting elements with click &
>>> click. I will update the demo soon with the (progress of) improvements 
>>> we
>>> have discussed in the meeting on 19th.  .
>>>
>>> -Regards
>>>
>>> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath.

 I have added support for large file names in the streams [1]
   by showing the part of the
 stream name in the rectangle element. When you *hover *
 you can see the* full stream name. *Also when the user drag the
 element to the canvas, he get the same behavior their.

 Currently I'm working on connecting the elements. It is bit
 difficult. But I am close enough. I think i can present it by this 
 week.

 -Regards

 [1] - http://vc.mutexlk.com/dashboard.html

 On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan 
 wrote:

> Thanks.
>
>
> On Friday, June 12, 2015, Srinath Perera  wrote:
>
>> yes that is OK.
>>
>> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Yes. It is a good time. I can take the 6.00AM Train from kandy.
>>> Can reach colombo by 10.00 i guess. Is it o?
>>>
>>>
>>> On Friday, June 12, 2015, Mohamed Fawzan 
>>> wrote:
>>>
 Understood. Thanks Srinath.

 On Friday, June 12, 2015, Srinath Perera 
 wrote:

> Input and output streams are the same thing. Sometimes, a
> stream can be both inputs and outputs E.g. Stream 2.
>
> [image: Inline image 1]
>
> On Thu, Jun 11, 2015 at 1:53 PM, Mohamed Fawzan <
> fawz...@gmail.com> wrote:
>
>> Hi Srinath,
>>
>> Can you please help me to understand the streams? I mean the 

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Is this similar to what you have in your mind?

graph = {

   nodeA : {
   in : [ nodeB ],
   out : [nodeC, nodeE]
},

  nodeB : {
   in : [nodeM],
   out : [nodeA]
  }, 


}

-Regards



On Thu, Jul 9, 2015 at 8:45 AM, Srinath Perera  wrote:

> Typically, graph are represented by list if vertices and list of edges.
>
> Each vertice can keep a list references to  incoming and outgoing edges
>
> On Thu, Jul 9, 2015 at 8:28 AM, Mohamed Fawzan  wrote:
>
>> Yes, we can track the added streams an throw an error when we get the
>> same stream more than once.
>>
>> One more question on building the graph, i am struggling to find a
>> optimal data structure to sotre the graph information, because unlike
>> regular graphs, a particular node in our graph will have two vertices
>> (input & output). Can you please tell me whether you have any particular
>> data structure in mind?
>>
>>
>> -Regards
>>
>>
>> On Thursday, July 9, 2015, Srinath Perera  wrote:
>>
>>> not often, as that will lead to circles. Can we detect and give a error
>>> when he try to add a stream to canvus.
>>>
>>> On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 When we compose the query, Can we have the same stream appear twice in
 the canvas?

 -Regards



 On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
>
> I have removed the Drawing feature as I have encountered a bug, Looks
> like the 'click' event in d3 automatically triggers a 'drag' event as 
> well.
> I have tried to set a Flag and resolve the issue. But it seems that only
> Opera (Web Browser) has the issue. Chrome and FF works fine. I will update
> the draw feature and notify.
>
> -Regards
>
>
>
> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera 
> wrote:
>
>> I tried to draw, but failed. Can you do a small screencast on how to
>> draw and connect.
>>
>> On current palette, everything looks same, we need to indicate
>> queries are different than other operators.
>>
>> --Srinath
>>
>> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> As per our discussion, I have modified the UI[1]
>>> . here is the list of updated features,
>>>
>>> 1. I have added an operator to compose queries. (icon : query).
>>> 2. Other operators can be dropped to query boxes(cannot dropped
>>> outside the query boxes), Also it can only be dragged inside query 
>>> boxes.
>>> 3. The query boxes itself can be dragged with operators.
>>> 4  IO Streams were re drawn.
>>>
>>>
>>> Please check & comment on it so that I can proceed with making the
>>> Graph. you can find the repo here [2]
>>> 
>>>
>>>
>>> [1] - http://vc.mutexlk.com
>>> [2] -
>>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 I have found a workaround for connecting elements with click &
 click. I will update the demo soon with the (progress of) improvements 
 we
 have discussed in the meeting on 19th.  .

 -Regards

 On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan 
 wrote:

> Hi Srinath.
>
> I have added support for large file names in the streams [1]
>   by showing the part of
> the stream name in the rectangle element. When you *hover *
> you can see the* full stream name. *Also when the user drag the
> element to the canvas, he get the same behavior their.
>
> Currently I'm working on connecting the elements. It is bit
> difficult. But I am close enough. I think i can present it by this 
> week.
>
> -Regards
>
> [1] - http://vc.mutexlk.com/dashboard.html
>
> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan  > wrote:
>
>> Thanks.
>>
>>
>> On Friday, June 12, 2015, Srinath Perera 
>> wrote:
>>
>>> yes that is OK.
>>>
>>> On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Yes. It is a good time. I can take the 6.00AM Train from kandy.
 Can reach colombo by 10.00 i guess. Is it o?


 On Friday, June 12, 2015, Mohamed Fawzan 
 wrote:

> Understood. Thanks Srinath.
>>

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

please send an update.

On Thu, Jul 9, 2015 at 9:25 AM, Mohamed Fawzan  wrote:

> Is this similar to what you have in your mind?
>
> graph = {
>
>nodeA : {
>in : [ nodeB ],
>out : [nodeC, nodeE]
> },
>
>   nodeB : {
>in : [nodeM],
>out : [nodeA]
>   }, 
>
>
> }
>
> -Regards
>
>
>
> On Thu, Jul 9, 2015 at 8:45 AM, Srinath Perera  wrote:
>
>> Typically, graph are represented by list if vertices and list of edges.
>>
>> Each vertice can keep a list references to  incoming and outgoing edges
>>
>> On Thu, Jul 9, 2015 at 8:28 AM, Mohamed Fawzan  wrote:
>>
>>> Yes, we can track the added streams an throw an error when we get the
>>> same stream more than once.
>>>
>>> One more question on building the graph, i am struggling to find a
>>> optimal data structure to sotre the graph information, because unlike
>>> regular graphs, a particular node in our graph will have two vertices
>>> (input & output). Can you please tell me whether you have any particular
>>> data structure in mind?
>>>
>>>
>>> -Regards
>>>
>>>
>>> On Thursday, July 9, 2015, Srinath Perera  wrote:
>>>
 not often, as that will lead to circles. Can we detect and give a error
 when he try to add a stream to canvus.

 On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> When we compose the query, Can we have the same stream appear twice in
> the canvas?
>
> -Regards
>
>
>
> On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>>
>> I have removed the Drawing feature as I have encountered a bug, Looks
>> like the 'click' event in d3 automatically triggers a 'drag' event as 
>> well.
>> I have tried to set a Flag and resolve the issue. But it seems that only
>> Opera (Web Browser) has the issue. Chrome and FF works fine. I will 
>> update
>> the draw feature and notify.
>>
>> -Regards
>>
>>
>>
>> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera 
>> wrote:
>>
>>> I tried to draw, but failed. Can you do a small screencast on how to
>>> draw and connect.
>>>
>>> On current palette, everything looks same, we need to indicate
>>> queries are different than other operators.
>>>
>>> --Srinath
>>>
>>> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 As per our discussion, I have modified the UI[1]
 . here is the list of updated features,

 1. I have added an operator to compose queries. (icon : query).
 2. Other operators can be dropped to query boxes(cannot dropped
 outside the query boxes), Also it can only be dragged inside query 
 boxes.
 3. The query boxes itself can be dragged with operators.
 4  IO Streams were re drawn.


 Please check & comment on it so that I can proceed with making the
 Graph. you can find the repo here [2]
 


 [1] - http://vc.mutexlk.com
 [2] -
 https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language

 -Regards



 On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
> I have found a workaround for connecting elements with click &
> click. I will update the demo soon with the (progress of) 
> improvements we
> have discussed in the meeting on 19th.  .
>
> -Regards
>
> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan  > wrote:
>
>> Hi Srinath.
>>
>> I have added support for large file names in the streams [1]
>>   by showing the part of
>> the stream name in the rectangle element. When you *hover *
>> you can see the* full stream name. *Also when the user drag the
>> element to the canvas, he get the same behavior their.
>>
>> Currently I'm working on connecting the elements. It is bit
>> difficult. But I am close enough. I think i can present it by this 
>> week.
>>
>> -Regards
>>
>> [1] - http://vc.mutexlk.com/dashboard.html
>>
>> On Fri, Jun 12, 2015 at 4:29 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Thanks.
>>>
>>>
>>> On Friday, June 12, 2015, Srinath Perera 
>>> wrote:
>>>
 yes that is OK.

 On Fri, Jun 12, 2015 at 4:25 PM, Mohamed Fawzan <
 fawz...@gmail.com> wrote:

> Y

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Srinath Perera]

Please send an update? we need to finish tomorrow I think.

On Tue, Jul 28, 2015 at 3:52 PM, Mohamed Fawzan  wrote:

> Hi srinath,
>
> I.m in the exam week. Will send an update by friday. Please excuse.
>
>
> On Tue, Jul 28, 2015 at 3:05 PM, Srinath Perera  wrote:
>
>> please send an update.
>>
>> On Thu, Jul 9, 2015 at 9:25 AM, Mohamed Fawzan  wrote:
>>
>>> Is this similar to what you have in your mind?
>>>
>>> graph = {
>>>
>>>nodeA : {
>>>in : [ nodeB ],
>>>out : [nodeC, nodeE]
>>> },
>>>
>>>   nodeB : {
>>>in : [nodeM],
>>>out : [nodeA]
>>>   }, 
>>>
>>>
>>> }
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Thu, Jul 9, 2015 at 8:45 AM, Srinath Perera  wrote:
>>>
 Typically, graph are represented by list if vertices and list of edges.

 Each vertice can keep a list references to  incoming and outgoing edges

 On Thu, Jul 9, 2015 at 8:28 AM, Mohamed Fawzan 
 wrote:

> Yes, we can track the added streams an throw an error when we get the
> same stream more than once.
>
> One more question on building the graph, i am struggling to find a
> optimal data structure to sotre the graph information, because unlike
> regular graphs, a particular node in our graph will have two vertices
> (input & output). Can you please tell me whether you have any particular
> data structure in mind?
>
>
> -Regards
>
>
> On Thursday, July 9, 2015, Srinath Perera  wrote:
>
>> not often, as that will lead to circles. Can we detect and give a
>> error when he try to add a stream to canvus.
>>
>> On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan 
>> wrote:
>>
>>> Hi Srinath,
>>>
>>> When we compose the query, Can we have the same stream appear twice
>>> in the canvas?
>>>
>>> -Regards
>>>
>>>
>>>
>>> On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,


 I have removed the Drawing feature as I have encountered a bug,
 Looks like the 'click' event in d3 automatically triggers a 'drag' 
 event as
 well. I have tried to set a Flag and resolve the issue. But it seems 
 that
 only Opera (Web Browser) has the issue. Chrome and FF works fine. I 
 will
 update the draw feature and notify.

 -Regards



 On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera 
 wrote:

> I tried to draw, but failed. Can you do a small screencast on how
> to draw and connect.
>
> On current palette, everything looks same, we need to indicate
> queries are different than other operators.
>
> --Srinath
>
> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan 
> wrote:
>
>> Hi Srinath,
>>
>> As per our discussion, I have modified the UI[1]
>> . here is the list of updated features,
>>
>> 1. I have added an operator to compose queries. (icon : query).
>> 2. Other operators can be dropped to query boxes(cannot dropped
>> outside the query boxes), Also it can only be dragged inside query 
>> boxes.
>> 3. The query boxes itself can be dragged with operators.
>> 4  IO Streams were re drawn.
>>
>>
>> Please check & comment on it so that I can proceed with making
>> the Graph. you can find the repo here [2]
>> 
>>
>>
>> [1] - http://vc.mutexlk.com
>> [2] -
>> https://github.com/Fawzanm/Extensible-Visual-Composer-Siddhi-Language
>>
>> -Regards
>>
>>
>>
>> On Tue, Jun 23, 2015 at 6:51 PM, Mohamed Fawzan <
>> fawz...@gmail.com> wrote:
>>
>>> Hi Srinath,
>>>
>>> I have found a workaround for connecting elements with click &
>>> click. I will update the demo soon with the (progress of) 
>>> improvements we
>>> have discussed in the meeting on 19th.  .
>>>
>>> -Regards
>>>
>>> On Mon, Jun 15, 2015 at 5:13 AM, Mohamed Fawzan <
>>> fawz...@gmail.com> wrote:
>>>
 Hi Srinath.

 I have added support for large file names in the streams [1]
   by showing the part of
 the stream name in the rectangle element. When you *hover *
 you can see the* full stream name. *Also when the user drag
 the element to the canvas, he get the same behavior their.

 Currently I'm working on connecting the elements. It is bit

Re: [Dev] [GSoC 2015] New SVG Layout for Visual Composer Siddhi Lang.

[Mohamed Fawzan]

Hi Srinath,

Here is the status of the project. as I tried some techniques to draw the
canvas with the interactions, I figures out that I was making a mistake
when I try the following things.

Drawing the static thing in the canvas is OK, but as per the meeting I was
asked to put operators inside an operator (query box), I was able to do
that, But after drawing them, the interactions became bit complex. My
approach was to move elements individually when dragging the query box, But
that was complicated because I had to move all the nodes, connected lines
etc. inside the query box, So I have tried some SVG feature, which is *SVG
groups*, I tried to organize the graph in groups, structure it in groups so
that the future implementation would become easy. That way I was able to
move all the elements by translating the group. check this link[1]
 for that implementation. But that caused me
another problem, Which I tried to solve the following SO[2]

question, I could not move the connected query boxes. I tired dev list as
well. But I could not find a work around for that as well. If I can get
couple more days, I can figure something out.Here the repo[3]
 as well.

Only issue is connecting the query boxes and dragging them if that is fixed
all the others stuff becomes OK. need some more time.


-Regards

[1] - http://js.mutexlk.com/
[2] -
http://stackoverflow.com/questions/32085240/d3js-transforming-nested-group-images

[3] - https://github.com/Fawzanm/QBuild


On Thu, Aug 20, 2015 at 8:11 PM, Srinath Perera  wrote:

> Please send an update? we need to finish tomorrow I think.
>
> On Tue, Jul 28, 2015 at 3:52 PM, Mohamed Fawzan  wrote:
>
>> Hi srinath,
>>
>> I.m in the exam week. Will send an update by friday. Please excuse.
>>
>>
>> On Tue, Jul 28, 2015 at 3:05 PM, Srinath Perera  wrote:
>>
>>> please send an update.
>>>
>>> On Thu, Jul 9, 2015 at 9:25 AM, Mohamed Fawzan 
>>> wrote:
>>>
 Is this similar to what you have in your mind?

 graph = {

nodeA : {
in : [ nodeB ],
out : [nodeC, nodeE]
 },

   nodeB : {
in : [nodeM],
out : [nodeA]
   }, 


 }

 -Regards



 On Thu, Jul 9, 2015 at 8:45 AM, Srinath Perera 
 wrote:

> Typically, graph are represented by list if vertices and list of
> edges.
>
> Each vertice can keep a list references to  incoming and outgoing
> edges
>
> On Thu, Jul 9, 2015 at 8:28 AM, Mohamed Fawzan 
> wrote:
>
>> Yes, we can track the added streams an throw an error when we get the
>> same stream more than once.
>>
>> One more question on building the graph, i am struggling to find a
>> optimal data structure to sotre the graph information, because unlike
>> regular graphs, a particular node in our graph will have two vertices
>> (input & output). Can you please tell me whether you have any particular
>> data structure in mind?
>>
>>
>> -Regards
>>
>>
>> On Thursday, July 9, 2015, Srinath Perera  wrote:
>>
>>> not often, as that will lead to circles. Can we detect and give a
>>> error when he try to add a stream to canvus.
>>>
>>> On Wed, Jul 8, 2015 at 7:16 PM, Mohamed Fawzan 
>>> wrote:
>>>
 Hi Srinath,

 When we compose the query, Can we have the same stream appear twice
 in the canvas?

 -Regards



 On Mon, Jul 6, 2015 at 8:29 AM, Mohamed Fawzan 
 wrote:

> Hi Srinath,
>
>
> I have removed the Drawing feature as I have encountered a bug,
> Looks like the 'click' event in d3 automatically triggers a 'drag' 
> event as
> well. I have tried to set a Flag and resolve the issue. But it seems 
> that
> only Opera (Web Browser) has the issue. Chrome and FF works fine. I 
> will
> update the draw feature and notify.
>
> -Regards
>
>
>
> On Mon, Jul 6, 2015 at 8:25 AM, Srinath Perera 
> wrote:
>
>> I tried to draw, but failed. Can you do a small screencast on how
>> to draw and connect.
>>
>> On current palette, everything looks same, we need to indicate
>> queries are different than other operators.
>>
>> --Srinath
>>
>> On Fri, Jul 3, 2015 at 8:39 PM, Mohamed Fawzan > > wrote:
>>
>>> Hi Srinath,
>>>
>>> As per our discussion, I have mod