From f4c4f2553bf827b2f0c1ecc1fff706e2aa2bf313 Mon Sep 17 00:00:00 2001
From: FinnStutzenstein <finn.stutzenstein@hotmail.de>
Date: Wed, 17 May 2017 09:44:55 +0200
Subject: [PATCH] Rework docx parser, add comments to docx

---
 CHANGELOG                                     |   1 +
 openslides/core/static/js/core/docx.js        | 356 ++++++++++++++++
 openslides/core/static/js/core/pdf.js         |   8 +-
 openslides/motions/static/js/motions/docx.js  | 393 +++++-------------
 openslides/motions/static/js/motions/pdf.js   |   6 +-
 openslides/motions/static/js/motions/site.js  |   2 +-
 .../static/templates/docx/motions.docx        | Bin 7506 -> 7609 bytes
 7 files changed, 460 insertions(+), 306 deletions(-)
 create mode 100644 openslides/core/static/js/core/docx.js

diff --git a/CHANGELOG b/CHANGELOG
index 565331646..2c372ed82 100644
--- a/CHANGELOG
+++ b/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,
diff --git a/openslides/core/static/js/core/docx.js b/openslides/core/static/js/core/docx.js
new file mode 100644
index 000000000..7ec74b3bd
--- /dev/null
+++ b/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,
+        };
+    }
+]);
+
+})();
diff --git a/openslides/core/static/js/core/pdf.js b/openslides/core/static/js/core/pdf.js
index 2c10ad50d..d96286ab7 100644
--- a/openslides/core/static/js/core/pdf.js
+++ b/openslides/core/static/js/core/pdf.js
@@ -143,8 +143,8 @@ angular.module('OpenSlidesApp.core.pdf', [])
     '$q',
     'Config',
     'PDFLayout',
-    'PdfImageConverter',
-    function($q, Config, PDFLayout, PdfImageConverter) {
+    'ImageConverter',
+    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) {
diff --git a/openslides/motions/static/js/motions/docx.js b/openslides/motions/static/js/motions/docx.js
index ed262dd15..46b2803b9 100644
--- a/openslides/motions/static/js/motions/docx.js
+++ b/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) {
-                    var text = motion.getTextByMode(params.changeRecommendationMode, null, null, false);
-                    var reason = params.includeReason ? motion.getReason() : '';
-                    return {
-                        motion_translation: translation,
-                        sequential_translation: sequential_translation,
-                        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(),
-                        preamble: gettextCatalog.getString(Config.get('motions_preamble').value),
-                        text: html2docx(text),
-                        reason_translation: reason.length === 0 ? '' : reason_translation,
-                        reason: html2docx(reason),
-                        pagebreak: PAGEBREAK,
-                    };
-                });
-            if (data.length) {
-                // clear pagebreak on last element
-                data[data.length - 1].pagebreak = '';
-            }
-            return data;
-        };
+                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() : '';
+                var comments = params.includeComments ? getMotionComments(motion) : [];
 
-        var html2docx = function (html) {
-            var docx = '';
-            var stack = [];
-
-            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;
-                            }
+                // 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: _.map(motion.submitters, function (submitter) {
+                                    return submitter.get_full_name();
+                                }).join(', '),
+                    status: motion.getStateName(),
+                    // Miscellaneous stuff
+                    preamble: gettextCatalog.getString(Config.get('motions_preamble').value),
+                    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;
                         });
-                        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
+                    });
+                    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);
+                    });
                 });
-            }
-            for (var i = indexes.length - 1; i>=0; i--) {
-                docx = docx.substring(0, indexes[i].startId) + docx.substring(indexes[i].stopId, docx.length);
-            }
+            });
+            // 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 = '';
+                    }
+                    resolve(data);
+                });
+            });
+        };
 
-            return docx;
-        };
-        var updateRelationships = function (oldContent) {
-            var content = oldContent.split('\n');
-            relationships.forEach(function (rel) {
-                content[1] += '<Relationship';
-                for (var key in rel) {
-                    content[1] += ' ' + key + '="' + rel[key] + '"';
+        var getMotionComments = function (motion) {
+            var fields = Config.get('motions_comments').value;
+            var canSeeComment = function (index) {
+                return fields[index].public || operator.hasPerms('motions.can_manage');
+            };
+            var comments = [];
+            for (var i = 0; i < fields.length; i++) {
+                if (motion.comments[i] && canSeeComment(i)) {
+                    var title = gettextCatalog.getString('Comment') + ' ' + fields[i].name;
+                    if (!fields[i].public) {
+                        title += ' (' + gettextCatalog.getString('internal') + ')';
+                    }
+                    comments.push({
+                        title: title,
+                        comment: motion.comments[i],
+                    });
                 }
-                content[1] += '/>';
-            });
-            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 content.join('\n');
+            }
+            return comments;
         };
 
         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));
-                    doc.render();
-                    var zip = doc.getZip();
+                    getData(motions, params).then(function (data) {
+                        doc.setData(data);
+                        doc.render();
 
-                    // update relationships from 'relationships'
-                    var rels = updateRelationships(zip.file('word/_rels/document.xml.rels').asText());
-                    zip.file('word/_rels/document.xml.rels', rels);
+                        var zip = doc.getZip();
+                        zip = converter.updateZipFile(zip);
 
-                    // 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);
                     });
diff --git a/openslides/motions/static/js/motions/pdf.js b/openslides/motions/static/js/motions/pdf.js
index e8ee416ce..8a68c1488 100644
--- a/openslides/motions/static/js/motions/pdf.js
+++ b/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,
diff --git a/openslides/motions/static/js/motions/site.js b/openslides/motions/static/js/motions/site.js
index 003f710d5..ec4469c84 100644
--- a/openslides/motions/static/js/motions/site.js
+++ b/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'",
                         });
                     }
                 }
diff --git a/openslides/motions/static/templates/docx/motions.docx b/openslides/motions/static/templates/docx/motions.docx
index 8367feae7672cf7b4860963f9444d089b9f6500f..4f773b9028e30aaa60461826c1b94c7bf79911d1 100644
GIT binary patch
delta 2514
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
VnK8%lCyxu@HAQ%itep6D_g^6Tk1_xN

delta 2443
zcmZ8jc{CJi8=tWaCSw~+hO!I>Etaff&o*(#k}^XvnHjQ0QNo=jCZuRES;J>5VNj7J
zTMOA~vW3r*k|mSn+8W0FO6Pp1d*6S4zw?~mdEe(ezvp?*TaS8gDCB6z%>xDS^Ya6~
zVU9l)5(aYrz^cPQm0twS1^Y#a+_Aq1i{~+DUz2g5Wj{i9gD6sP?m^?a&>K^g8r5@_
zX+cjD4JV{4&)=-zp9v*DFh}2SixtyJxkHC?mQhfv&MQP4r|f{2(sIKwMu+=nQE^gD
z;gN7=pU{`+C)d3V+Rv9!3AFDBk6uQ<>oV=_SsPpE&h2Ngeg^6Yqqf+z3Fkom@=)|1
z2_)jBNzzuIU8T5Om%o>!f9H04CO*n&4SRxQZf2D2$v79?&v5J_`i<AW)3ggd5D5Gv
znzGX2S|gb`M;L9o6h;iOPv#+8*@|6wcWE<`BJMO0G(jBH`E=uTW?T%w#?plbmlu=L
zz|=;)5-d)#%}Q7bsh)&AEA2R^mv(ywNX&n$`8YZ9_(=-TsJJ1fmftDbu6pRNcP7DU
z%6v!HvaoRZ8#&5d1OdxIrTZNXJuA+tJ}XA$HRNH4!>Y>Kqq(w-%b%TXc>s$@7UOgW
zZ~FJJ#Vn$!lu^Tx&$4Yf8|!?`%ngWh57<DUh%j1;Lv(OA<xR9ri<vD6$$cL_4YfT`
z@^Sse3q{IE@UHRQhmNe*ibU_;Ro8W&F<c%NS+X*M4QT2un&_R<&W~%>a}%<u*V^(a
zVE6TbYQT}#^ApY^l^j~o3aWb*ljw;8(q`l*`V3&=8jq4@vwdoalUinKOD2xPe5AhV
z%cq+q&t=J5lQ5wZWOp3q5ENnFQijb6PEgodpuA1XU)IqjpvKaBNMlOjd4EZ5g2#75
zZnwTaDOL$n!Mgl0)fw-MS2b{SO8;8SW+{q_wId*+sY0@@L*$b|5{)<iD=je%TFAb6
zL-S6q%)s2Dx8CZ)UF+dVsnK+~tIz!&D|B%QV<7|VukTt(OKyMYgX8OXd}sO@j2Shq
z9tvaj%C}E6M6<^+6^!s++#9D#Q<F~3u;3$Jqo;^y^SdnDEFk4B$E%KvZv}ZK-Nbuz
z51dWi9JMTmVL!Orxuw5(ymk!eqkJ(&Xg1fn_|J&Ycn5nzSY!dxyJzn@;cZU?c_Trl
z&0PJ#^F#^EHC?JUtNL!6j~ohwwjaOvoI*YKAmEzc=u!eE0;6pL-VH15u?!8f9$p<A
z1sR^{E89v9^}W%FYFG!Gy_P0xNgpVW#_Sy(lRYP5*na}}^g@nE=yj04eqP3~$0^B!
zu;-RVSb_LRIhSkPMsLD>S70Qw@~zSTSSxD$&EDRs0c_Totc1p@a=3kkpAczEU6gs_
z-WcBo!{BFvVcZ|ike2-LCc!gh;}YlkVM9nx1@6Ha4_fRe^Z1L1hp}2b$+7aedpZuD
zx_SQ53!GZ7`jUJ65<=V-K>u70j&H0GwrZhV2|=m1NnDW^)Hj)`7{3Z;+eo(R7*|Co
zIO{2hsX1TW%o#?Mp64skb-~q9D7Q*yq3(PI6}DfRYrEGCLd6zR2DFa+-SFg)7PnH$
z!dK!H4c216=q>uEQ6S5!WMIkuGrkxQxJjdCaSAhgg~@C0i42uXa_sWW!hYj6ziQ8t
z>}3Ov&89l5e|L|hERwS!4E7iouLhMc145?CCLkLQX?^H0E!ctfiDXqu@HkvL<grtK
znkS+;mE~a11_`W9QYWtEm%#*{in%vTzljS>r*2GF>g5@H+1_JS&K&dZo|&vL-qMg3
zSV9X)c<~GjDnT^bpT>3L4uX&|29MroN34dJ`e0vX1Sls}S?j<f33(r_ZoKCzWk_yC
zSWWATZwT-XM(r@`Om!);c+U}LLk9yu>W&R?z?%4hyL_+)$RxC<@x{Py>n1HnRs^d4
z)a(~0`)BO?)~;?J<x;xTXi!n-!_mj|={h>Lvm@ET!Rq==NZM}KP_M~fgSl(@RqIkz
zutJmLDmkTG#iCUzg3SC1!K}$>$XE5Y!y9%B!r8)(b|8LLSR0&jnHK<%lm!6(vC*qY
zP+qQ|>zW=YiJ)A1ts!Ey#kter1%@Ey?#L9H3`#gBXIX?L`wPdHZOf0#ZSO$j9^zal
zdvg49P=~5EMngvhEC&11h=!eLzO#l815c;)F9tRuaQ3g&m<C{_dNYLo-piU-;r!^6
zJxO>1dhGu0o%cw04F$}*nt7RX8VdObgs#R>(^eKgGbuO!2u+&<3(oPJjgsCuWc#gk
zNR=a1n%&qZ6*knSNUIV|ShnQqoA<=kBVL?>PaD)kzRGP}u7(Qez1Cx+UhW)??o+Ay
zdN8osIQMJiY=H-KblM`(VH+5p^XhZqT;aFD>u={p+G`4;I-W)z|1ilL!%k*Kwt2XT
z-m>48Z$z32T7x2{Sy%l`8<TD$zYKgVkD^{MKViNtDSj!r$&y+5;BT&<<@}g&K^Or9
z0C>3mRZTimN`aE<eBObo0VQv_CN-Z_?H&}t$M+f6x3(Tk40_%~IOCR810QdxeThH4
zH8XC!m7TjY6i}0X<_R~!s{D#&0gN{f+Z&@6vi{8NRxR?$JvB_3oB2Hmp2?`|%D~_P
zr#lCw6U6b{K}7*wq4#wA7NCS~UAdCPMvL$(=i%s_ILf2etY^pFxG*!@(ssf3PupDf
zhb=NiWse%bk8TXR<N$qOYDsz7Z3u<!qO16#rtLgJ-+kvgYV6(jQ8Gi3>ed$qPB>{V
z6g5+#r_yNs6OZ#9S*5T%1(a@z7WW`fxY2wp9iB1L$@%lSnUxs*frhetW`%7wrr0;7
z(Pw*Phcf(x=6||+NnksJO0vE<7xaN{Dt5@#CDpxUCHka3WgbB&H6~e=yR!=`c~=^!
zTXjir!<6>_wphO~hWl#FtHD3SZ!SxqT|;jLj$GSW73kSeOnljnsS{+ci|l=;wdwt|
zz;s?`-t&hA<NvncR8_=5@~?jfTUvL&v$f$i`$&cx?PDX{cprD+hWltBgM$2+fK#gf
z9};@BjHdd}P-^h*k**)lXz~F7B7olyM;rhM3%Wu)?i~~qO1~f@e)y;U_s;mIo|i5n
kdw5^-d+MUUUkUJ`V`Sy_Q@Sh*2lCPrWtI7EN&l4m58WSFg8%>k