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