Error messages are displayed in the import modal

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+** 2.2.0
+
+* Error messages are displayed in the import modal.
+
 ** 2.1.6
 
 * Updates eslint test.

index.js

@@ -391,6 +391,9 @@ module.exports = {
             $inc: {
               errors: 1,
               processed: 1
+            },
+            $addToSet: {
+              errorMessages: err
             }
           }, callback);
         } else {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "apostrophe-pieces-import",
-  "version": "2.1.6",
+  "version": "2.2.0",
   "description": "Import pieces from CSV, TSV, Excel and formats you add yourself as pieces in Apostrophe, with a nice UI",
   "main": "index.js",
   "scripts": {

public/css/user.less

@@ -41,19 +41,24 @@
       background-color: @apos-primary;
     }
 
+    .apos-pieces-import-error-message
+    {
+      list-style-type: disc;
+    }
+
     input
     {
       background-color: lighten(@apos-primary, 5%);
       display: inline-block;
       padding: 24px;
     }
-    
+
     h3
     {
       font-size: 24px;
       margin-bottom: 24px;
     }
-    
+
     table
     {
       td, th {
@@ -63,5 +68,5 @@
     }
 
   }
-  
+
 }

views/importProgress.html

@@ -7,6 +7,16 @@ <h3>{{ __('Import finished') }}</h3>
     <tr class="{{ 'apos-pieces-import-errors' if data.errors }}">
       <th>{{ __('Errors') }}</th><td>{{ data.errors }}</td>
     </tr>
+    <tr class="{{ 'apos-pieces-import-errors' if data.errors }}">
+      <th>{{ __('Error Messages') }}</th>
+      <td>
+        <ul>
+        {% for message in data.errorMessages %}
+          <li class="apos-pieces-import-error-message">{{ message }}</li>
+        {% endfor %}
+        <ul>
+      </td>
+    </tr>
   </table>
 {% elif data.failed %}
   <h3 class="apos-pieces-import-failed">{{ __('Import failed, the file is most likely not in a supported format') }}</h3>