extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-25 04:11:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Use new diff visualization library

Browse Source
This commit is contained in:
nathangray 2019-02-27 10:48:57 -07:00
parent 7e7e198299
commit ea9a2def40
1 changed files with 14 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
api/js/etemplate/et2_widget_diff.js
View File

@ -13,8 +13,8 @@
/*egw:uses /*egw:uses
/vendor/bower-asset/jquery/dist/jquery.js; /vendor/bower-asset/jquery/dist/jquery.js;
/vendor/bower-asset/jquery-ui/jquery-ui.js; /vendor/bower-asset/jquery-ui/jquery-ui.js;
lib/jsdifflib/difflib; /vendor/bower-asset/diff2html/dist/diff2html.min.js;
lib/jsdifflib/diffview; /vendor/bower-asset/diff2html/dist/diff2html-ui.min.js;
et2_core_valueWidget; et2_core_valueWidget;
*/ */
@ -31,6 +31,11 @@ var et2_diff = (function(){ "use strict"; return et2_valueWidget.extend([et2_IDe
} }
}, },
diff_options: {
"inputFormat":"diff",
"matching": "words"
},
/** /**
* Constructor * Constructor
* *
@ -48,51 +53,13 @@ var et2_diff = (function(){ "use strict"; return et2_valueWidget.extend([et2_IDe
set_value: function(value) { set_value: function(value) {
jQuery(this.div).empty(); jQuery(this.div).empty();
if(typeof value['old'] == 'string' && typeof value['new'] == 'string') { if(typeof value == 'string') {
// Build diff jQuery(this.div).append(
var old_text = difflib.stringAsLines(value['old'].toString()); Diff2Html.getPrettyHtml(
var new_text = difflib.stringAsLines(value['new'].toString()); value,
var sm = new difflib.SequenceMatcher(old_text, new_text); this.diff_options
var opcodes = sm.get_opcodes(); )
var view = diffview.buildView({ );
baseTextLines: old_text,
newTextLines: new_text,
opcodes: opcodes,
baseTextName: '',//this.egw().lang('Old value'),
newTextName: '',//this.egw().lang('New value'),
viewType: 1
});
jQuery(this.div).append(view);
if(this.mini) {
view = jQuery(view);
this.minify(view);
var self = this;
jQuery('<span class="ui-icon ui-icon-circle-plus">&nbsp;</span>')
.appendTo(self.div)
.css("cursor", "pointer")
.click({diff: view, div: self.div}, function(e) {
var diff = e.data.diff;
var div = e.data.div;
self.un_minify(diff);
var dialog_div = jQuery('<div>')
.append(diff);
dialog_div.dialog({
title: self.options.label,
width: 'auto',
autoResize: true,
modal: true,
buttons: [{text: self.egw().lang('ok'), click: function() {jQuery(this).dialog("close");}}],
close: function(event, ui) {
// Need to destroy the dialog, etemplate widget needs divs back where they were
dialog_div.dialog("destroy");
self.minify(this);
// Put it back where it came from, or et2 will error when clear() is called
diff.prependTo(div);
}
});
});
}
} }
else if(typeof value != 'object') else if(typeof value != 'object')
{ {