I got the update and will work on creating the Java Objects. Thanks!
On Fri, Jul 5, 2013 at 10:40 PM, Bogdanov Andrey <ba...@mail.ru> wrote: > 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 > > > > > > > > > > -- > Андрей Богданов > -- 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