Merge pull request #3258 from FinnStutzenstein/docx

Rework docx parser, add comments to docx

CHANGELOG

@@ -26,6 +26,7 @@ Motions:
 - Bugfix: Added more distance in motion PDF for DEL-tags in new lines [#3211].
 - Added warning message if an edit dialog was already opened by another
   client [#3212].
+- Reworked DOCX export parser and added comments to DOCX [#3258].
 
 Users:
 - User without permission to see users can now see agenda item speakers,

openslides/core/static/js/core/docx.js

@@ -0,0 +1,356 @@
+(function () {
+
+'use strict';
+
+angular.module('OpenSlidesApp.core.docx', [])
+
+.factory('Html2DocxConverter', [
+    '$q',
+    'ImageConverter',
+    function ($q, ImageConverter) {
+        var PAGEBREAK = '<w:p><w:r><w:br w:type="page" /></w:r></w:p>';
+
+        var createInstance = function () {
+            var converter = {
+                imageMap: {},
+                documentImages: [],
+                relationships: [],
+                contentTypes: [],
+            };
+
+            var html2docx = function (html) {
+                var docx = '';
+                var tagStack = [];
+
+                // With this variable, we keep track, if we are currently inside or outside of a paragraph.
+                var inParagraph = true;
+                // the text may not begin with a paragraph. If so, append one because word needs it.
+                var skipFirstParagraphClosing = true;
+
+                var handleTag = function (tag) {
+                    if (tag.charAt(0) == "/") {  // A closing tag
+                        // remove from stack
+                        tagStack.pop();
+
+                        // Special: end paragraphs
+                        if (tag.startsWith('/p')) {
+                            docx += '</w:p>';
+                            inParagraph = false;
+                        }
+                    } else { // now all other tags
+                        var tagname = tag.split(' ')[0];
+                        handleNamedTag(tagname, tag);
+                    }
+                    return docx;
+                };
+                var handleNamedTag = function (tagname, fullTag) {
+                    var tag = {
+                        tag: tagname,
+                        attrs: {},
+                    };
+                    switch (tagname) {
+                        case 'p':
+                            if (inParagraph && !skipFirstParagraphClosing) {
+                                // End the paragrapth, if there is one
+                                docx += '</w:p>';
+                            }
+                            skipFirstParagraphClosing = false;
+                            docx += '<w:p>';
+                            inParagraph = true;
+                            break;
+                        case 'span':
+                            var styleRegex = /(?:\"|\;\s?)([a-zA-z\-]+)\:\s?([a-zA-Z0-9\-\#]+)/g, matchSpan;
+                            while ((matchSpan = styleRegex.exec(fullTag)) !== null) {
+                                switch (matchSpan[1]) {
+                                    case 'color':
+                                            tag.attrs.color = matchSpan[2].slice(1); // cut off the #
+                                        break;
+                                    case 'background-color':
+                                            tag.attrs.backgroundColor = matchSpan[2].slice(1); // cut off the #
+                                        break;
+                                    case 'text-decoration':
+                                        if (matchSpan[2] === 'underline') {
+                                            tag.attrs.underline = true;
+                                        } else if (matchSpan[2] === 'line-through') {
+                                            tag.attrs.strike = true;
+                                        }
+                                        break;
+                                }
+                            }
+                            break;
+                        case 'a':
+                            var hrefRegex = /href="([^"]+)"/g;
+                            var href = hrefRegex.exec(fullTag)[1];
+                            tag.href = href;
+                            break;
+                        case 'img':
+                            imageTag(tag, fullTag);
+                            break;
+                    }
+                    if (tagname !== 'img' && tagname !== 'p') {
+                        tagStack.push(tag);
+                    }
+                };
+                var imageTag = function (tag, fullTag) {
+                    // images has to be placed instantly, so there is no use of 'tag'.
+                    var image = {};
+                    var attributeRegex = /(\w+)=\"([^\"]*)\"/g, attributeMatch;
+                    while ((attributeMatch = attributeRegex.exec(fullTag)) !== null) {
+                        image[attributeMatch[1]] = attributeMatch[2];
+                    }
+                    if (image.src && converter.imageMap[image.src]) {
+                        image.width = converter.imageMap[image.src].width;
+                        image.height = converter.imageMap[image.src].height;
+
+                        var rrId = converter.relationships.length + 1;
+                        var imageId = converter.documentImages.length + 1;
+
+                        // set name ('pic.jpg'), title, ext ('jpg'), mime ('image/jpeg')
+                        image.name = _.last(image.src.split('/'));
+
+                        var tmp = image.name.split('.');
+                        image.ext = tmp.splice(-1);
+
+                        // set name without extension as title if there isn't a title
+                        if (!image.title) {
+                            image.title = tmp.join('.');
+                        }
+
+                        image.mime = 'image/' + image.ext;
+                        if (image.ext == 'jpe' || image.ext == 'jpg') {
+                            image.mime = 'image/jpeg';
+                        }
+
+                        // x and y for the container and picture size in EMU (assuming 96dpi)!
+                        var x = image.width * 914400 / 96;
+                        var y = image.height * 914400 / 96;
+
+                        // the image does not belong into a paragraph in ooxml
+                        if (inParagraph) {
+                            docx += '</w:p>';
+                        }
+                        docx += '<w:p><w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extend cx="' + x +'" cy="' + y + '"/><wp:effectExtent l="0" t="0" r="0" b="0"/>' +
+                            '<wp:docPr id="' + imageId + '" name="' + image.name + '" title="' + image.title + '" descr="' + image.title + '"/><wp:cNvGraphicFramePr>' +
+                            '<a:graphicFrameLocks xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" noChangeAspect="1"/></wp:cNvGraphicFramePr>' +
+                            '<a:graphic xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"><a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture">' +
+                            '<pic:pic xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:nvPicPr><pic:cNvPr id="' + imageId + '" name="' +
+                            image.name + '" title="' + image.title + '" descr="' + image.title + '"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="rrId' + rrId + '"/><a:stretch>' +
+                            '<a:fillRect/></a:stretch></pic:blipFill><pic:spPr bwMode="auto"><a:xfrm><a:off x="0" y="0"/><a:ext cx="' + x + '" cy="' + y + '"/></a:xfrm>' +
+                            '<a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing></w:r></w:p>';
+
+                        // inParagraph stays untouched, the documents paragraph state is restored here
+                        if (inParagraph) {
+                            docx += '<w:p>';
+                        }
+
+                        // entries in documentImages, relationships and contentTypes
+                        converter.documentImages.push({
+                            src: image.src,
+                            zipPath: 'word/media/' + image.name
+                        });
+                        converter.relationships.push({
+                            Id: 'rrId' + rrId,
+                            Type: 'http://schemas.openxmlformats.org/officeDocument/2006/relationships/image',
+                            Target: 'media/' + image.name
+                        });
+                        converter.contentTypes.push({
+                            PartName: '/word/media/' + image.name,
+                            ContentType: image.mime
+                        });
+                    }
+                };
+                var handleText = function (text) {
+                    // Start a new paragraph, if only loose text is there
+                    if (!inParagraph) {
+                        docx += '<w:p>';
+                        inParagraph = true;
+                    }
+                    var docxPart = '<w:r><w:rPr>';
+                    var hyperlink = false;
+                    tagStack.forEach(function (tag) {
+                        switch (tag.tag) {
+                            case 'b':
+                            case 'strong':
+                                docxPart += '<w:b/><w:bCs/>';
+                                break;
+                            case 'em':
+                            case 'i':
+                                docxPart += '<w:i/><w:iCs/>';
+                                break;
+                            case 'span':
+                                for (var key in tag.attrs) {
+                                    switch (key) {
+                                        case 'color':
+                                            docxPart += '<w:color w:val="' + tag.attrs[key] + '"/>';
+                                            break;
+                                        case 'backgroundColor':
+                                            docxPart += '<w:shd w:fill="' + tag.attrs[key] + '"/>';
+                                            break;
+                                        case 'underline':
+                                            docxPart += '<w:u w:val="single"/>';
+                                            break;
+                                        case 'strike':
+                                            docxPart += '<w:strike/>';
+                                            break;
+                                    }
+                                }
+                                break;
+                            case 'u':
+                                docxPart += '<w:u w:val="single"/>';
+                                break;
+                            case 'strike':
+                                docxPart += '<w:strike/>';
+                                break;
+                            case 'a':
+                                var id = converter.relationships.length + 1;
+                                docxPart = '<w:hyperlink r:id="rrId' + id + '">' + docxPart;
+                                docxPart += '<w:rStyle w:val="Internetlink"/>';
+                                converter.relationships.push({
+                                    Id: 'rrId' + id,
+                                    Type: 'http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink',
+                                    Target: tag.href,
+                                    TargetMode: 'External'
+                                });
+                                hyperlink = true;
+                                break;
+                        }
+                    });
+                    docxPart += '</w:rPr><w:t>' + text + '</w:t></w:r>';
+                    if (hyperlink) {
+                        docxPart += '</w:hyperlink>';
+                    }
+
+                    // append to docx
+                    docx += docxPart;
+                    return docx;
+                };
+
+                var replaceEntities = function () {
+                    // replacing of special symbols:
+                    docx = docx.replace(new RegExp('\&auml\;', 'g'), 'ä');
+                    docx = docx.replace(new RegExp('\&uuml\;', 'g'), 'ü');
+                    docx = docx.replace(new RegExp('\&ouml\;', 'g'), 'ö');
+                    docx = docx.replace(new RegExp('\&Auml\;', 'g'), 'Ä');
+                    docx = docx.replace(new RegExp('\&Uuml\;', 'g'), 'Ü');
+                    docx = docx.replace(new RegExp('\&Ouml\;', 'g'), 'Ö');
+                    docx = docx.replace(new RegExp('\&szlig\;', 'g'), 'ß');
+                    docx = docx.replace(new RegExp('\&nbsp\;', 'g'), ' ');
+                    docx = docx.replace(new RegExp('\&sect\;', 'g'), '§');
+
+                    // remove all entities except gt, lt and amp
+                    var entityRegex = /\&(?!gt|lt|amp)\w+\;/g, matchEntry, indexes = [];
+                    while ((matchEntry = entityRegex.exec(docx)) !== null) {
+                        indexes.push({
+                            startId: matchEntry.index,
+                            stopId: matchEntry.index + matchEntry[0].length
+                        });
+                    }
+                    for (var i = indexes.length - 1; i>=0; i--) {
+                        docx = docx.substring(0, indexes[i].startId) + docx.substring(indexes[i].stopId, docx.length);
+                    }
+                };
+
+                var parse = function () {
+                    if (html.substring(0,3) != '<p>') {
+                        docx += '<w:p>';
+                        skipFirstParagraphClosing = false;
+                    }
+                    html = html.split(/(<|>)/g);
+                    // remove whitespaces and > brackets. Leave < brackets in there to check, whether
+                    // the following string is a tag or text.
+                    html = _.filter(html, function (part) {
+                        var skippedCharsRegex = new RegExp('^([\s\n\r]|>)*$', 'gm');
+                        return !skippedCharsRegex.test(part);
+                    });
+
+                    for (var i = 0; i < html.length; i++) {
+                        if (html[i] === '<') {
+                            i++;
+                            handleTag(html[i]);
+                        } else {
+                            handleText(html[i]);
+                        }
+                    }
+                    // for finishing close the last paragraph (if open)
+                    if (inParagraph) {
+                        docx += '</w:p>';
+                    }
+
+                    replaceEntities();
+
+                    return docx;
+                };
+
+                return parse();
+            };
+
+            // return a wrapper function for html2docx, that fetches all the images.
+            converter.html2docx = function (html) {
+                var imageSources = _.map($(html).find('img'), function (element) {
+                    return element.getAttribute('src');
+                });
+                // Don't get images multiple times; just if the converter has not seen them befor.
+                imageSources = _.filter(imageSources, function (src) {
+                    return !converter.imageMap[src];
+                });
+                return $q(function (resolve) {
+                    ImageConverter.toBase64(imageSources).then(function (_imageMap) {
+                        _.forEach(_imageMap, function (value, key) {
+                            converter.imageMap[key] = value;
+                        });
+                        var docx = html2docx(html);
+                        resolve(docx);
+                    });
+                });
+            };
+
+            converter.updateZipFile = function (zip) {
+                var updateRelationships = function (oldContent) {
+                    var content = oldContent.split('\n');
+                    _.forEach(converter.relationships, function (relationship) {
+                        content[1] += '<Relationship';
+                        _.forEach(relationship, function (value, key) {
+                            content[1] += ' ' + key + '="' + value + '"';
+                        });
+                        content[1] += '/>';
+                    });
+                    return content.join('\n');
+                };
+                var updateContentTypes = function (oldContent) {
+                    var content = oldContent.split('\n');
+                    _.forEach(converter.contentTypes, function (type) {
+                        content[1] += '<Override';
+                        _.forEach(type, function (value, key) {
+                            content[1] += ' ' + key + '="' + value + '"';
+                        });
+                        content[1] += '/>';
+                    });
+                    return content.join('\n');
+                };
+                // update relationships from 'relationships'
+                var relationships = updateRelationships(zip.file('word/_rels/document.xml.rels').asText());
+                zip.file('word/_rels/document.xml.rels', relationships);
+
+                // update content type from 'contentTypes'
+                var contentTypes = updateContentTypes(zip.file('[Content_Types].xml').asText());
+                zip.file('[Content_Types].xml', contentTypes);
+
+                converter.documentImages = _.uniqBy(converter.documentImages, 'src');
+                _.forEach(converter.documentImages, function (image) {
+                    var dataUrl = converter.imageMap[image.src].data;
+                    var base64 = dataUrl.split(',')[1];
+                    zip.file(image.zipPath, base64, {base64: true});
+                });
+                return zip;
+            };
+
+            return converter;
+        };
+
+        return {
+            createInstance: createInstance,
+        };
+    }
+]);
+
+})();

openslides/core/static/js/core/pdf.js

@@ -143,8 +143,8 @@ angular.module('OpenSlidesApp.core.pdf', [])
     '$q',
     'Config',
     'PDFLayout',
-    'PdfImageConverter',
+    'ImageConverter',
-    function($q, Config, PDFLayout, PdfImageConverter) {
+    function($q, Config, PDFLayout, ImageConverter) {
         /**
          * Provides the global document
          * @constructor
@@ -328,7 +328,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
                     logoHeaderUrl,
                     logoFooterUrl
                 ];
-                PdfImageConverter.toBase64(imageSources).then(function (_imageMap) {
+                ImageConverter.toBase64(imageSources).then(function (_imageMap) {
                     imageMap = _imageMap;
                     resolve({
                         getDocument: getDocument
@@ -948,7 +948,7 @@ angular.module('OpenSlidesApp.core.pdf', [])
     }
 ])
 
-.factory('PdfImageConverter', [
+.factory('ImageConverter', [
     '$q',
     'PDFLayout',
     function ($q, PDFLayout) {

openslides/motions/static/js/motions/docx.js

@@ -2,24 +2,28 @@
 
 'use strict';
 
-angular.module('OpenSlidesApp.motions.docx', [])
+angular.module('OpenSlidesApp.motions.docx', ['OpenSlidesApp.core.docx'])
 
 .factory('MotionDocxExport', [
     '$http',
     '$q',
+    'operator',
     'Config',
     'Category',
     'gettextCatalog',
     'FileSaver',
     'lineNumberingService',
-    function ($http, $q, Config, Category, gettextCatalog, FileSaver, lineNumberingService) {
+    'Html2DocxConverter',
+    function ($http, $q, operator, Config, Category, gettextCatalog, FileSaver, lineNumberingService, Html2DocxConverter) {
 
         var PAGEBREAK = '<w:p><w:r><w:br w:type="page" /></w:r></w:p>';
-        var TAGS_NO_PARAM = ['b', 'strong', 'em', 'i'];
+        /*var TAGS_NO_PARAM = ['b', 'strong', 'em', 'i'];
 
         var images;
         var relationships;
-        var contentTypes;
+        var contentTypes; */
+
+        var converter;
 
         var getData = function (motions, params) {
             var data = {};
@@ -48,11 +52,15 @@ angular.module('OpenSlidesApp.motions.docx', [])
 
             // motions
             data.tableofcontents_translation = gettextCatalog.getString('Table of contents');
-            data.motions = getMotionFullData(motions, params);
             data.motions_list = getMotionShortData(motions);
             data.no_motions = gettextCatalog.getString('No motions available.');
 
-            return data;
+            return $q(function (resolve) {
+                getMotionFullData(motions, params).then(function (motionData) {
+                    data.motions = motionData;
+                    resolve(data);
+                });
+            });
         };
 
         var getCategoriesData = function (categories) {
@@ -74,289 +82,95 @@ angular.module('OpenSlidesApp.motions.docx', [])
         };
 
         var getMotionFullData = function (motions, params) {
+            // All translations
             var translation = gettextCatalog.getString('Motion'),
                 sequential_translation = gettextCatalog.getString('Sequential number'),
                 submitters_translation = gettextCatalog.getString('Submitters'),
                 status_translation = gettextCatalog.getString('Status'),
                 reason_translation = gettextCatalog.getString('Reason'),
-                data = _.map(motions, function (motion) {
+                comment_translation = gettextCatalog.getString('Comments');
+            // promises for create the actual motion data
+            var promises = _.map(motions, function (motion) {
                 var text = motion.getTextByMode(params.changeRecommendationMode, null, null, false);
                 var reason = params.includeReason ? motion.getReason() : '';
-                    return {
+                var comments = params.includeComments ? getMotionComments(motion) : [];
+
+                // Data for one motions. Must include translations, ...
+                var motionData = {
+                    // Translations
                     motion_translation: translation,
                     sequential_translation: sequential_translation,
+                    submitters_translation: submitters_translation,
+                    reason_translation: reason.length === 0 ? '' : reason_translation,
+                    status_translation: status_translation,
+                    comment_translation: comments.length === 0 ? '' : comment_translation,
+                    // Actual data
                     id: motion.id,
                     identifier: motion.identifier,
                     title: motion.getTitle(),
-                        submitters_translation: submitters_translation,
                     submitters: _.map(motion.submitters, function (submitter) {
                                     return submitter.get_full_name();
                                 }).join(', '),
-                        status_translation: status_translation,
                     status: motion.getStateName(),
+                    // Miscellaneous stuff
                     preamble: gettextCatalog.getString(Config.get('motions_preamble').value),
-                        text: html2docx(text),
-                        reason_translation: reason.length === 0 ? '' : reason_translation,
-                        reason: html2docx(reason),
                     pagebreak: PAGEBREAK,
                 };
+                // converting html to docx is async, so text, reason and comments are inserted here.
+                return $q(function (resolve) {
+                    var convertPromises = _.map(comments, function (comment) {
+                        return converter.html2docx(comment.comment).then(function (commentAsDocx) {
+                            comment.comment = commentAsDocx;
                         });
+                    });
+                    convertPromises.push(converter.html2docx(text).then(function (textAsDocx) {
+                        motionData.text = textAsDocx;
+                    }));
+                    convertPromises.push(converter.html2docx(reason).then(function (reasonAsDocx) {
+                        motionData.reason = reasonAsDocx;
+                    }));
+                    $q.all(convertPromises).then(function () {
+                        motionData.comments = comments;
+                        resolve(motionData);
+                    });
+                });
+            });
+            // resolve, if all motion data is fetched.
+            return $q(function (resolve) {
+                $q.all(promises).then(function (data) {
                     if (data.length) {
                         // clear pagebreak on last element
                         data[data.length - 1].pagebreak = '';
                     }
-            return data;
+                    resolve(data);
+                });
+            });
         };
 
-        var html2docx = function (html) {
+        var getMotionComments = function (motion) {
-            var docx = '';
+            var fields = Config.get('motions_comments').value;
-            var stack = [];
+            var canSeeComment = function (index) {
-
+                return fields[index].public || operator.hasPerms('motions.can_manage');
-            var isTag = false; // Even if html starts with '<p....' it is split to '', '<', ..., so always no tag at the beginning
-            var hasParagraph = true;
-            var skipFirstParagraphClosing = true;
-            if (html.substring(0,3) != '<p>') {
-                docx += '<w:p>';
-                skipFirstParagraphClosing = false;
-            }
-            html = html.split(/(<|>)/g);
-
-            html.forEach(function (part) {
-                if (part !== '' && part != '\n' && part != '<' && part != '>') {
-                    if (isTag) {
-                        if (part.startsWith('p')) { /** p **/
-                            // Special: begin new paragraph (only if its the first):
-                            if (hasParagraph && !skipFirstParagraphClosing) {
-                                // End, if there is one
-                                docx += '</w:p>';
-                            }
-                            skipFirstParagraphClosing = false;
-                            docx += '<w:p>';
-                            hasParagraph = true;
-                        } else if (part.startsWith('/p')) {
-                            // Special: end paragraph:
-                            docx += '</w:p>';
-                            hasParagraph = false;
-
-                        } else if (part.charAt(0) == "/") {
-                            // remove from stack
-                            stack.pop();
-                        } else { // now all other tags
-                            var tag = {};
-                            if (_.indexOf(TAGS_NO_PARAM, part) > -1) { /** b, strong, em, i **/
-                                stack.push({tag: part});
-                            } else if (part.startsWith('span')) { /** span **/
-                                tag = {tag: 'span', attrs: {}};
-                                var rStyle = /(?:\"|\;\s?)([a-zA-z\-]+)\:\s?([a-zA-Z0-9\-\#]+)/g, matchSpan;
-                                while ((matchSpan = rStyle.exec(part)) !== null) {
-                                    switch (matchSpan[1]) {
-                                        case 'color':
-                                                tag.attrs.color = matchSpan[2].slice(1); // cut off the #
-                                            break;
-                                        case 'background-color':
-                                                tag.attrs.backgroundColor = matchSpan[2].slice(1); // cut off the #
-                                            break;
-                                        case 'text-decoration':
-                                            if (matchSpan[2] === 'underline') {
-                                                tag.attrs.underline = true;
-                                            } else if (matchSpan[2] === 'line-through') {
-                                                tag.attrs.strike = true;
-                                            }
-                                            break;
-                                    }
-                                }
-                                stack.push(tag);
-                            } else if (part.startsWith('a')) { /** a **/
-                                var rHref = /href="([^"]+)"/g;
-                                var href = rHref.exec(part)[1];
-                                tag = {tag: 'a', href: href};
-                                stack.push(tag);
-                            } else if (part.startsWith('img')) {
-                                // images has to be placed instantly, so there is no use of 'tag'.
-                                var img = {}, rImg = /(\w+)=\"([^\"]*)\"/g, matchImg;
-                                while ((matchImg = rImg.exec(part)) !== null) {
-                                    img[matchImg[1]] = matchImg[2];
-                                }
-
-                                // With and height and source have to be given!
-                                if (img.width && img.height && img.src) {
-                                    var rrId = relationships.length + 1;
-                                    var imgId = images.length + 1;
-
-                                    // set name ('pic.jpg'), title, ext ('jpg'), mime ('image/jpeg')
-                                    img.name = img.src.split('/');
-                                    img.name = _.last(img.name);
-
-                                    var tmp = img.name.split('.');
-                                    // set name without extension as title if there isn't a title
-                                    if (!img.title) {
-                                        img.title = tmp[0];
-                                    }
-                                    img.ext = tmp[1];
-
-                                    img.mime = 'image/' + img.ext;
-                                    if (img.ext == 'jpe' || img.ext == 'jpg') {
-                                        img.mime = 'image/jpeg';
-                                    }
-
-                                    // x and y for the container and picture size in EMU (assuming 96dpi)!
-                                    var x = img.width * 914400 / 96;
-                                    var y = img.height * 914400 / 96;
-
-                                    // Own paragraph for the image
-                                    if (hasParagraph) {
-                                        docx += '</w:p>';
-                                    }
-                                    docx += '<w:p><w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extend cx="' + x +'" cy="' + y + '"/><wp:effectExtent l="0" t="0" r="0" b="0"/>' +
-                                        '<wp:docPr id="' + imgId + '" name="' + img.name + '" title="' + img.title + '" descr="' + img.title + '"/><wp:cNvGraphicFramePr>' +
-                                        '<a:graphicFrameLocks xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" noChangeAspect="1"/></wp:cNvGraphicFramePr>' +
-                                        '<a:graphic xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"><a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture">' +
-                                        '<pic:pic xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:nvPicPr><pic:cNvPr id="' + imgId + '" name="' +
-                                        img.name + '" title="' + img.title + '" descr="' + img.title + '"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="rrId' + rrId + '"/><a:stretch>' +
-                                        '<a:fillRect/></a:stretch></pic:blipFill><pic:spPr bwMode="auto"><a:xfrm><a:off x="0" y="0"/><a:ext cx="' + x + '" cy="' + y + '"/></a:xfrm>' +
-                                        '<a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing></w:r></w:p>';
-
-                                    // hasParagraph stays untouched, the documents paragraph state is restored here
-                                    if (hasParagraph) {
-                                        docx += '<w:p>';
-                                    }
-
-                                    // entries in images, relationships and contentTypes
-                                    images.push({
-                                        url: img.src,
-                                        zipPath: 'word/media/' + img.name
-                                    });
-                                    relationships.push({
-                                        Id: 'rrId' + rrId,
-                                        Type: 'http://schemas.openxmlformats.org/officeDocument/2006/relationships/image',
-                                        Target: 'media/' + img.name
-                                    });
-                                    contentTypes.push({
-                                        PartName: '/word/media/' + img.name,
-                                        ContentType: img.mime
-                                    });
-                                }
-                            }
-                        }
-                    } else { /** No tag **/
-                        if (!hasParagraph) {
-                            docx += '<w:p>';
-                            hasParagraph = true;
-                        }
-                        var docx_part = '<w:r><w:rPr>';
-                        var hyperlink = false;
-                        stack.forEach(function (tag) {
-                            switch (tag.tag) {
-                                case 'b': case 'strong':
-                                    docx_part += '<w:b/><w:bCs/>';
-                                    break;
-                                case 'em': case 'i':
-                                        docx_part += '<w:i/><w:iCs/>';
-                                    break;
-                                case 'span':
-                                    for (var key in tag.attrs) {
-                                        switch (key) {
-                                            case 'color':
-                                                docx_part += '<w:color w:val="' + tag.attrs[key] + '"/>';
-                                                break;
-                                            case 'backgroundColor':
-                                                docx_part += '<w:shd w:fill="' + tag.attrs[key] + '"/>';
-                                                break;
-                                            case 'underline':
-                                                docx_part += '<w:u w:val="single"/>';
-                                                break;
-                                            case 'strike':
-                                                docx_part += '<w:strike/>';
-                                                break;
-                                        }
-                                    }
-                                    break;
-                                case 'a':
-                                    var id = relationships.length + 1;
-                                    docx_part = '<w:hyperlink r:id="rrId' + id + '">' + docx_part;
-                                    docx_part += '<w:rStyle w:val="Internetlink"/>'; // necessary?
-                                    relationships.push({
-                                        Id: 'rrId' + id,
-                                        Type: 'http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink',
-                                        Target: tag.href,
-                                        TargetMode: 'External'
-                                    });
-                                    hyperlink = true;
-                                    break;
-                            }
-                        });
-                        docx_part += '</w:rPr><w:t>' + part + '</w:t></w:r>';
-                        if (hyperlink) {
-                            docx_part += '</w:hyperlink>';
-                        }
-
-                        // append to docx
-                        docx += docx_part;
-                    }
-                    isTag = !isTag;
-                }
-                if (part === '' || part == '\n') {
-                    // just if two tags following eachother: <b><span> --> ...,'>', '', '<',...
-                    // or there is a line break between: <b>\n<span> --> ...,'>', '\n', '<',...
-                    isTag = !isTag;
-                }
-            });
-
-            // for finishing close the last paragraph (if open)
-            if (hasParagraph) {
-                docx += '</w:p>';
-            }
-
-            // replacing of special symbols:
-            docx = docx.replace(new RegExp('\&auml\;', 'g'), 'ä');
-            docx = docx.replace(new RegExp('\&uuml\;', 'g'), 'ü');
-            docx = docx.replace(new RegExp('\&ouml\;', 'g'), 'ö');
-            docx = docx.replace(new RegExp('\&Auml\;', 'g'), 'Ä');
-            docx = docx.replace(new RegExp('\&Uuml\;', 'g'), 'Ü');
-            docx = docx.replace(new RegExp('\&Ouml\;', 'g'), 'Ö');
-            docx = docx.replace(new RegExp('\&szlig\;', 'g'), 'ß');
-            docx = docx.replace(new RegExp('\&nbsp\;', 'g'), ' ');
-            docx = docx.replace(new RegExp('\&sect\;', 'g'), '§');
-
-            // remove all entities except gt, lt and amp
-            var rEntity = /\&(?!gt|lt|amp)\w+\;/g, matchEntry, indexes = [];
-            while ((matchEntry = rEntity.exec(docx)) !== null) {
-                indexes.push({
-                    startId: matchEntry.index,
-                    stopId: matchEntry.index + matchEntry[0].length
-                });
-            }
-            for (var i = indexes.length - 1; i>=0; i--) {
-                docx = docx.substring(0, indexes[i].startId) + docx.substring(indexes[i].stopId, docx.length);
-            }
-
-            return docx;
             };
-        var updateRelationships = function (oldContent) {
+            var comments = [];
-            var content = oldContent.split('\n');
+            for (var i = 0; i < fields.length; i++) {
-            relationships.forEach(function (rel) {
+                if (motion.comments[i] && canSeeComment(i)) {
-                content[1] += '<Relationship';
+                    var title = gettextCatalog.getString('Comment') + ' ' + fields[i].name;
-                for (var key in rel) {
+                    if (!fields[i].public) {
-                    content[1] += ' ' + key + '="' + rel[key] + '"';
+                        title += ' (' + gettextCatalog.getString('internal') + ')';
                     }
-                content[1] += '/>';
+                    comments.push({
+                        title: title,
+                        comment: motion.comments[i],
                     });
-            return content.join('\n');
-        };
-        var updateContentTypes = function (oldContent) {
-            var content = oldContent.split('\n');
-            contentTypes.forEach(function (type) {
-                content[1] += '<Override';
-                for (var key in type) {
-                    content[1] += ' ' + key + '="' + type[key] + '"';
                 }
-                content[1] += '/>';
+            }
-            });
+            return comments;
-            return content.join('\n');
         };
 
         return {
             export: function (motions, params) {
+                converter = Html2DocxConverter.createInstance();
                 if (!params) {
                     params = {};
                 }
@@ -364,40 +178,23 @@ angular.module('OpenSlidesApp.motions.docx', [])
                     filename: 'motions-export.docx',
                     changeRecommendationMode: Config.get('motions_recommendation_text_mode').value,
                     includeReason: true,
+                    includeComments: false,
                 });
                 if (!_.includes(['original', 'changed', 'agreed'], params.changeRecommendationMode)) {
                     params.changeRecommendationMode = 'original';
                 }
 
-                images = [];
-                relationships = [];
-                contentTypes = [];
                 $http.get('/motions/docxtemplate/').then(function (success) {
                     var content = window.atob(success.data);
                     var doc = new Docxgen(content);
 
-                    doc.setData(getData(motions, params));
+                    getData(motions, params).then(function (data) {
+                        doc.setData(data);
                         doc.render();
+
                         var zip = doc.getZip();
+                        zip = converter.updateZipFile(zip);
 
-                    // update relationships from 'relationships'
-                    var rels = updateRelationships(zip.file('word/_rels/document.xml.rels').asText());
-                    zip.file('word/_rels/document.xml.rels', rels);
-
-                    // update content type from 'contentTypes'
-                    var contentTypes = updateContentTypes(zip.file('[Content_Types].xml').asText());
-                    zip.file('[Content_Types].xml', contentTypes);
-
-                    var imgPromises = [];
-                    images.forEach(function (img) {
-                        imgPromises.push(
-                            $http.get(img.url, {responseType: 'arraybuffer'}).then(function (resolvedImage) {
-                                zip.file(img.zipPath, resolvedImage.data);
-                            })
-                        );
-                    });
-                    // wait for all images to be resolved
-                    $q.all(imgPromises).then(function () {
                         var out = zip.generate({type: 'blob'});
                         FileSaver.saveAs(out, params.filename);
                     });

openslides/motions/static/js/motions/pdf.js

@@ -10,12 +10,12 @@ angular.module('OpenSlidesApp.motions.pdf', ['OpenSlidesApp.core.pdf'])
     'gettextCatalog',
     'PDFLayout',
     'PdfMakeConverter',
-    'PdfImageConverter',
+    'ImageConverter',
     'HTMLValidizer',
     'Category',
     'Config',
     'Motion',
-    function($q, operator, gettextCatalog, PDFLayout, PdfMakeConverter, PdfImageConverter, HTMLValidizer, Category, Config, Motion) {
+    function($q, operator, gettextCatalog, PDFLayout, PdfMakeConverter, ImageConverter, HTMLValidizer, Category, Config, Motion) {
         /**
          * Provides the content as JS objects for Motions in pdfMake context
          * @constructor
@@ -354,7 +354,7 @@ angular.module('OpenSlidesApp.motions.pdf', ['OpenSlidesApp.core.pdf'])
             };
 
             return $q(function (resolve) {
-                PdfImageConverter.toBase64(getImageSources()).then(function (imageMap) {
+                ImageConverter.toBase64(getImageSources()).then(function (imageMap) {
                     converter = PdfMakeConverter.createInstance(imageMap);
                     resolve({
                         getContent: getContent,

openslides/motions/static/js/motions/site.js

@@ -733,7 +733,7 @@ angular.module('OpenSlidesApp.motions.site', [
                                     {name: gettextCatalog.getString('No'), value: false},
                                 ],
                             },
-                            hideExpression: "model.format !== 'pdf'",
+                            hideExpression: "model.format === 'csv'",
                         });
                     }
                 }