Fiximate replicate? - javascript

I want to create something similar to fiximate but the thing I want to do different is filter by venue instead of FIX version.
Having downloaded the FIXImate for offline use to get an idea of the design. It seems as though the developers used a tool which parses the FIX XML and spits out html pages based on field tag and body.
Does anyone have access to such a tool? Is there another way to design something similar which is less complicated?
Thanks

What you are asking about is not trivial. It is telling that there is a commercial product for this: https://fixspec.com/

Related

Lock out part of the code so nobody except the desired developers can modify it

We have an angular application that contains a controller that we need to keep "private" so nobody except the developers in charge can actually change that code.
The rest of the team should be able to use that part without being able to modify it, but they should be able to modify the rest of the application.
Do you guys know if there is a way to do that?
EDIT: Using VCS is one possible solution, we use GitHub, I need to find a way of checking that the source is not modified. Sorry for the lack of information in the original question.

How to find out what script code and/or plugin is rendering appearance and functionality within an element on the page?

I've found a control on another webpage that I like. Assuming the site developers didn't build it from scratch, how do I determine what scripting framework and/or plugin they're using to transform and style it?
It's like a selection control of sorts in "bar form".
It's on the realtor.com site here.
I've gotten the class names used for the parent container and its children, but searching for occurances of those in the javascript docs using Opera's dragonfly didn't yield any matches. How do I find out how this is being constructed???
There's no easy way that I know of that will tell you which code did render which elements. However you can go by deduction here. First of all, is the code rendered on the server or the client? An easy way to know for sure would be to inspect the initial source of the page and check if the elements are already present. If they are, it would mean that they were rendered server-side or they already existed in the initial static document.
As far as I can tell, the search bar markup doesn't seem to be generated client-side.
However, behaviour is certainly added client-side. I went through the code and from what I can tell they seem to be using a library that's also used on http://www.move.com/
The scripts of interest would be:
http://static.move.com/getstatic/getfile.ashx?chl=rdc&typ=js&vr=7.2.0.2340&fls=core/jquery/jquery-1.7.1.min,core/jquery/jquery.cookie.min,core/jquery/jquery.validate.min,core/jquery/jquery.json-1.3,core/jquery/jquery.ba-hashchange,core/legacy/legacy-move,core/legacy/movedialog.min,core/namespace,core/utils/underscore-min,core/utils/storage-util,core/movecore,core/cookie/cookies,core/tracking/edwtracking,core/tracking/clientevents,core/tracking/dwgtracking,core/tracking/omnituretracking,core/tracking/comscoretracking,map/hashmapping,core/utils/hash-util,core/utils/support,core/utils/captcha-util,s_code,seo/_seoparagraphs,core/ui/bootstrap
http://static.move.com/getstatic/getfile.ashx?chl=rdc&typ=js&vr=7.2.0.2340&fls=nopaindoubleload4v6,core/utils/jquery.dropkick-1.0.0,search/searchview/_topsearchview,geography/didyoumean/_didyoumean,modal/_modalview,search/_propertysearchcore,search/_partialviewcontainer,core/ui/bootstrappopovertooltip,core/utils/fb_connect_util,core/utils/rc4encrypt,registration/_registrationwidget,core/ui/slider,search/facets/_facetconcepta,geography/_predictivetext,core/ui/bootstraptabs,map/mapview/_mapview,map/map,search/listview/_resultscount,core/ui/bootstrap,search/featuredhomes/_featuredhomes,search/listview/_listviewsort,core/ui/_loadingindicator,search/listview/_listview,admedia/_admedia,search/listview/_resultsperpage,fcma/_fcma,propertydetail/_freemovingquotehandler,propertydetail/leadforms/_leadmodels,core/ui/datepickr,propertydetail/_movingcalculator,search/_trackpageview,search/_tracksearch,registration/_rdcmyitemswidget,admedia/_trackingpixel,instruments,pagetophat/_pagetophat,admedia/_admediamanagercore,breadcrumb/_breadcrumb,contentmanagement/_linkingmodule
They seem to be passing module names to the getfile.ashx page. You could probably eliminate the modules that seems useless for what you are looking for, which would make the code analysis easier.
Once you retrieved the sources, you can use http://jsbeautifier.org/ to format the code.
Have a look at everything namespaced in MoveCore and MoveLib. The library seems to be broken down by modules, where the page would register the modules it needs with MoveCore.Tracking.addService.
Please note that I doubt it's actually legal to "steal" the code and I would strongly advise you to roll your own solution instead.

Persistent copy&paste for jstree nodes

The default way to set up copy&paste with jstree as described in the documentation is easy enough and works well, but only within the scope of JavaScript variables context of the loaded page.
Specifically, if I select copy and then paste that will work. However, if I select copy, then reload the page, paste will not work since the data about copy is lost now.
How can I make this work? I guess something will need to be stored and retrieved from a cookie. Where do I find that? Also, is there an existing option in the plugin for this use case?
Depending on your audience, I would try to implement a copy/paste through html5 local storage. For some simple text copying and such it should be fairly easy to implement.
Html 5 local storage is just a key:value pair that is stored on the users local web browser memory. Therefore it'll be maintained through a web browser reload. Heck it even should be able to be saved if they accidentally close out of the browser completely!
I think with a little javascript, and if you use a library like JQuery, it shouldn't be too hard to implement. You could even have the added benefit of multiple copies enabled as you could just have multiple key:value pairs.
Take a look at a tutorial I found that I think is pretty good to get an idea of how to start with it:
http://paperkilledrock.com/2010/05/html5-localstorage-part-one/
As far as I understand you can write a new plugin for jstree to get this done.
Take a look here to see how the current CRRM Plugin is implemented.(CRRM plugin is included by default with jstree. Serach for CRRM in the above linked file if you find it difficult to locate the place).
I guess you can take a look how it is implemented and implement the methods in a similar way but with persistence.

Generate State Diagram Drag/Drop

I would like to generate state diagram, for example as shown in the picture below.
I want to make this user friendly. If any user wants such diagram then he can just drag/drop the circles/arrows and connect them and put description (1,2,3..... a,b,c....) etc. It should be web-based.
I am not sure if there is opensource/free library to do this.
How to generate such diagram interactively ?
Any idea/suggestions are most welcome.
Thank you.
I was looking for something along the same lines and found: JointJS. It looks like very promising for your purposes. The examples should help get you started.
As far as I'm aware there is indeed no opensource/free library that does this.
Some online tools exist, but they mostly use a text-to-image convertion similar to what yUML and Websequencediagrams do.
You'd have to write the whole thing yourself, although something like RaphealJS or jQuery SVG could do some of the heavy lifting for you in regards to rendering the graphs.
You might want to take a look at Canviz and wwwsqldesigner for inspiration.
Finite State Machine Designer can be used to generate diagrams like that in the question with clicking/dragging/dropping.
It's also open source, should you need to extend it.
Have look at my web based State Machine Diagram Editor. A more convenient desktop version also exists.

Annotate a webpage on the client side

I am trying to develop a firefox add-on which would allow me to highlight a text on the web page (any webpage client side) and then allwo me to write a note and save it. So when i visit the web page next time, if an annotation exists for a webpage it shows up a small Anchor/link next to the text, which on clciking should display the annotation that i typed in earlier.
Is this possible? Any ideas on how to go about it?
cheers
This sounds eerily similar to an idea I posted on Hacker News a few days ago. Interesting! Anyway, it sounds like you want to know what text is selected when you go to create your annotation. Googling "javascript text selection" lead me here, hope this helps!
http://javascript.internet.com/page-details/highlighted-text.html
Cheers! :)
Definitely possible.
For example, you could use sqlite from an extension and, in that, store urls (or their hash) and any associated annotations. Then when visiting a page, check against the DB, and restore the annotations.
As to how you specifically want to accomplish this is up to you. There is no shortage of ways to accomplish this.
See Building an Extension and Storage at MDC.

Categories