100 lines
2.2 KiB
JavaScript
100 lines
2.2 KiB
JavaScript
|
/*
|
||
|
|
*
|
||
|
|
* Diff to HTML (diff2html-ui.js)
|
||
|
|
* Author: rtfpessoa
|
||
|
|
*
|
||
|
|
* Depends on: [ jQuery ]
|
||
|
|
* Optional dependencies on: [ highlight.js ]
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*global $, hljs*/
|
||
|
|
|
||
|
|
(function() {
|
||
|
|
|
||
|
|
var diffJson = null;
|
||
|
|
var defaultTarget = "body";
|
||
|
|
|
||
|
|
function Diff2HtmlUI(config) {
|
||
|
|
var cfg = config || {};
|
||
|
|
|
||
|
|
if (cfg.diff) {
|
||
|
|
diffJson = Diff2Html.getJsonFromDiff(cfg.diff);
|
||
|
|
} else if (cfg.json) {
|
||
|
|
diffJson = cfg.json;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Diff2HtmlUI.prototype.draw = function(targetId, config) {
|
||
|
|
var cfg = config || {};
|
||
|
|
var $target = this._getTarget(targetId);
|
||
|
|
$target.html(Diff2Html.getPrettyHtml(diffJson, cfg));
|
||
|
|
};
|
||
|
|
|
||
|
|
Diff2HtmlUI.prototype.fileListCloseable = function(targetId, startVisible) {
|
||
|
|
var $target = this._getTarget(targetId);
|
||
|
|
|
||
|
|
var $showBtn = $target.find(".d2h-show");
|
||
|
|
var $hideBtn = $target.find(".d2h-hide");
|
||
|
|
var $fileList = $target.find(".d2h-file-list");
|
||
|
|
|
||
|
|
if (startVisible) show(); else hide();
|
||
|
|
|
||
|
|
$showBtn.click(show);
|
||
|
|
$hideBtn.click(hide);
|
||
|
|
|
||
|
|
function show() {
|
||
|
|
$showBtn.hide();
|
||
|
|
$hideBtn.show();
|
||
|
|
$fileList.show();
|
||
|
|
}
|
||
|
|
|
||
|
|
function hide() {
|
||
|
|
$hideBtn.hide();
|
||
|
|
$showBtn.show();
|
||
|
|
$fileList.hide();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
Diff2HtmlUI.prototype.highlightCode = function(targetId) {
|
||
|
|
var that = this;
|
||
|
|
|
||
|
|
// collect all the file extensions in the json
|
||
|
|
var allFileLanguages = diffJson.map(function(line) {
|
||
|
|
return line.language;
|
||
|
|
});
|
||
|
|
|
||
|
|
// remove duplicated languages
|
||
|
|
var distinctLanguages = allFileLanguages.filter(function(v, i) {
|
||
|
|
return allFileLanguages.indexOf(v) === i;
|
||
|
|
});
|
||
|
|
|
||
|
|
// pass the languages to the highlightjs plugin
|
||
|
|
hljs.configure({languages: distinctLanguages});
|
||
|
|
|
||
|
|
// collect all the code lines and execute the highlight on them
|
||
|
|
var $target = that._getTarget(targetId);
|
||
|
|
var $codeLines = $target.find(".d2h-code-line-ctn");
|
||
|
|
$codeLines.map(function(i, line) {
|
||
|
|
hljs.highlightBlock(line);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
Diff2HtmlUI.prototype._getTarget = function(targetId) {
|
||
|
|
var $target;
|
||
|
|
if (targetId) {
|
||
|
|
$target = $(targetId);
|
||
|
|
} else {
|
||
|
|
$target = $(defaultTarget);
|
||
|
|
}
|
||
|
|
|
||
|
|
return $target;
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports.Diff2HtmlUI = Diff2HtmlUI;
|
||
|
|
|
||
|
|
// Expose diff2html in the browser
|
||
|
|
global.Diff2HtmlUI = Diff2HtmlUI;
|
||
|
|
|
||
|
|
})();
|