Prime Community Forum

Code: Select all

                                                                       <pe:codeMirror  id="codeMirror"
									widgetVar="#{bean.prefix}codeMirror"
									mode="#{bean.contentType}"
									value="#{versionController.script}" 
									height="100%"
									lineNumbers="true" 
									tabSize="8"
									indentUnit="8"
									matchBrackets="true"
									theme="eclipse" 
									readOnly="true"
									styleClass="noupdate"/>
							<script type="text/javascript" src="../../js/diff_match_patch.js"></script> 
		    				       <script type="text/javascript" src="../../js/merge.js"></script> 		
							<div id="panel1" style="display:none">
									function getCompletions(token, context) {
									var found = [], start = token.string;
									function maybeAdd(str) {
									var extraLine = "Extra line to highlight the difference";
									    if (str.indexOf(start) == 0) found.push(str);
									}
									function gatherCompletions(obj) {
									    if (typeof obj == "string") forEach(stringProps, maybeAdd);
									    else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
									    else if (obj instanceof Function) forEach(funcProps, maybeAdd);
									    var linechanged = "line has changed";
									}
                            </div>
                            
							<!-- JS code for the second panel -->
							<div id="panel2" style="display:none">
									function getCompletions(token, context) {
									var found = [], start = token.string;
									function maybeAdd(str) {
									    if (str.indexOf(start) == 0) found.push(str);
									}
									function gatherCompletions(obj) {
									    if (typeof obj == "string") forEach(stringProps, maybeAdd);
									    else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
									    else if (obj instanceof Function) forEach(funcProps, maybeAdd);
									    for (var name in obj) maybeAdd(name);
									}
                             </div>
                             
							<!-- the placehorder for the merge/kdiff interface -->
							<div id="placeholder"></div>
							
							<script language="JavaScript">			
							function codeMirrorResize() {
								var h = jQuery('*[id*=#{bean.prefix}codeMirrorHolder]').innerHeight();
								var cm = codeMirror.getCodeMirrorInstance();
								try{
									cm.setSize(null, 100);
									cm.refresh();		
								}catch(e){
									//consoleLog(e);
								}									
							}
							
				            dv = CodeMirror.MergeView(document.getElementById("placeholder"), {
				                value: document.getElementById("panel1").innerHTML,
				                orig: document.getElementById("panel2").innerHTML,
				                lineNumbers: true,
				                mode: "javascript",
				                highlightDifferences: true
				            });

						</script>