133 lines
3 KiB
JavaScript
133 lines
3 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 hashTag = this._getHashTag();
|
|
|
|
var $showBtn = $target.find(".d2h-show");
|
|
var $hideBtn = $target.find(".d2h-hide");
|
|
var $fileList = $target.find(".d2h-file-list");
|
|
|
|
if (hashTag === 'files-summary-show') show();
|
|
else if (hashTag === 'files-summary-hide') hide();
|
|
else 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;
|
|
|
|
var $target = that._getTarget(targetId);
|
|
|
|
var languages = that._getLanguages($target);
|
|
|
|
// pass the languages to the highlightjs plugin
|
|
hljs.configure({languages: languages});
|
|
|
|
// collect all the code lines and execute the highlight on them
|
|
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;
|
|
};
|
|
|
|
Diff2HtmlUI.prototype._getLanguages = function($target) {
|
|
var allFileLanguages = [];
|
|
|
|
if (diffJson) {
|
|
// collect all the file extensions in the json
|
|
allFileLanguages = diffJson.map(function(line) {
|
|
return line.language;
|
|
});
|
|
} else {
|
|
$target.find(".d2h-file-wrapper").map(function(i, file) {
|
|
allFileLanguages.push($(file).data("lang"));
|
|
});
|
|
}
|
|
|
|
// return only distinct languages
|
|
return this._distinct(allFileLanguages);
|
|
};
|
|
|
|
Diff2HtmlUI.prototype._getHashTag = function() {
|
|
var docUrl = document.URL;
|
|
var hashTagIndex = docUrl.indexOf('#');
|
|
|
|
var hashTag = null;
|
|
if (hashTagIndex !== -1) {
|
|
hashTag = docUrl.substr(hashTagIndex + 1);
|
|
}
|
|
|
|
return hashTag;
|
|
};
|
|
|
|
Diff2HtmlUI.prototype._distinct = function(collection) {
|
|
return collection.filter(function(v, i) {
|
|
return collection.indexOf(v) === i;
|
|
});
|
|
};
|
|
|
|
module.exports.Diff2HtmlUI = Diff2HtmlUI;
|
|
|
|
// Expose diff2html in the browser
|
|
global.Diff2HtmlUI = Diff2HtmlUI;
|
|
|
|
})();
|