import/export refactorign

src/public/javascripts/dialogs/import.js

@@ -1,10 +1,12 @@
 import treeService from '../services/tree.js';
-import exportService from "../services/export.js";
 import treeUtils from "../services/tree_utils.js";
+import server from "../services/server.js";
+import infoService from "../services/info.js";
 
 const $dialog = $("#import-dialog");
 const $form = $("#import-form");
 const $noteTitle = $dialog.find(".note-title");
+const $fileUploadInput = $("#import-file-upload-input");
 
 async function showDialog() {
     glob.activeDialog = $dialog;
@@ -18,13 +20,44 @@ async function showDialog() {
 $form.submit(() => {
     const currentNode = treeService.getCurrentNode();
 
-    exportService.importIntoNote(currentNode.data.noteId).then(() => {
-        $dialog.modal('hide');
-    });
+    importIntoNote(currentNode.data.noteId);
 
     return false;
 });
 
+function importIntoNote(importNoteId) {
+    const formData = new FormData();
+    formData.append('upload', $fileUploadInput[0].files[0]);
+
+    // this is done to reset the field otherwise triggering import same file again would not work
+    // https://github.com/zadam/trilium/issues/388
+    $fileUploadInput.val('');
+
+    $.ajax({
+        url: baseApiUrl + 'notes/' + importNoteId + '/import',
+        headers: server.getHeaders(),
+        data: formData,
+        dataType: 'json',
+        type: 'POST',
+        contentType: false, // NEEDED, DON'T REMOVE THIS
+        processData: false, // NEEDED, DON'T REMOVE THIS
+    })
+        .fail((xhr, status, error) => alert('Import error: ' + xhr.responseText))
+        .done(async note => {
+            $dialog.modal('hide');
+
+            infoService.showMessage("Import finished successfully.")
+
+            await treeService.reload();
+
+            if (note) {
+                const node = await treeService.activateNote(note.noteId);
+
+                node.setExpanded(true);
+            }
+        });
+}
+
 export default {
     showDialog
 }