ag-admin/OpenSlides
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Bugfix for PDF-export - fixes #2777

Browse Source
This commit is contained in:
Tobias Hößl 2016-12-17 12:55:50 +01:00
parent 8e4bf47169
commit 159720b983
2 changed files with 164 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
openslides/core/static/js/core/pdf.js
View File

@ -559,7 +559,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
currentParagraph = create("text"); currentParagraph = create("text");
/* falls through */ /* falls through */
case "a": case "a":
parseChildren(alreadyConverted, element, currentParagraph, styles.concat(elementStyles[nodeName]), diff_mode); currentParagraph = parseChildren(alreadyConverted, element, currentParagraph, styles.concat(elementStyles[nodeName]), diff_mode);
alreadyConverted.push(currentParagraph); alreadyConverted.push(currentParagraph);
break; break;
case "b": case "b":
@ -569,7 +569,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
case "i": case "i":
case "ins": case "ins":
case "del": case "del":
parseChildren(alreadyConverted, element, currentParagraph, styles.concat(elementStyles[nodeName]), diff_mode); currentParagraph = parseChildren(alreadyConverted, element, currentParagraph, styles.concat(elementStyles[nodeName]), diff_mode);
break; break;
case "table": case "table":
var t = create("table", { var t = create("table", {
@ -581,7 +581,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
if (border) if (border)
if (parseInt(border) == 1) isBorder = true; if (parseInt(border) == 1) isBorder = true;
if (!isBorder) t.layout = 'noBorders'; if (!isBorder) t.layout = 'noBorders';
parseChildren(t.table.body, element, currentParagraph, styles, diff_mode); currentParagraph = parseChildren(t.table.body, element, currentParagraph, styles, diff_mode);
var widths = element.getAttribute("widths"); var widths = element.getAttribute("widths");
if (!widths) { if (!widths) {
if (t.table.body.length !== 0) { if (t.table.body.length !== 0) {
@ -596,11 +596,11 @@ angular.module('OpenSlidesApp.core.pdf', [])
alreadyConverted.push(t); alreadyConverted.push(t);
break; break;
case "tbody": case "tbody":
parseChildren(alreadyConverted, element, currentParagraph, styles, diff_mode); currentParagraph = parseChildren(alreadyConverted, element, currentParagraph, styles, diff_mode);
break; break;
case "tr": case "tr":
var row = []; var row = [];
parseChildren(row, element, currentParagraph, styles, diff_mode); currentParagraph = parseChildren(row, element, currentParagraph, styles, diff_mode);
alreadyConverted.push(row); alreadyConverted.push(row);
break; break;
case "td": case "td":
@ -613,7 +613,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
var cspan = element.getAttribute("colspan"); var cspan = element.getAttribute("colspan");
if (cspan) if (cspan)
st.colSpan = parseInt(cspan); st.colSpan = parseInt(cspan);
parseChildren(st.stack, element, currentParagraph, styles, diff_mode); currentParagraph = parseChildren(st.stack, element, currentParagraph, styles, diff_mode);
alreadyConverted.push(st); alreadyConverted.push(st);
break; break;
case "span": case "span":
@ -628,7 +628,6 @@ angular.module('OpenSlidesApp.core.pdf', [])
}; };
currentParagraph.text.push(lineNumberObjInline); currentParagraph.text.push(lineNumberObjInline);
} }
parseChildren(alreadyConverted, element, currentParagraph, styles, diff_mode);
} else if (lineNumberMode == "outside") { } else if (lineNumberMode == "outside") {
var lineNumberOutline; var lineNumberOutline;
if (diff_mode == DIFF_MODE_INSERT) { if (diff_mode == DIFF_MODE_INSERT) {
@ -650,14 +649,11 @@ angular.module('OpenSlidesApp.core.pdf', [])
}; };
currentParagraph = create("text"); currentParagraph = create("text");
col.columns.push(currentParagraph); col.columns.push(currentParagraph);
parseChildren(col.columns[0], element, currentParagraph, styles, diff_mode);
alreadyConverted.push(col); alreadyConverted.push(col);
} }
} }
else { else {
var spanText = create("text", element.textContent.replace(/\n/g, "")); currentParagraph = parseChildren(alreadyConverted, element, currentParagraph, styles, diff_mode);
ComputeStyle(spanText, styles);
currentParagraph.text.push(spanText);
} }
break; break;
case "br": case "br":
@ -673,7 +669,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
var stackDiv = create("stack"); var stackDiv = create("stack");
stackDiv.stack.push(currentParagraph); stackDiv.stack.push(currentParagraph);
ComputeStyle(stackDiv, styles); ComputeStyle(stackDiv, styles);
parseChildren(stackDiv.stack, element, currentParagraph, [], diff_mode); currentParagraph = parseChildren(stackDiv.stack, element, currentParagraph, [], diff_mode);
alreadyConverted.push(stackDiv); alreadyConverted.push(stackDiv);
break; break;
case "p": case "p":
@ -682,7 +678,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
var stackP = create("stack"); var stackP = create("stack");
stackP.stack.push(currentParagraph); stackP.stack.push(currentParagraph);
ComputeStyle(stackP, styles); ComputeStyle(stackP, styles);
parseChildren(stackP.stack, element, currentParagraph, [], diff_mode); currentParagraph = parseChildren(stackP.stack, element, currentParagraph, [], diff_mode);
alreadyConverted.push(stackP); alreadyConverted.push(stackP);
break; break;
case "img": case "img":
@ -718,7 +714,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
var list = create(nodeName); var list = create(nodeName);
if (lineNumberMode == "outside") { if (lineNumberMode == "outside") {
var lines = extractLineNumbers(element); var lines = extractLineNumbers(element);
parseChildren(list[nodeName], element, currentParagraph, styles, diff_mode); currentParagraph = parseChildren(list[nodeName], element, currentParagraph, styles, diff_mode);
if (lines.length > 0) { if (lines.length > 0) {
var listCol = { var listCol = {
columns: [{ columns: [{
@ -742,12 +738,13 @@ angular.module('OpenSlidesApp.core.pdf', [])
alreadyConverted.push(list); alreadyConverted.push(list);
} }
} else { } else {
parseChildren(list[nodeName], element, currentParagraph, styles, diff_mode); currentParagraph = parseChildren(list[nodeName], element, currentParagraph, styles, diff_mode);
alreadyConverted.push(list); alreadyConverted.push(list);
} }
break; break;
default: default:
var defaultText = create("text", element.textContent.replace(/\n/g, "")); var defaultText = create("text", element.textContent.replace(/\n/g, ""));
ComputeStyle(defaultText, styles);
if (!currentParagraph) { if (!currentParagraph) {
currentParagraph = {}; currentParagraph = {};
currentParagraph.text = []; currentParagraph.text = [];

160
tests/karma/core/pdf.service.test.js
View File

@ -70,12 +70,6 @@ describe('pdf', function () {
"stack": [{ "stack": [{
"text": [ "text": [
{"text": "1", "color": "gray", "fontSize": 5}, {"text": "1", "color": "gray", "fontSize": 5},
{"text": " "},
{
"text": null,
"color": "gray",
"fontSize": 5
},
{"text": "Test"} {"text": "Test"}
], "margin": [0, 5] ], "margin": [0, 5]
}] }]
@ -99,7 +93,7 @@ describe('pdf', function () {
"color": "gray", "color": "gray",
"fontSize": 8, "fontSize": 8,
"margin": [0, 2, 0, 0] "margin": [0, 2, 0, 0]
}, {"text": [{"text": " "}, {"text": "Test "}]}] }, {"text": [{"text": "Test "}]}]
}, {"text": []}, { }, {"text": []}, {
"columns": [{ "columns": [{
"width": 20, "width": 20,
@ -107,7 +101,7 @@ describe('pdf', function () {
"color": "gray", "color": "gray",
"fontSize": 8, "fontSize": 8,
"margin": [0, 2, 0, 0] "margin": [0, 2, 0, 0]
}, {"text": [{"text": " "}, {"text": "Test2 "}]}] }, {"text": [{"text": "Test2 "}]}]
}, {"text": []}, { }, {"text": []}, {
"columns": [{ "columns": [{
"width": 20, "width": 20,
@ -115,7 +109,7 @@ describe('pdf', function () {
"color": "gray", "color": "gray",
"fontSize": 8, "fontSize": 8,
"margin": [0, 2, 0, 0] "margin": [0, 2, 0, 0]
}, {"text": [{"text": " "}, {"text": "Test3"}]}] }, {"text": [{"text": "Test3"}]}]
}] }]
})); }));
expect(JSON.stringify(pdfmake[2])).toBe(emptyline); expect(JSON.stringify(pdfmake[2])).toBe(emptyline);
@ -170,5 +164,153 @@ describe('pdf', function () {
// the actual result is's the point here; only that it doesn't throw an exception // the actual result is's the point here; only that it doesn't throw an exception
expect(JSON.stringify(pdfmake[0])).toBe(emptyline); expect(JSON.stringify(pdfmake[0])).toBe(emptyline);
}); });
it('handles line breaks inside inline elements (outside)', function() {
var inHtml = '<p>tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <strong>At vero eos et accusam</strong> et justo duo dolores et ea rebum.</p>',
numberedHtml = lineNumberingService.insertLineNumbers(inHtml, 80);
var instance = PdfMakeConverter.createInstance();
var pdfmake = instance.convertHTML(numberedHtml, 'outside');
expect(JSON.stringify(pdfmake[1])).toBe(JSON.stringify(
{
"stack": [
{"text": [], "margin": [0, 5]},
{
"columns": [
{
"width": 20,
"text": "1",
"color": "gray",
"fontSize": 8,
"margin": [0, 2, 0, 0]
},
{
"text": [
{"text": "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. "},
{"text": "At ", "bold": true}
]
}
]
},
{"text": []},
{
"columns": [
{
"width": 20,
"text": "2",
"color": "gray",
"fontSize": 8,
"margin": [0, 2, 0, 0]
},
{
"text": [
{"text": "vero eos et accusam", "bold": true},
{"text": " et justo duo dolores et ea rebum."}
]
}
]
}
]
}
));
});
it('handles line breaks inside inline elements (inline)', function() {
var inHtml = '<p>tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <strong>At vero eos et accusam</strong> et justo duo dolores et ea rebum.</p>',
numberedHtml = lineNumberingService.insertLineNumbers(inHtml, 80);
var instance = PdfMakeConverter.createInstance();
var pdfmake = instance.convertHTML(numberedHtml, 'inline');
expect(JSON.stringify(pdfmake[1])).toBe(JSON.stringify(
{"stack": [
{"text": [
{"text": "1", "color": "gray", "fontSize": 5 },
{"text": "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. "},
{"text": "At ", "bold": true },
{"text": "2", "color": "gray", "fontSize": 5},
{"text": "vero eos et accusam", "bold": true },
{"text": " et justo duo dolores et ea rebum."}
], "margin": [0, 5]
}
]}
));
});
it('handles line breaks inside lists', function() {
var inHtml = '<ol><li>Lorem ipsum dolor sit<br>amet, <u>consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat</u>, sed diam voluptua.</li></ol>',
numberedHtml = lineNumberingService.insertLineNumbers(inHtml, 80)
var instance = PdfMakeConverter.createInstance();
var pdfmake = instance.convertHTML(numberedHtml, 'outside');
expect(JSON.stringify(pdfmake[1])).toBe(JSON.stringify(
{
"columns":[
{
"width": 20,
"stack": [
{"width": 20,"text": "1","color": "gray","fontSize": 8,"margin": [0, 2.35, 0, 0]},
{"width": 20,"text": "2","color": "gray","fontSize": 8,"margin": [0, 2.35, 0, 0]},
{"width": 20,"text": "3","color": "gray","fontSize": 8,"margin": [0, 2.35, 0, 0]}
]
},
{"ol": [
{"stack": [
{
"text": [
{"text": "Lorem ipsum dolor sit"}
]
},
{
"text": [
{"text": "amet, "},
{"text": "consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ","decoration": "underline"}
]
},
{
"text": [
{"text": "ut labore et dolore magna aliquyam erat","decoration": "underline"},
{"text": ", sed diam voluptua."}
]
}
]}
]}
],
"margin":[0,10,0,0]
}
));
});
it('handles styled SPANs within Ps', function() {
var inHtml = '<p><span style="font-weight: bold;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</span></p>',
numberedHtml = lineNumberingService.insertLineNumbers(inHtml, 80)
var instance = PdfMakeConverter.createInstance();
var pdfmake = instance.convertHTML(numberedHtml, 'outside');
expect(JSON.stringify(pdfmake[1])).toBe(JSON.stringify(
{
"stack": [
{"text": [], "margin": [0, 5]},
{
"columns": [
{ "width": 20, "text": "1", "color": "gray", "fontSize": 8, "margin": [0, 2, 0, 0]},
{ "text": [
{ "text": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod ", "bold": true }
]}
]
},
{"text":[]},
{
"columns": [
{ "width": 20, "text": "2", "color": "gray", "fontSize": 8, "margin": [0, 2, 0, 0] },
{ "text": [
{ "text": "tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.", "bold": true }
]}
]
}
]
}
));
}); });
}); });
});