luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added and deleted lines per file

Browse source
This commit is contained in:
Rodrigo Fernandes 2014-08-30 14:16:13 +01:00
parent 0b807ce01b
commit b95c4a60e7
2 changed files with 35 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
diff2html.js
View file

@ -66,6 +66,8 @@
/* create file structure */
currentFile = {};
currentFile.blocks = [];
currentFile.deletedLines = 0,
currentFile.addedLines = 0;
/* save file paths, before and after the diff */
var values = /^diff --git a\/(\S+) b\/(\S+).*$/.exec(line);
@ -88,8 +90,9 @@
currentBlock.lines = [];
currentBlock.oldStartLine = oldLine = values[2];
currentBlock.newStartLine = newLine = values[4];
currentBlock.deletedLines = values[3];
currentBlock.addedLines = values[5];
/* update file added and deleted lines */
currentFile.deletedLines += currentBlock.deletedLines = parseInt(values[3], 10);
currentFile.addedLines += currentBlock.addedLines = parseInt(values[5], 10);
/* create block header line */
var currentLine = {};
@ -150,6 +153,10 @@
return "<div class=\"file-wrapper\">" +
" <div class=\"file-header\">" +
" <div class=\"file-stats\">" +
" <span class=\"lines-added\">+" + file.addedLines + "</span>" +
" <span class=\"lines-deleted\">-" + file.deletedLines + "</span>" +
" </div>" +
" <div class=\"file-name\">" + fileHeader + "</div>" +
" </div>" +
" <div class=\"file-diff\">" +

26
style.css
View file

@ -34,12 +34,38 @@ body {
}
.file-name {
display: inline-block;
font: 13px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1.4;
height: 33px;
line-height: 33px;
}
.file-stats {
display: inline-block;
font-family: monospace,monospace;
font-size: 12px;
vertical-align: middle;
}
.lines-added {
background-color: #ceffce;
border-color: #b4e2b4;
border: 1px solid;
color: #399839;
border-radius: 5px 0 0 5px;
padding: 5px;
}
.lines-deleted {
background-color: #f7c8c8;
border-color: #e9aeae;
border: 1px solid;
color: #c33;
border-radius: 0 5px 5px 0;
padding: 5px;
}
.file-diff {
overflow: auto;
}