Hi Andun,

Just now I pushed corrected version of whiteboard to the repo ( 
https://github.com/bay73/whiteboard.git ).
You could take it. I hope text element works well now.
Thanks for finding this bug.

Regards,
Andrey


Пятница,  5 июля 2013, 3:08 +05:30 от Andun Sameera <andun...@gmail.com>:
>Hi Andrey,
>
>Currently I am in the process of Mapping Whiteboard Elements to  Java Objects. 
>There I noticed that Text fields are bit buggy. I have attached a screen shot. 
>When we draw a text box, we are shown a label. But I can find a place to edit 
>it. Also I tried with info tool. When I enter a text using that, it overlaps 
>as shown in screen shot. Is there a fault in my code ? You can look at it in 
>the git repo.
>
>Thanks! 
>
>On Fri, Jul 5, 2013 at 2:10 AM, Andun Sameera  < andun...@gmail.com > wrote:
>>Hi All,
>>
>>I have create the  https://github.com/andunslg/Whiteboard-Wicket repo. I have 
>>committed my POC code there and doing the development on that.
>>
>>Thanks!
>>
>>
>>On Thu, Jul 4, 2013 at 12:10 PM, Maxim Solodovnik  < solomax...@gmail.com > 
>>wrote:
>>>sure, please create git repo!
>>>
>>>instead of using Wicket.ajax.get you can use normal *AjaxBehavior you can 
>>>also create functions of it using getCallbackFunction.
>>>Old OM code had examples of that (was replaced with wicketjquieryui-calendar)
>>>
>>>
>>>On Thu, Jul 4, 2013 at 3:45 AM, Andun Sameera  < andun...@gmail.com > wrote:
>>>>Hi All,
>>>>
>>>>I have successfully did a first step integration of Andrey's whiteboard 
>>>>with Wicket. Now I can send the JSON string successfully to the JAVA code. 
>>>>Now I know the way and will work on formalizing the thing!
>>>>
>>>>
>>>>@Andrey 
>>>>
>>>>Can you give me a example to add a onChnage method to main collection. I 
>>>>tried to do it. But is fails.
>>>>
>>>>@ Maxim
>>>>
>>>>Can I create a Git Repo for the task? Is it going to be a wicket-jquery-UI 
>>>>plug-in ? or else ?
>>>>
>>>>Thanks!
>>>>
>>>>
>>>>On Wed, Jul 3, 2013 at 11:18 PM, Andun Sameera  < andun...@gmail.com > 
>>>>wrote:
>>>>>Hi Andrey,
>>>>>
>>>>>OK will do it like that!
>>>>>
>>>>>Thanks!
>>>>>
>>>>>
>>>>>On Wed, Jul 3, 2013 at 11:15 PM, Bogdanov Andrey  < ba...@mail.ru > wrote:
>>>>>> Hi Andun,
>>>>>>
>>>>>>Unfortunately I can't help you with wicket-ajax (I'm nit familiar with 
>>>>>>wicket).
>>>>>>Only one remark about onChange - defining onChange for prototype is not a 
>>>>>>good idea, because whiteboard use two auxilary collections which need not 
>>>>>>to be synchronized. onChange function should be defined only for one main 
>>>>>>collection.
>>>>>>
>>>>>>Regards,
>>>>>>Andrey
>>>>>>
>>>>>>
>>>>>>Среда,  3 июля 2013, 22:50 +05:30 от Andun Sameera < andun...@gmail.com >:
>>>>>>>Hi,
>>>>>>>
>>>>>>>Considering the example which Andrey gave me early, I am planning to do
>>>>>>>this,
>>>>>>>
>>>>>>>   - Using the method given below, we can get a JSON string for any 
>>>>>>>update
>>>>>>>   happen in Closure WhiteBoard
>>>>>>>
>>>>>>>// to be defined on using of collection
>>>>>>>bay.whiteboard.Collection.prototype.onChange = function(element){
>>>>>>>    alert(this.getJson(element));
>>>>>>>}
>>>>>>>
>>>>>>>   - I will do a Wicket.Ajax call in this JavaScript method to send this
>>>>>>>   JSON string to the Server Side
>>>>>>>   - There I process the string and map it to Java Objects
>>>>>>>   - Then Synchronization happens
>>>>>>>
>>>>>>>As the initial step to do that, I am trying to implement a simple,
>>>>>>>application which can sent JavaScript Ajax calls to Wicket server. I use
>>>>>>>this article
>>>>>>> https://cwiki.apache.org/confluence/display/WICKET/Calling+Wicket+from+Javascript
>>>>>>>  .
>>>>>>>I have created the application given below.
>>>>>>>
>>>>>>>public class HomePage extends WebPage {
>>>>>>>    private static final long serialVersionUID = 1L;
>>>>>>>
>>>>>>>    public HomePage(final PageParameters parameters) {
>>>>>>>        super(parameters);
>>>>>>>
>>>>>>>
>>>>>>>        final AbstractDefaultAjaxBehavior behave = new
>>>>>>>AbstractDefaultAjaxBehavior() {
>>>>>>>            protected void respond(final AjaxRequestTarget target) {
>>>>>>>                target.add(new Label("foo", "Yeah I was just called from
>>>>>>>Javascript!"));
>>>>>>>            }
>>>>>>>
>>>>>>>            public void renderHead(Component component,IHeaderResponse
>>>>>>>response){
>>>>>>>
>>>>>>>                String componentMarkupId = component.getMarkupId();
>>>>>>>                String callbackUrl = getCallbackUrl().toString();
>>>>>>>
>>>>>>>                response.render(
>>>>>>>JavaScriptHeaderItem.forScript("var
>>>>>>>componentMarkupId='"+componentMarkupId+"'; var
>>>>>>>callbackUrl='"+callbackUrl+"';","values"));
>>>>>>>            }
>>>>>>>        };
>>>>>>>
>>>>>>>        add(behave);
>>>>>>>
>>>>>>>    }
>>>>>>>
>>>>>>>}
>>>>>>>
>>>>>>>and my HomePage.html,
>>>>>>>
>>>>>>><!DOCTYPE HTML>
>>>>>>><html>
>>>>>>><body>
>>>>>>><script src="  
>>>>>>>http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js
>>>>>>>"></script>
>>>>>>><script type="text/javascript">
>>>>>>>    $(function() {
>>>>>>>        var wcall = Wicket.Ajax.get({ u: '${callbackUrl}' + '' });
>>>>>>>        alert(wcall);
>>>>>>>    });
>>>>>>></script>
>>>>>>></body>
>>>>>>></html>
>>>>>>>
>>>>>>>Still I cant get this to a working position. When I start this 
>>>>>>>application,
>>>>>>>wicket-ajax.js file is not loading. Thus console gives following error,
>>>>>>>
>>>>>>>ReferenceError: Wicket is not defined
>>>>>>>[Break On This Error]
>>>>>>>
>>>>>>>var wcall = Wicket.Ajax.get({ u: '${callbackUrl}' + '' });
>>>>>>>
>>>>>>>Still cant find why wicket-ajax is not loaded to my application. Will let
>>>>>>>you know further updates!
>>>>>>>
>>>>>>>Thanks!
>>>>>>>
>>>>>>>
>>>>>>>On Tue, Jul 2, 2013 at 2:08 PM, Andun Sameera <  andun...@gmail.com > 
>>>>>>>wrote:
>>>>>>>
>>>>>>>> OK Maxim. Will do it like that!
>>>>>>>>
>>>>>>>>
>>>>>>>> On Tue, Jul 2, 2013 at 2:05 PM, Maxim Solodovnik <  
>>>>>>>> solomax...@gmail.com >wrote:
>>>>>>>>
>>>>>>>>> I would totally disagree with
>>>>>>>>> "At the Wicket Java code we save these elements as Java Objecst which
>>>>>>>>> contains the JSON strings."
>>>>>>>>>
>>>>>>>>> Java objects should contain normal fields like "Point center; int
>>>>>>>>> radius;" and be (de)serialized (from)into JSON if necessary.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>  On Tue, Jul 2, 2013 at 2:27 PM, Andun Sameera <  andun...@gmail.com 
>>>>>>>>> >wrote:
>>>>>>>>>
>>>>>>>>>> Hi Andrey,
>>>>>>>>>>
>>>>>>>>>> Great! If you can give me a example for,
>>>>>>>>>>
>>>>>>>>>> collection.onChange(element)
>>>>>>>>>>
>>>>>>>>>> it will be highly appreciated.
>>>>>>>>>>
>>>>>>>>>> @Maxim,
>>>>>>>>>>
>>>>>>>>>> After some thinking I cam across of this idea. Please correct me If 
>>>>>>>>>> I am
>>>>>>>>>> wrong.
>>>>>>>>>>
>>>>>>>>>>    - All the whiteboard elements can be represented as JSON strings
>>>>>>>>>>    (Have to find a way to add PDF,DOCs, Pictures to whiteboard in 
>>>>>>>>>> this way)
>>>>>>>>>>    - At the Wicket Java code we save these elements as Java Objecst
>>>>>>>>>>    which contains the JSON strings.
>>>>>>>>>>    - To synchronize white board we can send these object to all the
>>>>>>>>>>    viewers.
>>>>>>>>>>    - To save/load we can use this already implemented JSON based
>>>>>>>>>>    serialization and de-serialization.
>>>>>>>>>>
>>>>>>>>>> But have to find ways to get all these data from closure 
>>>>>>>>>> implementation
>>>>>>>>>> to wicket!
>>>>>>>>>>
>>>>>>>>>> Thanks!
>>>>>>>>>> On Tue, Jul 2, 2013 at 11:28 AM, Bogdanov Andrey <  ba...@mail.ru > 
>>>>>>>>>> wrote:
>>>>>>>>>>
>>>>>>>>>>> Hi Andun,
>>>>>>>>>>>
>>>>>>>>>>> Whiteboard consists of two main objects: ui-component
>>>>>>>>>>> "bay.whiteboard.Whiteboard", which contains functionality for user
>>>>>>>>>>> interaction and collections of objects "bay.whiteboard.Collection" 
>>>>>>>>>>> which
>>>>>>>>>>> contains list of objects and some stuff to manipulate them.
>>>>>>>>>>> After createing WB with
>>>>>>>>>>>    whiteboard = bay.whiteboard.Create();
>>>>>>>>>>> you could access to collection as
>>>>>>>>>>>   collection = whiteboard.collections.main; or
>>>>>>>>>>>   collection = whiteboard.getMainCollection(); - i've just added 
>>>>>>>>>>> this
>>>>>>>>>>> method
>>>>>>>>>>>
>>>>>>>>>>> After that you could define
>>>>>>>>>>>    collection.onChange(element) - method wich will be invoked every
>>>>>>>>>>> time when some drawing elements add or change.
>>>>>>>>>>> Also you could use methods:
>>>>>>>>>>>     collection.getJson(element); -  to obtain json code for an 
>>>>>>>>>>> element
>>>>>>>>>>>      collection.jsonCode();   -  to obtain json code for whole
>>>>>>>>>>> collection
>>>>>>>>>>>      collection.acceptJsonStr(str); -  to add or change one element
>>>>>>>>>>> described as json
>>>>>>>>>>>      collection.parseJson(str); -  to rebuild all from the given 
>>>>>>>>>>> json
>>>>>>>>>>> string
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> As an example you could explore linkWebSocket method in ui.js, which
>>>>>>>>>>> allows synchronize wb-content through webSocket
>>>>>>>>>>>
>>>>>>>>>>> Regards,
>>>>>>>>>>> Andrey Bogdanov
>>>>>>>>>>>
>>>>>>>>>>> Вторник, 2 июля 2013, 1:25 +05:30 от Andun Sameera <  
>>>>>>>>>>> andun...@gmail.com
>>>>>>>>>>> >:
>>>>>>>>>>>
>>>>>>>>>>>   Hi Andrey,
>>>>>>>>>>>
>>>>>>>>>>> I am moving in to this new thread to discuss about the 
>>>>>>>>>>> clarifications,
>>>>>>>>>>> improvements and integration of your Whiteboard to wicket. I have 
>>>>>>>>>>> looked at
>>>>>>>>>>> your code which can be found   https://github.com/bay73/whiteboard 
>>>>>>>>>>> . I
>>>>>>>>>>> have following questions,
>>>>>>>>>>>
>>>>>>>>>>>    - In Wicket, I want map Whiteboard Elements(Rectangle, Circle,
>>>>>>>>>>>    Text, etc.) to Java objects.
>>>>>>>>>>>    - Thus we can send those object to all the Whiteboard viewers.
>>>>>>>>>>>    - Using these objects there Whiteboards will be updated.
>>>>>>>>>>>    - To do that, can I get some data from your code? which can be
>>>>>>>>>>>    later used to create elements. I saw there is a serialization 
>>>>>>>>>>> methods and
>>>>>>>>>>>    deserilization method in base.js. If we can extend that 
>>>>>>>>>>> mechanism to give
>>>>>>>>>>>    some data when element is drawn or edited as an event, I can use 
>>>>>>>>>>> them to
>>>>>>>>>>>    create Java objects.
>>>>>>>>>>>    - Also there should be a mechanism to draw elements on your
>>>>>>>>>>>    Whiteboard by passing those data.
>>>>>>>>>>>
>>>>>>>>>>> Can we do these things?
>>>>>>>>>>>
>>>>>>>>>>> Thanks!
>>>>>>>>>>> --
>>>>>>>>>>> Regards
>>>>>>>>>>> Andun S.L. Gunawardana
>>>>>>>>>>> Undergraduate
>>>>>>>>>>> Department of Computer Science And Engineering
>>>>>>>>>>> University of Moratuwa
>>>>>>>>>>> Sri Lanka
>>>>>>>>>>>
>>>>>>>>>>> Blog -   http://www.insightforfuture.blogspot.com/
>>>>>>>>>>> LinkedIn -   
>>>>>>>>>>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>>>>>>>>>> Twitter -  http://twitter.com/AndunSLG
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> --
>>>>>>>>>>> Андрей Богданов
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Regards
>>>>>>>>>> Andun S.L. Gunawardana
>>>>>>>>>> Undergraduate
>>>>>>>>>> Department of Computer Science And Engineering
>>>>>>>>>> University of Moratuwa
>>>>>>>>>> Sri Lanka
>>>>>>>>>>
>>>>>>>>>> Blog -   http://www.insightforfuture.blogspot.com/
>>>>>>>>>> LinkedIn -   
>>>>>>>>>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>>>>>>>>> Twitter -  http://twitter.com/AndunSLG
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> WBR
>>>>>>>>> Maxim aka solomax
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Regards
>>>>>>>> Andun S.L. Gunawardana
>>>>>>>> Undergraduate
>>>>>>>> Department of Computer Science And Engineering
>>>>>>>> University of Moratuwa
>>>>>>>> Sri Lanka
>>>>>>>>
>>>>>>>> Blog -   http://www.insightforfuture.blogspot.com/
>>>>>>>> LinkedIn -   
>>>>>>>> http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>>>>>>> Twitter -  http://twitter.com/AndunSLG
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>--
>>>>>>>Regards
>>>>>>>Andun S.L. Gunawardana
>>>>>>>Undergraduate
>>>>>>>Department of Computer Science And Engineering
>>>>>>>University of Moratuwa
>>>>>>>Sri Lanka
>>>>>>>
>>>>>>>Blog -   http://www.insightforfuture.blogspot.com/
>>>>>>>LinkedIn -   http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>>>>>>Twitter -  http://twitter.com/AndunSLG
>>>>>>>
>>>>>>
>>>>>>
>>>>>>--
>>>>>>Андрей Богданов
>>>>>
>>>>>
>>>>>
>>>>>-- 
>>>>>Regards
>>>>>Andun S.L. Gunawardana
>>>>>Undergraduate
>>>>>Department of Computer Science And Engineering
>>>>>University of Moratuwa
>>>>>Sri Lanka
>>>>>
>>>>>Blog -  http://www.insightforfuture.blogspot.com/
>>>>>LinkedIn -  http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>>>>Twitter - http://twitter.com/AndunSLG
>>>>>
>>>>>
>>>>>
>>>>> 
>>>>
>>>>
>>>>-- 
>>>>Regards
>>>>Andun S.L. Gunawardana
>>>>Undergraduate
>>>>Department of Computer Science And Engineering
>>>>University of Moratuwa
>>>>Sri Lanka
>>>>
>>>>Blog -  http://www.insightforfuture.blogspot.com/
>>>>LinkedIn -  http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>>>Twitter - http://twitter.com/AndunSLG
>>>>
>>>>
>>>>
>>>> 
>>>
>>>
>>>-- 
>>>WBR
>>>Maxim aka solomax
>>
>>
>>-- 
>>Regards
>>Andun S.L. Gunawardana
>>Undergraduate
>>Department of Computer Science And Engineering
>>University of Moratuwa
>>Sri Lanka
>>
>>Blog -  http://www.insightforfuture.blogspot.com/
>>LinkedIn -  http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>>Twitter - http://twitter.com/AndunSLG
>>
>>
>>
>> 
>
>
>-- 
>Regards
>Andun S.L. Gunawardana
>Undergraduate
>Department of Computer Science And Engineering
>University of Moratuwa
>Sri Lanka
>
>Blog -  http://www.insightforfuture.blogspot.com/
>LinkedIn -  http://www.linkedin.com/pub/andun-s-l-gunawardana/34/646/703
>Twitter - http://twitter.com/AndunSLG
>
>
>
> 

-- 
Андрей Богданов

Reply via email to