Sry for the previous mail! Hi Andreay,
Is this syntax correct to add a element to Whiteboard? var collection = whiteboard.collections.main; collection.acceptJsonStr("{" id": 0, "type": "PointFree", "x": -530, "y": 14}"); I get this error in Firebug console, SyntaxError: missing ) after argument list Thanks! On Sat, Jul 6, 2013 at 6:21 PM, Andun Sameera <andun...@gmail.com> wrote: > Hi Andreay, > > Is this syntax correct to add a element to Whiteboard? > > collection.acceptJsonStr( > > collection.acceptJsonStr( > > collection.acceptJsonStr({collection.acceptJsonStr({collection.acceptJsonStr({ > > var collection = whiteboard.collections.main; > collection.acceptJsonStr("{"id": 0, "type": "PointFree", "x": -530, "y": > 14}"); > > I get this error in Firebug console, > > SyntaxError: missing ) after argument list > > Thanks! > > > On Sat, Jul 6, 2013 at 12:48 AM, Andun Sameera <andun...@gmail.com> wrote: > >> 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-Wicketrepo. 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 >> >> >> >> >> > > > > -- > 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