]> git.argeo.org Git - gpl/argeo-slc.git/blob - server/org.argeo.slc.ria/src/argeo-ria-lib/jcr/class/org/argeo/jcr/ria/views/XmlNodeEditor.js
Simple XML Highlighter
[gpl/argeo-slc.git] / server / org.argeo.slc.ria / src / argeo-ria-lib / jcr / class / org / argeo / jcr / ria / views / XmlNodeEditor.js
1 qx.Class.define("org.argeo.jcr.ria.views.XmlNodeEditor", {
2 extend : qx.ui.container.Composite,
3 implement : [org.argeo.ria.components.IView],
4
5 properties : {
6 /**
7 * The commands definition Map that will be automatically added and wired to the menubar and toolbar.
8 * See {@link org.argeo.ria.event.CommandsManager#definitions} for the keys to use for defining commands.
9 */
10 commands : {
11 init : {}
12 },
13 viewSelection : {
14 nullable:false,
15 check:"org.argeo.ria.components.ViewSelection"
16 },
17 instanceId : {
18 init:"XmlEditor",
19 event : "changeInstanceId"
20 },
21 instanceLabel : {
22 init:"Xml Editor",
23 event : "changeInstanceLabel"
24 }
25 },
26
27 construct : function(){
28 this.base(arguments);
29 this.setLayout(new qx.ui.layout.VBox());
30 this.htmlPane = new qx.ui.embed.Html();
31 this.htmlPane.setOverflow("auto", "auto");
32 this.add(this.htmlPane, {flex:1});
33 },
34
35 members : {
36 /**
37 * The implementation should contain the GUI initialisation.
38 * This is the role of the manager to actually add the graphical component to the pane,
39 * so it's not necessary to do it here.
40 * @param viewPane {org.argeo.ria.components.ViewPane} The pane manager
41 * @param data {Mixed} Any object or data passed by the initiator of the view
42 * @return {Boolean}
43 */
44 init : function(viewPane, data){
45 this.setViewSelection(new org.argeo.ria.components.ViewSelection(viewPane.getViewId()));
46 },
47 /**
48 * The implementation should contain the real data loading (i.o. query...)
49 * @return {Boolean}
50 */
51 load : function(rootNode){
52 rootNode.load();
53 rootNode.addListener("changeLoadState", function(){
54 var xmlString = rootNode.toXmlString(true);
55 var TAG_START_PATTERN = new RegExp("<([0-9a-zA-Z\.]+)([^>]*)>", "gi");
56 var TAG_END_PATTERN = new RegExp("</([0-9a-zA-Z\.]+)>", "gi");
57 var TAG_CLOSE_PATTERN = new RegExp("(/?>)", "gi");
58 var TAG_ATTRIBUTE = new RegExp("\\s([0-9a-zA-Z:]+)\\=\"([^\"]*)\"", "gi");
59 // Not implemented yet
60 var TAG_COMMENT = new RegExp("(<!--.*-->)", "gi");
61 var TAG_CDATA_START = new RegExp("(\\<!\\[CDATA\\[).*", "gi");
62 var TAG_CDATA_END = new RegExp(".*(]]>)", "gi");
63
64 xmlString = xmlString.replace(TAG_START_PATTERN, 'xml_div_begin&lt;xml_tagname_begin$1xml_tagname_end$2&gt;');
65 xmlString = xmlString.replace(TAG_END_PATTERN, '&lt;/xml_tagname_begin$1xml_tagname_end&gt;xml_div_end');
66 xmlString = xmlString.replace(TAG_CLOSE_PATTERN, '&gt;');
67
68 xmlString = xmlString.replace(TAG_ATTRIBUTE, ' xml_attname_begin$1xml_attname_end="xml_attvalue_begin$2xml_attvalue_end"');
69
70 //xmlString = qx.xml.String.escape(xmlString);
71 xmlString = xmlString.replace(new RegExp("(xml_div_begin)", "g"), '<div style="padding-top:2px;padding-left:15px;">');
72 xmlString = xmlString.replace(new RegExp("(xml_div_end)", "g"), '</div>');
73 xmlString = xmlString.replace(new RegExp("(xml_tagname_begin)", "g"), '<b style="color:rgb(63,127,127);">');
74 xmlString = xmlString.replace(new RegExp("(xml_tagname_end)", "g"), '</b>');
75 xmlString = xmlString.replace(new RegExp("(xml_attname_begin)", "g"), '<b>');
76 xmlString = xmlString.replace(new RegExp("(xml_attname_end)", "g"), '</b>');
77 xmlString = xmlString.replace(new RegExp("(xml_attvalue_begin)", "g"), '<span style="color:rgb(0,0,255)">');
78 xmlString = xmlString.replace(new RegExp("(xml_attvalue_end)", "g"), '</span>');
79 xmlString = '<div style="margin-left:-10px;">' + xmlString + '</div>';
80 this.htmlPane.setHtml(xmlString);
81 }, this);
82 },
83 /**
84 * Whether this component is already contained in a scroller (return false) or not (return true).
85 * @return {Boolean}
86 */
87 addScroll : function(){
88 return false;
89 },
90 /**
91 * Called at destruction time
92 * Perform all the clean operations (stopping polling queries, etc.)
93 */
94 close : function(){
95
96 }
97 }
98
99
100 });