improve ui and translations, separate export form sending

1.vim

@@ -28,10 +28,10 @@ nnoremap \1 :call SN("1")
 nmap \rn <Plug>(coc-rename)
 xmap gx <Plug>NetrwBrowseXVis
 nmap gx <Plug>NetrwBrowseX
-snoremap <C-R> "_c
-snoremap <silent> <C-H> c
-snoremap <silent> <Del> c
 snoremap <silent> <BS> c
+snoremap <silent> <Del> c
+snoremap <silent> <C-H> c
+snoremap <C-R> "_c
 nnoremap <silent> <Plug>GitGutterPreviewHunk :call gitgutter#utility#warn('Please change your map <Plug>GitGutterPreviewHunk to <Plug>(GitGutterPreviewHunk)')
 nnoremap <silent> <Plug>(GitGutterPreviewHunk) :GitGutterPreviewHunk
 nnoremap <silent> <Plug>GitGutterUndoHunk :call gitgutter#utility#warn('Please change your map <Plug>GitGutterUndoHunk to <Plug>(GitGutterUndoHunk)')
@@ -139,6 +139,8 @@ set smarttab
 set suffixes=.bak,~,.swp,.o,.info,.aux,.log,.dvi,.bbl,.blg,.brf,.cb,.ind,.idx,.ilg,.inx,.out,.toc
 set updatetime=500
 set window=24
+set winminheight=0
+set winminwidth=0
 let s:so_save = &g:so | let s:siso_save = &g:siso | setg so=0 siso=0 | setl so=-1 siso=-1
 let v:this_session=expand("<sfile>:p")
 silent only
@@ -152,15 +154,17 @@ if &shortmess =~ 'A'
 else
   set shortmess=aoO
 endif
-badd +132 src/Model/Global/fileTransferModel.ts
+badd +1 src/Model/Global/fileTransferModel.ts
-badd +0 src/Model/Utility/utility.ts
+badd +1 src/Model/Utility/utility.ts
 badd +1 src/View/Modals/dataTransferModal.tsx
-badd +669 src/View/translations.ts
+badd +1 src/View/translations.ts
 badd +133 src/View/homePage.tsx
+badd +0 src/ViewModel/Global/fileTransferViewModel.ts
 argglobal
 %argdel
 set stal=2
 tabnew +setlocal\ bufhidden=wipe
+tabnew +setlocal\ bufhidden=wipe
 tabrewind
 edit src/Model/Global/fileTransferModel.ts
 let s:save_splitbelow = &splitbelow
@@ -182,12 +186,12 @@ set winminheight=0
 set winheight=1
 set winminwidth=0
 set winwidth=1
-exe 'vert 1resize ' . ((&columns * 31 + 73) / 146)
+exe 'vert 1resize ' . ((&columns * 54 + 127) / 255)
-exe 'vert 2resize ' . ((&columns * 111 + 73) / 146)
+exe 'vert 2resize ' . ((&columns * 196 + 127) / 255)
-exe 'vert 3resize ' . ((&columns * 2 + 73) / 146)
+exe 'vert 3resize ' . ((&columns * 3 + 127) / 255)
 argglobal
 enew
-file NERD_tree_tab_2
+file NERD_tree_tab_1
 balt src/Model/Global/fileTransferModel.ts
 let s:cpo_save=&cpo
 set cpo&vim
@@ -211,6 +215,14 @@ nnoremap <buffer> <silent> R :call nerdtree#ui_glue#invokeKeyMap("R")
 nnoremap <buffer> <silent> T :call nerdtree#ui_glue#invokeKeyMap("T")
 nnoremap <buffer> <silent> U :call nerdtree#ui_glue#invokeKeyMap("U")
 nnoremap <buffer> <silent> X :call nerdtree#ui_glue#invokeKeyMap("X")
+nmap <buffer> [c <Plug>(GitGutterPrevHunk)
+nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
+nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
+nmap <buffer> \hs <Plug>(GitGutterStageHunk)
+xmap <buffer> \hs <Plug>(GitGutterStageHunk)
+nmap <buffer> ]c <Plug>(GitGutterNextHunk)
+xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
+omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
 nnoremap <buffer> <silent> cd :call nerdtree#ui_glue#invokeKeyMap("cd")
 nnoremap <buffer> <silent> e :call nerdtree#ui_glue#invokeKeyMap("e")
 nnoremap <buffer> <silent> f :call nerdtree#ui_glue#invokeKeyMap("f")
@@ -218,6 +230,8 @@ nnoremap <buffer> <silent> go :call nerdtree#ui_glue#invokeKeyMap("go")
 nnoremap <buffer> <silent> gb :call nerdtree#ui_glue#invokeKeyMap("gb")
 nnoremap <buffer> <silent> gi :call nerdtree#ui_glue#invokeKeyMap("gi")
 nnoremap <buffer> <silent> gs :call nerdtree#ui_glue#invokeKeyMap("gs")
+xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
+omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
 nnoremap <buffer> <silent> i :call nerdtree#ui_glue#invokeKeyMap("i")
 nnoremap <buffer> <silent> m :call nerdtree#ui_glue#invokeKeyMap("m")
 nnoremap <buffer> <silent> o :call nerdtree#ui_glue#invokeKeyMap("o")
@@ -515,7 +529,7 @@ setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
 let &fdl = &fdl
-let s:l = 130 - ((13 * winheight(0) + 11) / 22)
+let s:l = 130 - ((0 * winheight(0) + 23) / 47)
 if s:l < 1 | let s:l = 1 | endif
 keepjumps exe s:l
 normal! zt
@@ -672,16 +686,16 @@ setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
 let &fdl = &fdl
-let s:l = 233 - ((10 * winheight(0) + 11) / 22)
+let s:l = 233 - ((0 * winheight(0) + 23) / 47)
 if s:l < 1 | let s:l = 1 | endif
 keepjumps exe s:l
 normal! zt
 keepjumps 233
 normal! 017|
 wincmd w
-exe 'vert 1resize ' . ((&columns * 31 + 73) / 146)
+exe 'vert 1resize ' . ((&columns * 54 + 127) / 255)
-exe 'vert 2resize ' . ((&columns * 111 + 73) / 146)
+exe 'vert 2resize ' . ((&columns * 196 + 127) / 255)
-exe 'vert 3resize ' . ((&columns * 2 + 73) / 146)
+exe 'vert 3resize ' . ((&columns * 3 + 127) / 255)
 tabnext
 edit src/View/translations.ts
 let s:save_splitbelow = &splitbelow
@@ -703,13 +717,12 @@ set winminheight=0
 set winheight=1
 set winminwidth=0
 set winwidth=1
-exe 'vert 1resize ' . ((&columns * 31 + 73) / 146)
+exe 'vert 1resize ' . ((&columns * 31 + 127) / 255)
-exe 'vert 2resize ' . ((&columns * 57 + 73) / 146)
+exe 'vert 2resize ' . ((&columns * 111 + 127) / 255)
-exe 'vert 3resize ' . ((&columns * 56 + 73) / 146)
+exe 'vert 3resize ' . ((&columns * 111 + 127) / 255)
 argglobal
 enew
 file NERD_tree_tab_3
-balt src/View/translations.ts
 let s:cpo_save=&cpo
 set cpo&vim
 nnoremap <buffer> <silent> <NL> :call nerdtree#ui_glue#invokeKeyMap("<C-j>")
@@ -747,9 +760,9 @@ nnoremap <buffer> <silent> go :call nerdtree#ui_glue#invokeKeyMap("go")
 nnoremap <buffer> <silent> gb :call nerdtree#ui_glue#invokeKeyMap("gb")
 nnoremap <buffer> <silent> gi :call nerdtree#ui_glue#invokeKeyMap("gi")
 nnoremap <buffer> <silent> gs :call nerdtree#ui_glue#invokeKeyMap("gs")
-nnoremap <buffer> <silent> i :call nerdtree#ui_glue#invokeKeyMap("i")
 xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
 omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+nnoremap <buffer> <silent> i :call nerdtree#ui_glue#invokeKeyMap("i")
 nnoremap <buffer> <silent> m :call nerdtree#ui_glue#invokeKeyMap("m")
 nnoremap <buffer> <silent> o :call nerdtree#ui_glue#invokeKeyMap("o")
 nnoremap <buffer> <silent> p :call nerdtree#ui_glue#invokeKeyMap("p")
@@ -1047,18 +1060,22 @@ setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
 let &fdl = &fdl
-let s:l = 116 - ((11 * winheight(0) + 11) / 22)
+let s:l = 123 - ((20 * winheight(0) + 23) / 47)
 if s:l < 1 | let s:l = 1 | endif
 keepjumps exe s:l
 normal! zt
-keepjumps 116
+keepjumps 123
-normal! 09|
+normal! 0
 wincmd w
 argglobal
 if bufexists(fnamemodify("src/View/Modals/dataTransferModal.tsx", ":p")) | buffer src/View/Modals/dataTransferModal.tsx | else | edit src/View/Modals/dataTransferModal.tsx | endif
 balt src/View/homePage.tsx
 let s:cpo_save=&cpo
 set cpo&vim
+imap <buffer> <nowait> <silent> <C-K> <Cmd>:call coc#snippet#jump(0, 0)
+imap <buffer> <nowait> <silent> <C-J> <Cmd>:call coc#snippet#jump(1, 0)
+smap <buffer> <nowait> <silent> <NL> <Cmd>:call coc#snippet#jump(1, 0)
+smap <buffer> <nowait> <silent>  <Cmd>:call coc#snippet#jump(0, 0)
 nmap <buffer> [c <Plug>(GitGutterPrevHunk)
 nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
 nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
@@ -1069,6 +1086,10 @@ xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
 omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
 xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
 omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+smap <buffer> <nowait> <silent> <C-K> <Cmd>:call coc#snippet#jump(0, 0)
+smap <buffer> <nowait> <silent> <C-J> <Cmd>:call coc#snippet#jump(1, 0)
+imap <buffer> <nowait> <silent> <NL> <Cmd>:call coc#snippet#jump(1, 0)
+imap <buffer> <nowait> <silent>  <Cmd>:call coc#snippet#jump(0, 0)
 let &cpo=s:cpo_save
 unlet s:cpo_save
 setlocal keymap=
@@ -1204,17 +1225,387 @@ setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
 let &fdl = &fdl
-let s:l = 117 - ((0 * winheight(0) + 11) / 22)
+let s:l = 31 - ((30 * winheight(0) + 23) / 47)
 if s:l < 1 | let s:l = 1 | endif
 keepjumps exe s:l
 normal! zt
-keepjumps 117
+keepjumps 31
-normal! 058|
+normal! $
 wincmd w
-2wincmd w
+3wincmd w
-exe 'vert 1resize ' . ((&columns * 31 + 73) / 146)
+exe 'vert 1resize ' . ((&columns * 31 + 127) / 255)
-exe 'vert 2resize ' . ((&columns * 57 + 73) / 146)
+exe 'vert 2resize ' . ((&columns * 111 + 127) / 255)
-exe 'vert 3resize ' . ((&columns * 56 + 73) / 146)
+exe 'vert 3resize ' . ((&columns * 111 + 127) / 255)
+tabnext
+edit src/ViewModel/Global/fileTransferViewModel.ts
+let s:save_splitbelow = &splitbelow
+let s:save_splitright = &splitright
+set splitbelow splitright
+wincmd _ | wincmd |
+vsplit
+1wincmd h
+wincmd w
+let &splitbelow = s:save_splitbelow
+let &splitright = s:save_splitright
+wincmd t
+let s:save_winminheight = &winminheight
+let s:save_winminwidth = &winminwidth
+set winminheight=0
+set winheight=1
+set winminwidth=0
+set winwidth=1
+exe 'vert 1resize ' . ((&columns * 31 + 127) / 255)
+exe 'vert 2resize ' . ((&columns * 223 + 127) / 255)
+argglobal
+enew
+file NERD_tree_tab_4
+balt src/ViewModel/Global/fileTransferViewModel.ts
+let s:cpo_save=&cpo
+set cpo&vim
+nnoremap <buffer> <silent> <NL> :call nerdtree#ui_glue#invokeKeyMap("<C-j>")
+nnoremap <buffer> <silent>  :call nerdtree#ui_glue#invokeKeyMap("<C-k>")
+nnoremap <buffer> <silent> ␍ :call nerdtree#ui_glue#invokeKeyMap("<CR>")
+nnoremap <buffer> <silent> ? :call nerdtree#ui_glue#invokeKeyMap("?")
+nnoremap <buffer> <silent> A :call nerdtree#ui_glue#invokeKeyMap("A")
+nnoremap <buffer> <silent> B :call nerdtree#ui_glue#invokeKeyMap("B")
+nnoremap <buffer> <silent> C :call nerdtree#ui_glue#invokeKeyMap("C")
+nnoremap <buffer> <silent> CD :call nerdtree#ui_glue#invokeKeyMap("CD")
+nnoremap <buffer> <silent> D :call nerdtree#ui_glue#invokeKeyMap("D")
+nnoremap <buffer> <silent> FL :call nerdtree#ui_glue#invokeKeyMap("FL")
+nnoremap <buffer> <silent> F :call nerdtree#ui_glue#invokeKeyMap("F")
+nnoremap <buffer> <silent> I :call nerdtree#ui_glue#invokeKeyMap("I")
+nnoremap <buffer> <silent> J :call nerdtree#ui_glue#invokeKeyMap("J")
+nnoremap <buffer> <silent> K :call nerdtree#ui_glue#invokeKeyMap("K")
+nnoremap <buffer> <silent> O :call nerdtree#ui_glue#invokeKeyMap("O")
+nnoremap <buffer> <silent> P :call nerdtree#ui_glue#invokeKeyMap("P")
+nnoremap <buffer> <silent> R :call nerdtree#ui_glue#invokeKeyMap("R")
+nnoremap <buffer> <silent> T :call nerdtree#ui_glue#invokeKeyMap("T")
+nnoremap <buffer> <silent> U :call nerdtree#ui_glue#invokeKeyMap("U")
+nnoremap <buffer> <silent> X :call nerdtree#ui_glue#invokeKeyMap("X")
+nmap <buffer> [c <Plug>(GitGutterPrevHunk)
+nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
+nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
+nmap <buffer> \hs <Plug>(GitGutterStageHunk)
+xmap <buffer> \hs <Plug>(GitGutterStageHunk)
+nmap <buffer> ]c <Plug>(GitGutterNextHunk)
+xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
+omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
+nnoremap <buffer> <silent> cd :call nerdtree#ui_glue#invokeKeyMap("cd")
+nnoremap <buffer> <silent> e :call nerdtree#ui_glue#invokeKeyMap("e")
+nnoremap <buffer> <silent> f :call nerdtree#ui_glue#invokeKeyMap("f")
+nnoremap <buffer> <silent> go :call nerdtree#ui_glue#invokeKeyMap("go")
+nnoremap <buffer> <silent> gb :call nerdtree#ui_glue#invokeKeyMap("gb")
+nnoremap <buffer> <silent> gi :call nerdtree#ui_glue#invokeKeyMap("gi")
+nnoremap <buffer> <silent> gs :call nerdtree#ui_glue#invokeKeyMap("gs")
+nnoremap <buffer> <silent> i :call nerdtree#ui_glue#invokeKeyMap("i")
+xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
+omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+nnoremap <buffer> <silent> m :call nerdtree#ui_glue#invokeKeyMap("m")
+nnoremap <buffer> <silent> o :call nerdtree#ui_glue#invokeKeyMap("o")
+nnoremap <buffer> <silent> p :call nerdtree#ui_glue#invokeKeyMap("p")
+nnoremap <buffer> <silent> q :call nerdtree#ui_glue#invokeKeyMap("q")
+nnoremap <buffer> <silent> r :call nerdtree#ui_glue#invokeKeyMap("r")
+nnoremap <buffer> <silent> s :call nerdtree#ui_glue#invokeKeyMap("s")
+nnoremap <buffer> <silent> t :call nerdtree#ui_glue#invokeKeyMap("t")
+nnoremap <buffer> <silent> u :call nerdtree#ui_glue#invokeKeyMap("u")
+nnoremap <buffer> <silent> x :call nerdtree#ui_glue#invokeKeyMap("x")
+nnoremap <buffer> <silent> <MiddleMouse> :call nerdtree#ui_glue#invokeKeyMap("<MiddleMouse>")
+nnoremap <buffer> <silent> <2-LeftMouse> :call nerdtree#ui_glue#invokeKeyMap("<2-LeftMouse>")
+nnoremap <buffer> <silent> <C-K> :call nerdtree#ui_glue#invokeKeyMap("<C-k>")
+nnoremap <buffer> <silent> <C-J> :call nerdtree#ui_glue#invokeKeyMap("<C-j>")
+nnoremap <buffer> <silent> <LeftRelease> <LeftRelease>:call nerdtree#ui_glue#invokeKeyMap("<LeftRelease>")
+let &cpo=s:cpo_save
+unlet s:cpo_save
+setlocal keymap=
+setlocal noarabic
+setlocal noautoindent
+setlocal backupcopy=
+setlocal balloonexpr=
+setlocal nobinary
+setlocal nobreakindent
+setlocal breakindentopt=
+setlocal bufhidden=hide
+setlocal nobuflisted
+setlocal buftype=nofile
+setlocal nocindent
+setlocal cinkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal cinoptions=
+setlocal cinscopedecls=public,protected,private
+setlocal cinwords=if,else,while,do,for,switch
+setlocal colorcolumn=
+setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
+setlocal commentstring=/*%s*/
+setlocal complete=.,w,b,u,t,i
+setlocal concealcursor=nvic
+setlocal conceallevel=2
+setlocal completefunc=
+setlocal nocopyindent
+setlocal cryptmethod=
+setlocal nocursorbind
+setlocal nocursorcolumn
+setlocal cursorline
+setlocal cursorlineopt=both
+setlocal define=
+setlocal dictionary=
+setlocal nodiff
+setlocal equalprg=
+setlocal errorformat=
+setlocal noexpandtab
+if &filetype != 'nerdtree'
+setlocal filetype=nerdtree
+endif
+setlocal fillchars=
+setlocal fixendofline
+setlocal foldcolumn=0
+setlocal nofoldenable
+setlocal foldexpr=0
+setlocal foldignore=#
+setlocal foldlevel=0
+setlocal foldmarker={{{,}}}
+setlocal foldmethod=manual
+setlocal foldminlines=1
+setlocal foldnestmax=20
+setlocal foldtext=foldtext()
+setlocal formatexpr=
+setlocal formatoptions=tcq
+setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
+setlocal formatprg=
+setlocal grepprg=
+setlocal iminsert=0
+setlocal imsearch=-1
+setlocal include=
+setlocal includeexpr=
+setlocal indentexpr=
+setlocal indentkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal noinfercase
+setlocal iskeyword=@,48-57,_,192-255
+setlocal keywordprg=
+setlocal nolinebreak
+setlocal nolisp
+setlocal lispoptions=
+setlocal lispwords=
+setlocal nolist
+setlocal listchars=
+setlocal makeencoding=
+setlocal makeprg=
+setlocal matchpairs=(:),{:},[:]
+setlocal nomodeline
+setlocal nomodifiable
+setlocal nrformats=bin,octal,hex
+set number
+setlocal nonumber
+setlocal numberwidth=4
+setlocal omnifunc=
+setlocal path=
+setlocal nopreserveindent
+setlocal nopreviewwindow
+setlocal quoteescape=\\
+setlocal readonly
+setlocal norelativenumber
+setlocal norightleft
+setlocal rightleftcmd=search
+setlocal noscrollbind
+setlocal scrolloff=-1
+setlocal shiftwidth=4
+setlocal noshortname
+setlocal showbreak=
+setlocal sidescrolloff=-1
+set signcolumn=yes
+setlocal signcolumn=yes
+setlocal nosmartindent
+setlocal nosmoothscroll
+setlocal softtabstop=0
+setlocal nospell
+setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
+setlocal spellfile=
+setlocal spelllang=en
+setlocal spelloptions=
+setlocal statusline=%{exists('b:NERDTree')?b:NERDTree.root.path.str():''}
+setlocal suffixesadd=
+setlocal noswapfile
+setlocal synmaxcol=3000
+if &syntax != 'nerdtree'
+setlocal syntax=nerdtree
+endif
+setlocal tabstop=8
+setlocal tagcase=
+setlocal tagfunc=
+setlocal tags=
+setlocal termwinkey=
+setlocal termwinscroll=10000
+setlocal termwinsize=
+setlocal textwidth=0
+setlocal thesaurus=
+setlocal thesaurusfunc=
+setlocal noundofile
+setlocal undolevels=-123456
+setlocal varsofttabstop=
+setlocal vartabstop=
+setlocal virtualedit=
+setlocal wincolor=
+setlocal nowinfixheight
+setlocal winfixwidth
+setlocal nowrap
+setlocal wrapmargin=0
+wincmd w
+argglobal
+balt src/View/translations.ts
+let s:cpo_save=&cpo
+set cpo&vim
+nmap <buffer> [c <Plug>(GitGutterPrevHunk)
+nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
+nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
+nmap <buffer> \hs <Plug>(GitGutterStageHunk)
+xmap <buffer> \hs <Plug>(GitGutterStageHunk)
+nmap <buffer> ]c <Plug>(GitGutterNextHunk)
+xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
+omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
+xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
+omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+let &cpo=s:cpo_save
+unlet s:cpo_save
+setlocal keymap=
+setlocal noarabic
+setlocal autoindent
+setlocal backupcopy=
+setlocal balloonexpr=
+setlocal nobinary
+setlocal nobreakindent
+setlocal breakindentopt=
+setlocal bufhidden=
+setlocal buflisted
+setlocal buftype=
+setlocal nocindent
+setlocal cinkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal cinoptions=
+setlocal cinscopedecls=public,protected,private
+setlocal cinwords=if,else,while,do,for,switch
+setlocal colorcolumn=
+setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
+setlocal commentstring=//\ %s
+setlocal complete=.,w,b,u,t,i
+setlocal concealcursor=
+setlocal conceallevel=0
+setlocal completefunc=
+setlocal nocopyindent
+setlocal cryptmethod=
+setlocal nocursorbind
+setlocal nocursorcolumn
+setlocal nocursorline
+setlocal cursorlineopt=both
+setlocal define=
+setlocal dictionary=
+setlocal nodiff
+setlocal equalprg=
+setlocal errorformat=%+A\ %#%f\ %#(%l\\,%c):\ %m,%C%m
+setlocal noexpandtab
+if &filetype != 'typescript'
+setlocal filetype=typescript
+endif
+setlocal fillchars=
+setlocal fixendofline
+setlocal foldcolumn=0
+setlocal foldenable
+setlocal foldexpr=0
+setlocal foldignore=#
+setlocal foldlevel=0
+setlocal foldmarker={{{,}}}
+setlocal foldmethod=manual
+setlocal foldminlines=1
+setlocal foldnestmax=20
+setlocal foldtext=foldtext()
+setlocal formatexpr=
+setlocal formatoptions=croql
+setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
+setlocal formatprg=
+setlocal grepprg=
+setlocal iminsert=0
+setlocal imsearch=-1
+setlocal include=
+setlocal includeexpr=
+setlocal indentexpr=GetTypescriptIndent()
+setlocal indentkeys=0{,0},0),0],:,0#,!^F,o,O,e,0],0)
+setlocal noinfercase
+setlocal iskeyword=@,48-57,_,192-255,$
+setlocal keywordprg=
+setlocal nolinebreak
+setlocal nolisp
+setlocal lispoptions=
+setlocal lispwords=
+setlocal nolist
+setlocal listchars=
+setlocal makeencoding=
+setlocal makeprg=tsc\ \ $*\ %
+setlocal matchpairs=(:),{:},[:]
+setlocal nomodeline
+setlocal modifiable
+setlocal nrformats=bin,octal,hex
+set number
+setlocal number
+setlocal numberwidth=4
+setlocal omnifunc=
+setlocal path=
+setlocal nopreserveindent
+setlocal nopreviewwindow
+setlocal quoteescape=\\
+setlocal noreadonly
+setlocal norelativenumber
+setlocal norightleft
+setlocal rightleftcmd=search
+setlocal noscrollbind
+setlocal scrolloff=-1
+setlocal shiftwidth=4
+setlocal noshortname
+setlocal showbreak=
+setlocal sidescrolloff=-1
+set signcolumn=yes
+setlocal signcolumn=yes
+setlocal nosmartindent
+setlocal nosmoothscroll
+setlocal softtabstop=0
+setlocal nospell
+setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
+setlocal spellfile=
+setlocal spelllang=en
+setlocal spelloptions=
+setlocal statusline=
+setlocal suffixesadd=.ts,.tsx
+setlocal swapfile
+setlocal synmaxcol=3000
+if &syntax != 'typescript'
+setlocal syntax=typescript
+endif
+setlocal tabstop=8
+setlocal tagcase=
+setlocal tagfunc=
+setlocal tags=
+setlocal termwinkey=
+setlocal termwinscroll=10000
+setlocal termwinsize=
+setlocal textwidth=0
+setlocal thesaurus=
+setlocal thesaurusfunc=
+setlocal noundofile
+setlocal undolevels=-123456
+setlocal varsofttabstop=
+setlocal vartabstop=
+setlocal virtualedit=
+setlocal wincolor=
+setlocal nowinfixheight
+setlocal nowinfixwidth
+setlocal wrap
+setlocal wrapmargin=0
+silent! normal! zE
+let &fdl = &fdl
+let s:l = 163 - ((34 * winheight(0) + 23) / 47)
+if s:l < 1 | let s:l = 1 | endif
+keepjumps exe s:l
+normal! zt
+keepjumps 163
+normal! $
+wincmd w
+exe 'vert 1resize ' . ((&columns * 31 + 127) / 255)
+exe 'vert 2resize ' . ((&columns * 223 + 127) / 255)
 tabnext 2
 set stal=1
 if exists('s:wipebuf') && len(win_findbuf(s:wipebuf)) == 0

dist/index.js

@@ -368,13 +368,18 @@
     },
     dataTransferModal: {
       transferDataHeadline: "Data Transfer",
+      sendHeadline: "Transfer to other device",
+      receiveHeadline: "Transfer to This Device",
+      exportHeadline: "Export Data",
+      importHeadline: "Import Data",
       selectionDescription: "Select the data that you want to transfer.",
       dataEntryDescription: "Enter this data on the other device.",
       dataEntryInputDescription: "Enter the data displayed on the other device.",
       notConnectedError: "You are not connected to any server.",
       ///
-      fromThisDeviceButton: "Export or send from this device",
+      fromThisDeviceButton: "Send to other device",
-      toThisDeviceButton: "Receive from other device",
+      toThisDeviceButton: "Send to this device",
+      exportButton: "Export to file",
       importButton: "Import from file",
       ///
       generalHeadline: "General",
@@ -588,12 +593,17 @@
       },
       dataTransferModal: {
         transferDataHeadline: "Daten\xFCbertragung",
+        sendHeadline: "An anderes Ger\xE4t senden",
+        receiveHeadline: "An dieses Ger\xE4t senden",
+        exportHeadline: "Daten exportieren",
+        importHeadline: "Daten importieren",
         selectionDescription: "W\xE4hle die Daten aus, die du \xFCbertragen m\xF6chtest.",
         dataEntryDescription: "Gib diese Informationen auf dem anderen Ger\xE4t ein.",
         dataEntryInputDescription: "Gib die auf dem anderen Ger\xE4t angezeigten Informationen ein.",
         notConnectedError: "Du bist mit keinem Server verbunden.",
-        fromThisDeviceButton: "Exportieren oder an anderes Ger\xE4t senden",
+        fromThisDeviceButton: "An anderes Ger\xE4t senden",
         toThisDeviceButton: "An dieses Ger\xE4t senden",
+        exportButton: "Als Datei exportieren",
         importButton: "Aus Datei importieren",
         generalHeadline: "Allgemein",
         connectionData: "Verbindungsdaten",
@@ -763,7 +773,7 @@
         setNameButtonAudioLabel: "establecer nombre",
         settingsButton: "Ajustes",
         manageStorageButton: "Gestionar almacenamiento",
-        transferDataButton: "Enviar o guardar archivos",
+        transferDataButton: "Enviar o exportar archivos",
         scrollToChatButton: "Chats",
         backToOverviewAudioLabel: "volver al resumen",
         chatsHeadline: "Chats",
@@ -791,14 +801,19 @@
         connectButtonAudioLabel: "conectar"
       },
       dataTransferModal: {
-        transferDataHeadline: "Transferencia de Datos",
+        transferDataHeadline: "Transferencia de datos",
+        sendHeadline: "Enviar a otro dispositivo",
+        receiveHeadline: "Enviar a este dispositivo",
+        exportHeadline: "Exportar archivo",
+        importHeadline: "Importar archivo",
         selectionDescription: "Selecciona los datos que quieres transferir.",
         dataEntryDescription: "Introduce estos datos en el otro dispositivo.",
         dataEntryInputDescription: "Introduce los datos mostrados en el otro dispositivo.",
         notConnectedError: "No est\xE1s conectado a ning\xFAn servidor.",
-        fromThisDeviceButton: "Exportar o enviar a otro dispositivo",
+        fromThisDeviceButton: "Enviar a otro dispositivo",
         toThisDeviceButton: "Enviar a este dispositivo",
-        importButton: "Importar desde archivo",
+        exportButton: "Exportar archivo",
+        importButton: "Importar archivo",
         generalHeadline: "General",
         connectionData: "Datos de Conexi\xF3n",
         settingsData: "Datos de Configuraci\xF3n",
@@ -1818,6 +1833,9 @@
       this.showTransferDataInputModal = () => {
         this.presentedModal.value = 4 /* TransferDataInput */;
       };
+      this.showImportModal = () => {
+        this.presentedModal.value = 6 /* ImportModal */;
+      };
       this.prepareReceivingData = () => {
         if (this.cannotPrepareToReceive.value == true) return;
         this.presentedModal.value = 5 /* ReceptionDisplay */;
@@ -6660,7 +6678,7 @@
       coreViewModel2,
       connectionViewModel2,
       fileTransferViewModel2
-    ), FileSelectionModal(coreViewModel2, fileTransferViewModel2), TransferDataDisplayModal(coreViewModel2, fileTransferViewModel2), TransferDisplayModal(coreViewModel2, fileTransferViewModel2), TransferDataInputModal(coreViewModel2, fileTransferViewModel2), DataReceptionModal(coreViewModel2, fileTransferViewModel2));
+    ), FileSelectionModal(coreViewModel2, fileTransferViewModel2), TransferDataDisplayModal(coreViewModel2, fileTransferViewModel2), TransferDisplayModal(coreViewModel2, fileTransferViewModel2), TransferDataInputModal(coreViewModel2, fileTransferViewModel2), DataReceptionModal(coreViewModel2, fileTransferViewModel2), ImportModal(coreViewModel2, fileTransferViewModel2));
   }
   function DirectionSelectionModal(coreViewModel2, connectionViewModel2, fileTransferViewModel2) {
     const isPresented = createProxyState(
@@ -6704,13 +6722,24 @@
         /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.dataTransferModal.toThisDeviceButton)),
         /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward")
       ),
+      /* @__PURE__ */ createElement("hr", null),
       /* @__PURE__ */ createElement(
         "button",
         {
           class: "tile",
-          "on:click": fileTransferViewModel2.showTransferDataInputModal
+          "on:click": fileTransferViewModel2.showImportModal
         },
-        /* @__PURE__ */ createElement("span", { class: "icon" }, "file_open"),
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "file_save"),
+        /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.dataTransferModal.exportButton)),
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward")
+      ),
+      /* @__PURE__ */ createElement(
+        "button",
+        {
+          class: "tile",
+          "on:click": fileTransferViewModel2.showImportModal
+        },
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "upload_file"),
         /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.dataTransferModal.importButton)),
         /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward")
       )
@@ -6743,7 +6772,7 @@
       [fileTransferViewModel2.presentedModal],
       () => fileTransferViewModel2.presentedModal.value == 1 /* FileSelection */
     );
-    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.transferDataHeadline), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.selectionDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("h3", null, coreViewModel2.translations.dataTransferModal.generalHeadline), /* @__PURE__ */ createElement(
+    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.sendHeadline), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.selectionDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("h3", null, coreViewModel2.translations.dataTransferModal.generalHeadline), /* @__PURE__ */ createElement(
       "div",
       {
         class: "flex-column gap content-margin-bottom",
@@ -6784,7 +6813,7 @@
       [fileTransferViewModel2.presentedModal],
       () => fileTransferViewModel2.presentedModal.value == 2 /* TransferDataDisplay */
     );
-    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.transferDataHeadline), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.dataEntryDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap content-margin-bottom" }, /* @__PURE__ */ createElement("div", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "forum"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.transferChannelHeadline), /* @__PURE__ */ createElement(
+    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.sendHeadline), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.dataEntryDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap content-margin-bottom" }, /* @__PURE__ */ createElement("div", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "forum"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.transferChannelHeadline), /* @__PURE__ */ createElement(
       "b",
       {
         "subscribe:innerText": fileTransferViewModel2.transferChannel
@@ -6794,7 +6823,14 @@
       {
         "subscribe:innerText": fileTransferViewModel2.transferKey
       }
-    ))))), /* @__PURE__ */ createElement("div", { class: "flex-row width-100" }, /* @__PURE__ */ createElement(
+    )))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement(
+      "button",
+      {
+        "on:click": null
+      },
+      coreViewModel2.translations.dataTransferModal.exportButton,
+      /* @__PURE__ */ createElement("span", { class: "icon" }, "download")
+    )), /* @__PURE__ */ createElement("div", { class: "flex-row width-100" }, /* @__PURE__ */ createElement(
       "button",
       {
         class: "flex",
@@ -6854,7 +6890,7 @@
       [fileTransferViewModel2.presentedModal],
       () => fileTransferViewModel2.presentedModal.value == 4 /* TransferDataInput */
     );
-    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.transferDataHeadline), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.dataEntryInputDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap content-margin-bottom" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "forum"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.transferChannelHeadline), /* @__PURE__ */ createElement(
+    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.receiveHeadline), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.dataEntryInputDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap content-margin-bottom" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "forum"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.dataTransferModal.transferChannelHeadline), /* @__PURE__ */ createElement(
       "input",
       {
         "on:enter": fileTransferViewModel2.prepareReceivingData,
@@ -6889,7 +6925,29 @@
       [fileTransferViewModel2.presentedModal],
       () => fileTransferViewModel2.presentedModal.value == 5 /* ReceptionDisplay */
     );
-    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.transferDataHeadline), /* @__PURE__ */ createElement(
+    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.receiveHeadline), /* @__PURE__ */ createElement(
+      "p",
+      {
+        class: "secondary",
+        "subscribe:innerText": fileTransferViewModel2.filesReceivedText
+      }
+    ), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement(
+      "div",
+      {
+        class: "tile flex-column align-start",
+        "children:append": [
+          fileTransferViewModel2.filePathsReceived,
+          StringToTextSpan
+        ]
+      }
+    )), /* @__PURE__ */ createElement("button", { "on:click": ViewController.reload }, coreViewModel2.translations.general.reloadAppButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "refresh"))));
+  }
+  function ImportModal(coreViewModel2, fileTransferViewModel2) {
+    const isPresented = createProxyState(
+      [fileTransferViewModel2.presentedModal],
+      () => fileTransferViewModel2.presentedModal.value == 6 /* ImportModal */
+    );
+    return /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isPresented }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.dataTransferModal.importHeadline), /* @__PURE__ */ createElement(
       "p",
       {
         class: "secondary",
@@ -7203,7 +7261,10 @@
         this.handleDecryptedFile(decrypted);
       };
       this.handleBackupFile = async (encryptedBackup, passphrase) => {
-        const decrypted = await decryptString(encryptedBackup, passphrase);
+        const decrypted = await decryptString(
+          encryptedBackup,
+          passphrase
+        );
         const parsed = parse(decrypted);
         if (!Array.isArray(parsed)) {
           console.error("Canceling backup - not an array", decrypted);

src/Model/Global/fileTransferModel.ts

@@ -82,18 +82,24 @@ export default class FileTransferModel {
         this.handleDecryptedFile(decrypted);
     };
 
-    readonly handleBackupFile = async (encryptedBackup: string, passphrase: string): Promise<void> => {
+    readonly handleBackupFile = async (
-	const decrypted: string = await decryptString(encryptedBackup, passphrase);
+        encryptedBackup: string,
-	const parsed = parse(decrypted);
+        passphrase: string,
-	if (!Array.isArray(parsed)) {
+    ): Promise<void> => {
-	    console.error("Canceling backup - not an array", decrypted);
+        const decrypted: string = await decryptString(
-	    return;
+            encryptedBackup,
-	}
+            passphrase,
+        );
+        const parsed = parse(decrypted);
+        if (!Array.isArray(parsed)) {
+            console.error("Canceling backup - not an array", decrypted);
+            return;
+        }
 
-	for (const file of parsed) {
+        for (const file of parsed) {
-	    this.handleDecryptedFile(file);
+            this.handleDecryptedFile(file);
-	}
+        }
-    }
+    };
 
     readonly handleDecryptedFile = (data: string): void => {
         const parsed: any = parse(data);
@@ -130,7 +136,10 @@ export default class FileTransferModel {
         }
     };
 
-    readonly generateBackup = async (directoryPaths: IteratorObject<string[]>, passphrase: string): Promise<string> => {
+    readonly generateBackup = async (
+        directoryPaths: IteratorObject<string[]>,
+        passphrase: string,
+    ): Promise<string> => {
         const files: string[] = [];
         for (const directoryPath of directoryPaths) {
             this.storageModel.recurse(directoryPath, (filePath: string[]) => {
@@ -139,8 +148,8 @@ export default class FileTransferModel {
                 files.push(stringifiedFileData);
             });
         }
-	const rawBackup = stringify(files);
+        const rawBackup = stringify(files);
-	return await encryptString(rawBackup, passphrase);
+        return await encryptString(rawBackup, passphrase);
     };
 
     readonly prepareFileForSending = (filePath: string[]): string => {

src/View/Modals/dataTransferModal.tsx

@@ -26,6 +26,7 @@ export function DataTransferModalWrapper(
             {TransferDisplayModal(coreViewModel, fileTransferViewModel)}
             {TransferDataInputModal(coreViewModel, fileTransferViewModel)}
             {DataReceptionModal(coreViewModel, fileTransferViewModel)}
+            {ImportModal(coreViewModel, fileTransferViewModel)}
         </div>
     );
 }
@@ -107,20 +108,35 @@ function DirectionSelectionModal(
                                 </b>
                             </div>
                             <span class="icon">arrow_forward</span>
-                        </button>
+			</button>
+
+			<hr></hr>
+
                         <button
                             class="tile"
-                            on:click={
+                            on:click={fileTransferViewModel.showImportModal}
-                                fileTransferViewModel.showTransferDataInputModal
-                            }
                         >
-                            <span class="icon">file_open</span>
+                            <span class="icon">file_save</span>
                             <div>
                                 <b>
                                     {
                                         coreViewModel.translations
-                                            .dataTransferModal
+                                            .dataTransferModal.exportButton
-                                            .importButton
+                                    }
+                                </b>
+                            </div>
+                            <span class="icon">arrow_forward</span>
+                        </button>
+                        <button
+                            class="tile"
+                            on:click={fileTransferViewModel.showImportModal}
+                        >
+                            <span class="icon">upload_file</span>
+                            <div>
+                                <b>
+                                    {
+                                        coreViewModel.translations
+                                            .dataTransferModal.importButton
                                     }
                                 </b>
                             </div>
@@ -196,7 +212,7 @@ function FileSelectionModal(
                     <h2>
                         {
                             coreViewModel.translations.dataTransferModal
-                                .transferDataHeadline
+                                .sendHeadline
                         }
                     </h2>
                     <span class="secondary">
@@ -279,7 +295,7 @@ function TransferDataDisplayModal(
                     <h2>
                         {
                             coreViewModel.translations.dataTransferModal
-                                .transferDataHeadline
+                                .sendHeadline
                         }
                     </h2>
 
@@ -327,7 +343,7 @@ function TransferDataDisplayModal(
                                 ></b>
                             </div>
                         </div>
-                    </div>
+		    </div>
                 </main>
                 <div class="flex-row width-100">
                     <button
@@ -337,7 +353,7 @@ function TransferDataDisplayModal(
                         {coreViewModel.translations.general.backButton}
                     </button>
                     <button disabled class="flex">
-                        {coreViewModel.translations.general.waitingLabel}
+			{coreViewModel.translations.general.waitingLabel}
                     </button>
                 </div>
             </div>
@@ -441,7 +457,7 @@ function TransferDataInputModal(
                     <h2>
                         {
                             coreViewModel.translations.dataTransferModal
-                                .transferDataHeadline
+                                .receiveHeadline
                         }
                     </h2>
 
@@ -540,7 +556,55 @@ function DataReceptionModal(
                     <h2>
                         {
                             coreViewModel.translations.dataTransferModal
-                                .transferDataHeadline
+                                .receiveHeadline
+                        }
+                    </h2>
+
+                    <p
+                        class="secondary"
+                        subscribe:innerText={
+                            fileTransferViewModel.filesReceivedText
+                        }
+                    ></p>
+
+                    <hr></hr>
+
+                    <div
+                        class="tile flex-column align-start"
+                        children:append={[
+                            fileTransferViewModel.filePathsReceived,
+                            StringToTextSpan,
+                        ]}
+                    ></div>
+                </main>
+                <button on:click={ViewController.reload}>
+                    {coreViewModel.translations.general.reloadAppButton}
+                    <span class="icon">refresh</span>
+                </button>
+            </div>
+        </div>
+    );
+}
+
+function ImportModal(
+    coreViewModel: CoreViewModel,
+    fileTransferViewModel: FileTransferViewModel,
+) {
+    const isPresented = React.createProxyState(
+        [fileTransferViewModel.presentedModal],
+        () =>
+            fileTransferViewModel.presentedModal.value ==
+            FileTransferModals.ImportModal,
+    );
+
+    return (
+        <div class="modal" toggle:open={isPresented}>
+            <div>
+                <main>
+                    <h2>
+                        {
+                            coreViewModel.translations.dataTransferModal
+                                .importHeadline
                         }
                     </h2>
 

src/View/translations.ts

@@ -104,6 +104,10 @@ const englishTranslations = {
 
     dataTransferModal: {
         transferDataHeadline: "Data Transfer",
+        sendHeadline: "Transfer to other device",
+        receiveHeadline: "Transfer to This Device",
+	exportHeadline: "Export Data",
+        importHeadline: "Import Data",
         selectionDescription: "Select the data that you want to transfer.",
         dataEntryDescription: "Enter this data on the other device.",
         dataEntryInputDescription:
@@ -113,8 +117,9 @@ const englishTranslations = {
 
         ///
 
-        fromThisDeviceButton: "Export or send from this device",
+        fromThisDeviceButton: "Send to other device",
-        toThisDeviceButton: "Receive from other device",
+        toThisDeviceButton: "Send to this device",
+	exportButton: "Export to file",
         importButton: "Import from file",
 
         ///
@@ -416,472 +421,482 @@ export const allTranslations: {
 
         dataTransferModal: {
             transferDataHeadline: "Datenübertragung",
-            selectionDescription:
+	    sendHeadline: "An anderes Gerät senden",
-                "Wähle die Daten aus, die du übertragen möchtest.",
+	    receiveHeadline: "An dieses Gerät senden",
-            dataEntryDescription:
+	    exportHeadline: "Daten exportieren",
-                "Gib diese Informationen auf dem anderen Gerät ein.",
+	    importHeadline: "Daten importieren",
-            dataEntryInputDescription:
+	    selectionDescription:
-                "Gib die auf dem anderen Gerät angezeigten Informationen ein.",
+	    "Wähle die Daten aus, die du übertragen möchtest.",
+	    dataEntryDescription:
+	    "Gib diese Informationen auf dem anderen Gerät ein.",
+	    dataEntryInputDescription:
+	    "Gib die auf dem anderen Gerät angezeigten Informationen ein.",
 
-            notConnectedError: "Du bist mit keinem Server verbunden.",
+	    notConnectedError: "Du bist mit keinem Server verbunden.",
 
-            fromThisDeviceButton: "Exportieren oder an anderes Gerät senden",
+	    fromThisDeviceButton: "An anderes Gerät senden",
-            toThisDeviceButton: "An dieses Gerät senden",
+	    toThisDeviceButton: "An dieses Gerät senden",
-            importButton: "Aus Datei importieren",
+	    exportButton: "Als Datei exportieren",
+	    importButton: "Aus Datei importieren",
 
-            generalHeadline: "Allgemein",
+	    generalHeadline: "Allgemein",
 
-            connectionData: "Verbindungsdaten",
+	    connectionData: "Verbindungsdaten",
-            settingsData: "Einstellungen",
+	    settingsData: "Einstellungen",
 
-            chatsHeadline: "Chats",
+	    chatsHeadline: "Chats",
 
-            transferChannelHeadline: "Übertragungskanal",
+	    transferChannelHeadline: "Übertragungskanal",
-            transferKeyHeadline: "Schlüssel",
+	    transferKeyHeadline: "Schlüssel",
 
-            sendButton: "Senden",
+	    sendButton: "Senden",
-            sendAgainButton: "Erneut senden",
+	    sendAgainButton: "Erneut senden",
 
-            filesSentCount: (count) => `Dateien gesendet: ${count}.`,
+	    filesSentCount: (count) => `Dateien gesendet: ${count}.`,
-            allFilesSent: "Fertig.",
+	    allFilesSent: "Fertig.",
 
-            filesReceivedCount: (count) => `Dateien empfangen: ${count}.`,
+	    filesReceivedCount: (count) => `Dateien empfangen: ${count}.`,
-        },
+	},
 
-        storage: {
+	storage: {
-            noItemSelected: "Kein Element ausgewählt",
+	    noItemSelected: "Kein Element ausgewählt",
-            notAFile: "(keine Datei)",
+	    notAFile: "(keine Datei)",
-            contentEmpty: "(leer)",
+	    contentEmpty: "(leer)",
 
-            path: "Pfad",
+	    path: "Pfad",
-            content: "Inhalt",
+	    content: "Inhalt",
 
-            deleteItem: "Element löschen",
+	    deleteItem: "Element löschen",
 
-            removeJunkButton: "Datenmüll löschen",
+	    removeJunkButton: "Datenmüll löschen",
-        },
+	},
 
-        chatPage: {
+	chatPage: {
-            closeChatAudioLabe: "Chat schließen",
+	    closeChatAudioLabe: "Chat schließen",
-            chatSettingsAudioLabel: "Chateinstellungen",
+	    chatSettingsAudioLabel: "Chateinstellungen",
 
-            pages: {
+	    pages: {
-                settings: "Einstellungen",
+		settings: "Einstellungen",
-                messages: "Nachrichten",
+		messages: "Nachrichten",
-                tasks: "Aufgaben",
+		tasks: "Aufgaben",
-                calendar: "Kalender",
+		calendar: "Kalender",
-            },
+	    },
 
-            settings: {
+	    settings: {
-                settingsHeadline: "Einstellungen",
+		settingsHeadline: "Einstellungen",
 
-                primaryChannelLabel: "Hauptkanal",
+		primaryChannelLabel: "Hauptkanal",
-                setPrimaryChannelButtonAudioLabel: "Hauptkanal festlegen",
+		setPrimaryChannelButtonAudioLabel: "Hauptkanal festlegen",
 
-                namespaceLabel: "Namensraum",
+		namespaceLabel: "Namensraum",
-                namespacePlaceholder: "Ohne Namensraum",
+		namespacePlaceholder: "Ohne Namensraum",
-                setNamespaceButtonAudioLabel: "Namensraum festlegen",
+		setNamespaceButtonAudioLabel: "Namensraum festlegen",
 
-                newSecondaryChannelPlaceholder: "Sekundären Kanal hinzufügen",
+		newSecondaryChannelPlaceholder: "Sekundären Kanal hinzufügen",
-                newSecondaryChannelAudioLabel:
+		newSecondaryChannelAudioLabel:
-                    "Name des neuen sekundären Kanals",
+		"Name des neuen sekundären Kanals",
-                addSecondaryChannelButtonAudioLabel:
+		addSecondaryChannelButtonAudioLabel:
-                    "Sekundären Kanal hinzufügen",
+		"Sekundären Kanal hinzufügen",
 
-                encryptionKeyLabel: "Schlüssel",
+		encryptionKeyLabel: "Schlüssel",
-                setEncryptionKeyButtonAudioLabel: "Schlüssel festlegen",
+		setEncryptionKeyButtonAudioLabel: "Schlüssel festlegen",
-                showEncryptionKey: "Schlüssel anzeigen",
+		showEncryptionKey: "Schlüssel anzeigen",
 
-                deleteChatButton: "Gesamten Chat löschen",
+		deleteChatButton: "Gesamten Chat löschen",
-            },
+	    },
 
-            message: {
+	    message: {
-                messagesHeadline: "Nachrichten",
+		messagesHeadline: "Nachrichten",
 
-                messageFilterHeadline: "Nachrichten filtern",
+		messageFilterHeadline: "Nachrichten filtern",
-                messageFilterReactionsHadline: "Reaktionen",
+		messageFilterReactionsHadline: "Reaktionen",
-                messageFilterAllReactionsButton: "Alle anzeigen",
+		messageFilterAllReactionsButton: "Alle anzeigen",
 
-                composerInputPlaceholder: "Schreib eine Nachricht...",
+		composerInputPlaceholder: "Schreib eine Nachricht...",
-                sendMessageButtonAudioLabel: "nachricht senden",
+		sendMessageButtonAudioLabel: "nachricht senden",
-                filterMessagesButtonAudioLabel: "nachrichten filtern",
+		filterMessagesButtonAudioLabel: "nachrichten filtern",
 
-                showMessageInfoButtonAudioLabel: "nachrichteninfo anzeigen",
+		showMessageInfoButtonAudioLabel: "nachrichteninfo anzeigen",
-                messageInfoHeadline: "Nachrichteninfo",
+		messageInfoHeadline: "Nachrichteninfo",
-                cancelReplyAudioLabel: "antwort abbrechen",
+		cancelReplyAudioLabel: "antwort abbrechen",
 
-                sentBy: "Gesendet von",
+		sentBy: "Gesendet von",
-                timeSent: "Sendezeit",
+		timeSent: "Sendezeit",
-                channel: "Kanal",
+		channel: "Kanal",
-                messageContent: "Nachrichteninhalt",
+		messageContent: "Nachrichteninhalt",
 
-                copyMessageButton: "Nachricht kopieren",
+		copyMessageButton: "Nachricht kopieren",
-                resendMessageButton: "Nachricht erneut senden",
+		resendMessageButton: "Nachricht erneut senden",
-                decryptMessageButton: "Nachricht entschlüsseln",
+		decryptMessageButton: "Nachricht entschlüsseln",
-                replyToMessageButton: "Auf Nachricht antworten",
+		replyToMessageButton: "Auf Nachricht antworten",
-                deleteMessageButton: "Nachricht löschen",
+		deleteMessageButton: "Nachricht löschen",
 
-                //
+		//
 
-                thumbsUpReaction: "Reaktion: Daumen hoch",
+		thumbsUpReaction: "Reaktion: Daumen hoch",
-                checkReaction: "Reaktion: Haken",
+		checkReaction: "Reaktion: Haken",
-                stopReaction: "Reaktion: Stopp",
+		stopReaction: "Reaktion: Stopp",
-                attentionReaction: "Reaktion: Ausrufezeichen",
+		attentionReaction: "Reaktion: Ausrufezeichen",
-                doubleAttentionReaction: "Reaktion: doppeltes Ausrufezeichen",
+		doubleAttentionReaction: "Reaktion: doppeltes Ausrufezeichen",
-                questionReaction: "Reaktion: Fragezeichen",
+		questionReaction: "Reaktion: Fragezeichen",
-            },
+	    },
 
-            task: {
+	    task: {
-                newBoardNamePlaceholder: "Board erstellen",
+		newBoardNamePlaceholder: "Board erstellen",
-                createBoardButtonAudioLabel: "board erstellen",
+		createBoardButtonAudioLabel: "board erstellen",
 
-                noBoardSelected: "Kein Board ausgewählt",
+		noBoardSelected: "Kein Board ausgewählt",
-                boardNotFound: "Board nicht gefunden",
+		boardNotFound: "Board nicht gefunden",
 
-                closeBoardButtonAudioLabel: "board schließen",
+		closeBoardButtonAudioLabel: "board schließen",
-                toggleBoardButtonAudioLabel: "board-liste ein/ausblenden",
+		toggleBoardButtonAudioLabel: "board-liste ein/ausblenden",
-                showBoardSettingsButtonAudioLabel:
+		showBoardSettingsButtonAudioLabel:
-                    "Board-Einstellungen anzeigen",
+		"Board-Einstellungen anzeigen",
 
-                listViewButtonAudioLabel: "Listenansicht",
+		listViewButtonAudioLabel: "Listenansicht",
-                kanbanViewButtonAudioLabel: "Kanban-Ansicht",
+		kanbanViewButtonAudioLabel: "Kanban-Ansicht",
-                statusViewButtonAudioLabel: "Statusrasteransicht",
+		statusViewButtonAudioLabel: "Statusrasteransicht",
 
-                filterTasksButtonAudioLabel: "Aufgaben filtern",
+		filterTasksButtonAudioLabel: "Aufgaben filtern",
-                createTaskButtonAudioLabel: "Neue Aufgabe erstellen",
+		createTaskButtonAudioLabel: "Neue Aufgabe erstellen",
 
-                boardSettingsHeadline: "Board-Einstellungen",
+		boardSettingsHeadline: "Board-Einstellungen",
-                boardNameInputLabel: "Boardname",
+		boardNameInputLabel: "Boardname",
-                deleteBoardButton: "Board und alle Aufgaben löschen",
+		deleteBoardButton: "Board und alle Aufgaben löschen",
 
-                taskSettingsHeadline: "Aufgabe bearbeiten",
+		taskSettingsHeadline: "Aufgabe bearbeiten",
 
-                taskNameLabel: "Titel",
+		taskNameLabel: "Titel",
-                taskBoardLabel: "Board",
+		taskBoardLabel: "Board",
 
-                taskCategoryLabel: "Kategorie",
+		taskCategoryLabel: "Kategorie",
-                taskStatusLabel: "Status",
+		taskStatusLabel: "Status",
-                taskPriorityLabel: "Priorität",
+		taskPriorityLabel: "Priorität",
 
-                taskDescriptionLabel: "Beschreibung",
+		taskDescriptionLabel: "Beschreibung",
 
-                taskDateLabel: "Datum",
+		taskDateLabel: "Datum",
-                taskTimeLabel: "Uhrzeit",
+		taskTimeLabel: "Uhrzeit",
 
-                deleteTaskButton: "Aufgabe löschen",
+		deleteTaskButton: "Aufgabe löschen",
 
-                filterTasksHeadline: "Aufgaben filtern",
+		filterTasksHeadline: "Aufgaben filtern",
 
-                renameCategoryInputPlaceholder: "Kategorie umbenennen",
+		renameCategoryInputPlaceholder: "Kategorie umbenennen",
-                renameStatusInputPlaceholder: "Status umbenennen",
+		renameStatusInputPlaceholder: "Status umbenennen",
-            },
+	    },
 
-            calendar: {
+	    calendar: {
-                eventsBoard: "Ereignisse",
+		eventsBoard: "Ereignisse",
 
-                ///
+		///
 
-                todayButtonAudioLabel: "gehe zu heute",
+		todayButtonAudioLabel: "gehe zu heute",
 
-                previousMonthButtonAudioLabel: "vorheriger monat",
+		previousMonthButtonAudioLabel: "vorheriger monat",
-                nextMonthButtonAudioLabel: "nächster monat",
+		nextMonthButtonAudioLabel: "nächster monat",
 
-                yearInputAudioLabel: "Jahr",
+		yearInputAudioLabel: "Jahr",
-                monthInputAudioLabel: "Monat",
+		monthInputAudioLabel: "Monat",
 
-                yearInputPlaceholder: "2000",
+		yearInputPlaceholder: "2000",
-                monthInputPlaceholder: "01",
+		monthInputPlaceholder: "01",
 
-                searchEventsHeadline: "Ereignisse suchen",
+		searchEventsHeadline: "Ereignisse suchen",
 
-                events: "Ereignisse",
+		events: "Ereignisse",
-                noEvents: "Keine Ereignisse",
+		noEvents: "Keine Ereignisse",
-            },
+	    },
-        },
+	},
     },
     es: {
-        updater: {
+	updater: {
-            migrated: "Migrado",
+	    migrated: "Migrado",
-        },
+	},
-
+
-        general: {
+	general: {
-            deleteItemButtonAudioLabel: "eliminar elemento",
+	    deleteItemButtonAudioLabel: "eliminar elemento",
-            searchButtonAudioLabel: "buscar",
+	    searchButtonAudioLabel: "buscar",
-
+
-            abortButton: "Abortar",
+	    abortButton: "Abortar",
-            cancelButton: "Cancelar",
+	    cancelButton: "Cancelar",
-            closeButton: "Cerrar",
+	    closeButton: "Cerrar",
-            backButton: "Atrás",
+	    backButton: "Atrás",
-
+
-            continueButton: "Continuar",
+	    continueButton: "Continuar",
-            confirmButton: "Confirmar",
+	    confirmButton: "Confirmar",
-            saveButton: "Guardar",
+	    saveButton: "Guardar",
-            setButton: "OK",
+	    setButton: "OK",
-
+
-            reloadAppButton: "Recargar app",
+	    reloadAppButton: "Recargar app",
-
+
-            fileVersionLabel: "Versión",
+	    fileVersionLabel: "Versión",
-            searchLabel: "Buscar",
+	    searchLabel: "Buscar",
-            waitingLabel: "Esperando...",
+	    waitingLabel: "Esperando...",
-
+
-            restoreConnection: "Conectar de nuevo",
+	    restoreConnection: "Conectar de nuevo",
-
+
-            noPageSelected: "No página seleccionada",
+	    noPageSelected: "No página seleccionada",
-        },
+	},
-
+
-        regional: {
+	regional: {
-            weekdays: {
+	    weekdays: {
-                full: [
+		full: [
-                    "Domingo",
+		    "Domingo",
-                    "Lunes",
+		    "Lunes",
-                    "Martes",
+		    "Martes",
-                    "Miércoles",
+		    "Miércoles",
-                    "Jueves",
+		    "Jueves",
-                    "Viernes",
+		    "Viernes",
-                    "Sábado",
+		    "Sábado",
-                ],
+		],
-                abbreviated: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
+		abbreviated: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
-            },
+	    },
-        },
+	},
-
+
-        homePage: {
+	homePage: {
-            appName: "Comms",
+	    appName: "Comms",
+
+	    overviewHeadline: "Resumen",
+
+	    serverAddress: "Dirección del servidor",
+	    serverAddressPlaceholder: "wss://192.168.0.69:3000",
+	    connectAudioLabel: "conectar al servidor",
+	    disconnectAudioLabel: "desconectar del servidor",
+	    manageConnectionsAudioLabel: "gestionar conexiones",
+
+	    yourNameLabel: "Tu nombre",
+	    yourNamePlaceholder: "Juan Pérez",
+	    setNameButtonAudioLabel: "establecer nombre",
+
+	    settingsButton: "Ajustes",
+	    manageStorageButton: "Gestionar almacenamiento",
+	    transferDataButton: "Enviar o exportar archivos",
+
+	    scrollToChatButton: "Chats",
+
+	    backToOverviewAudioLabel: "volver al resumen",
+	    chatsHeadline: "Chats",
+
+	    addChatAudioLabel: "nombre del nuevo chat",
+	    addChatPlaceholder: "Añadir chat",
+	    addChatButton: "Añadir chat",
+	},
+
+	settings: {
+	    pages: {
+		appearance: "Aspecto",
+		regional: "Idioma y Región",
+		info: "Sobre Comms",
+	    },
+	    themes: {
+		dark: "Oscuro",
+		light: "Claro",
+		system: "Según dispositivo",
+	    },
+
+	    version: "Versión",
+	    language: "Idioma",
+
+	    firstDayOfWeekLabel: "Primer día de la semana",
+	},
+	connectionModal: {
+	    connectionModalHeadline: "Gestionar Conexiones",
+
+	    connectButtonAudioLabel: "conectar",
+	},
+
+	dataTransferModal: {
+	    transferDataHeadline: "Transferencia de datos",
+	    sendHeadline: "Enviar a otro dispositivo",
+	    receiveHeadline: "Enviar a este dispositivo",
+	    exportHeadline: "Exportar archivo",
+	    importHeadline: "Importar archivo",
+	    selectionDescription:
+	    "Selecciona los datos que quieres transferir.",
+	    dataEntryDescription:
+	    "Introduce estos datos en el otro dispositivo.",
+	    dataEntryInputDescription:
+	    "Introduce los datos mostrados en el otro dispositivo.",
+
+	    notConnectedError: "No estás conectado a ningún servidor.",
+
+	    fromThisDeviceButton: "Enviar a otro dispositivo",
+	    toThisDeviceButton: "Enviar a este dispositivo",
+	    exportButton: "Exportar archivo",
+	    importButton: "Importar archivo",
+
+	    generalHeadline: "General",
+
+	    connectionData: "Datos de Conexión",
+	    settingsData: "Datos de Configuración",
+
+	    chatsHeadline: "Chats",
+
+	    transferChannelHeadline: "Canal de Transferencia",
+	    transferKeyHeadline: "Clave de Encriptación de Transferencia",
+
+	    sendButton: "Enviar",
+	    sendAgainButton: "Enviar otra vez",
+
+	    filesSentCount: (count) => `Archivos enviados: ${count}.`,
+	    allFilesSent: "Hecho.",
+
+	    filesReceivedCount: (count) => `Archivos recibidos: ${count}.`,
+	},
+
+	storage: {
+	    noItemSelected: "Ningún elemento seleccionado",
+	    notAFile: "(no es un archivo)",
+	    contentEmpty: "(vacío)",
+
+	    path: "Ruta",
+	    content: "Contenido",
+
+	    deleteItem: "Eliminar elemento",
+
+	    removeJunkButton: "Eliminar archivos basura",
+	},
+
+	chatPage: {
+	    closeChatAudioLabe: "cerrar chat",
+	    chatSettingsAudioLabel: "configuración del chat",
+
+	    pages: {
+		settings: "Configuración",
+		messages: "Mensajes",
+		tasks: "Tareas",
+		calendar: "Calendario",
+	    },
 
-            overviewHeadline: "Resumen",
+	    settings: {
-
+		settingsHeadline: "Configuración",
-            serverAddress: "Dirección del servidor",
-            serverAddressPlaceholder: "wss://192.168.0.69:3000",
-            connectAudioLabel: "conectar al servidor",
-            disconnectAudioLabel: "desconectar del servidor",
-            manageConnectionsAudioLabel: "gestionar conexiones",
-
-            yourNameLabel: "Tu nombre",
-            yourNamePlaceholder: "Juan Pérez",
-            setNameButtonAudioLabel: "establecer nombre",
-
-            settingsButton: "Ajustes",
-            manageStorageButton: "Gestionar almacenamiento",
-            transferDataButton: "Enviar o exportar archivos",
-
-            scrollToChatButton: "Chats",
-
-            backToOverviewAudioLabel: "volver al resumen",
-            chatsHeadline: "Chats",
-
-            addChatAudioLabel: "nombre del nuevo chat",
-            addChatPlaceholder: "Añadir chat",
-            addChatButton: "Añadir chat",
-        },
-
-        settings: {
-            pages: {
-                appearance: "Aspecto",
-                regional: "Idioma y Región",
-                info: "Sobre Comms",
-            },
-            themes: {
-                dark: "Oscuro",
-                light: "Claro",
-                system: "Según dispositivo",
-            },
-
-            version: "Versión",
-            language: "Idioma",
-
-            firstDayOfWeekLabel: "Primer día de la semana",
-        },
-        connectionModal: {
-            connectionModalHeadline: "Gestionar Conexiones",
-
-            connectButtonAudioLabel: "conectar",
-        },
-
-        dataTransferModal: {
-            transferDataHeadline: "Transferencia de Datos",
-            selectionDescription:
-                "Selecciona los datos que quieres transferir.",
-            dataEntryDescription:
-                "Introduce estos datos en el otro dispositivo.",
-            dataEntryInputDescription:
-                "Introduce los datos mostrados en el otro dispositivo.",
-
-            notConnectedError: "No estás conectado a ningún servidor.",
-
-            fromThisDeviceButton: "Exportar o enviar a otro dispositivo",
-            toThisDeviceButton: "Enviar a este dispositivo",
-	    importButton: "Importar desde archivo",
-
-            generalHeadline: "General",
-
-            connectionData: "Datos de Conexión",
-            settingsData: "Datos de Configuración",
-
-            chatsHeadline: "Chats",
-
-            transferChannelHeadline: "Canal de Transferencia",
-            transferKeyHeadline: "Clave de Encriptación de Transferencia",
-
-            sendButton: "Enviar",
-            sendAgainButton: "Enviar otra vez",
-
-            filesSentCount: (count) => `Archivos enviados: ${count}.`,
-            allFilesSent: "Hecho.",
-
-            filesReceivedCount: (count) => `Archivos recibidos: ${count}.`,
-        },
-
-        storage: {
-            noItemSelected: "Ningún elemento seleccionado",
-            notAFile: "(no es un archivo)",
-            contentEmpty: "(vacío)",
-
-            path: "Ruta",
-            content: "Contenido",
-
-            deleteItem: "Eliminar elemento",
 
-            removeJunkButton: "Eliminar archivos basura",
+		primaryChannelLabel: "Canal principal",
-        },
+		setPrimaryChannelButtonAudioLabel: "establecer canal principal",
 
-        chatPage: {
+		namespaceLabel: "Espacio de nombres",
-            closeChatAudioLabe: "cerrar chat",
+		namespacePlaceholder: "Sin espacio de nombres",
-            chatSettingsAudioLabel: "configuración del chat",
+		setNamespaceButtonAudioLabel: "establecer espacio de nombres",
 
-            pages: {
+		newSecondaryChannelPlaceholder: "Añadir canal secundario",
-                settings: "Configuración",
+		newSecondaryChannelAudioLabel:
-                messages: "Mensajes",
+		"nombre del nuevo canal secundario",
-                tasks: "Tareas",
+		addSecondaryChannelButtonAudioLabel: "añadir canal secundario",
-                calendar: "Calendario",
-            },
 
-            settings: {
+		encryptionKeyLabel: "Clave de encriptación",
-                settingsHeadline: "Configuración",
+		setEncryptionKeyButtonAudioLabel:
+		"establecer clave de encriptación",
+		showEncryptionKey: "Mostrar clave de encriptación",
 
-                primaryChannelLabel: "Canal principal",
+		deleteChatButton: "Eliminar todo el chat",
-                setPrimaryChannelButtonAudioLabel: "establecer canal principal",
+	    },
 
-                namespaceLabel: "Espacio de nombres",
+	    message: {
-                namespacePlaceholder: "Sin espacio de nombres",
+		messagesHeadline: "Mensajes",
-                setNamespaceButtonAudioLabel: "establecer espacio de nombres",
 
-                newSecondaryChannelPlaceholder: "Añadir canal secundario",
+		messageFilterHeadline: "Filtrar mensajes",
-                newSecondaryChannelAudioLabel:
+		messageFilterReactionsHadline: "Reacciones",
-                    "nombre del nuevo canal secundario",
+		messageFilterAllReactionsButton: "Mostrar todas",
-                addSecondaryChannelButtonAudioLabel: "añadir canal secundario",
 
-                encryptionKeyLabel: "Clave de encriptación",
+		composerInputPlaceholder: "Escribe un mensaje...",
-                setEncryptionKeyButtonAudioLabel:
+		sendMessageButtonAudioLabel: "enviar mensaje",
-                    "establecer clave de encriptación",
+		filterMessagesButtonAudioLabel: "filtrar mensajes",
-                showEncryptionKey: "Mostrar clave de encriptación",
 
-                deleteChatButton: "Eliminar todo el chat",
+		showMessageInfoButtonAudioLabel:
-            },
+		"mostrar información del mensaje",
+		messageInfoHeadline: "Información del Mensaje",
+		cancelReplyAudioLabel: "abortar la respuesta",
 
-            message: {
+		sentBy: "Enviado por",
-                messagesHeadline: "Mensajes",
+		timeSent: "Hora de envío",
+		channel: "Canal",
+		messageContent: "Contenido del mensaje",
 
-                messageFilterHeadline: "Filtrar mensajes",
+		copyMessageButton: "Copiar mensaje",
-                messageFilterReactionsHadline: "Reacciones",
+		resendMessageButton: "Reenviar mensaje",
-                messageFilterAllReactionsButton: "Mostrar todas",
+		decryptMessageButton: "Desencriptar mensaje",
+		replyToMessageButton: "Responder al mensaje",
+		deleteMessageButton: "Eliminar mensaje",
 
-                composerInputPlaceholder: "Escribe un mensaje...",
+		//
-                sendMessageButtonAudioLabel: "enviar mensaje",
-                filterMessagesButtonAudioLabel: "filtrar mensajes",
 
-                showMessageInfoButtonAudioLabel:
+		thumbsUpReaction: "Reacción: pulgar hacia arriba",
-                    "mostrar información del mensaje",
+		checkReaction: "Reacción: marca de verificación",
-                messageInfoHeadline: "Información del Mensaje",
+		stopReaction: "Reacción: signo de parada",
-                cancelReplyAudioLabel: "abortar la respuesta",
+		attentionReaction: "Reaccion: signo de atención",
+		doubleAttentionReaction: "Reaccion: signo de atención doble",
+		questionReaction: "Reaccion: signo de interrogación",
+	    },
 
-                sentBy: "Enviado por",
+	    task: {
-                timeSent: "Hora de envío",
+		newBoardNamePlaceholder: "Crear un tablero",
-                channel: "Canal",
+		createBoardButtonAudioLabel: "crear tablero",
-                messageContent: "Contenido del mensaje",
 
-                copyMessageButton: "Copiar mensaje",
+		noBoardSelected: "Ningún tablero seleccionado",
-                resendMessageButton: "Reenviar mensaje",
+		boardNotFound: "Tablero no encontrado",
-                decryptMessageButton: "Desencriptar mensaje",
-                replyToMessageButton: "Responder al mensaje",
-                deleteMessageButton: "Eliminar mensaje",
 
-                //
+		closeBoardButtonAudioLabel: "cerrar tablero",
+		toggleBoardButtonAudioLabel:
+		"mostrar o ocultar lista de tableros",
+		showBoardSettingsButtonAudioLabel:
+		"mostrar configuración del tablero",
 
-                thumbsUpReaction: "Reacción: pulgar hacia arriba",
+		listViewButtonAudioLabel: "vista de lista",
-                checkReaction: "Reacción: marca de verificación",
+		kanbanViewButtonAudioLabel: "vista kanban",
-                stopReaction: "Reacción: signo de parada",
+		statusViewButtonAudioLabel: "vista de cuadrícula de estado",
-                attentionReaction: "Reaccion: signo de atención",
-                doubleAttentionReaction: "Reaccion: signo de atención doble",
-                questionReaction: "Reaccion: signo de interrogación",
-            },
 
-            task: {
+		filterTasksButtonAudioLabel: "filtrar tareas",
-                newBoardNamePlaceholder: "Crear un tablero",
+		createTaskButtonAudioLabel: "crear nueva tarea",
-                createBoardButtonAudioLabel: "crear tablero",
 
-                noBoardSelected: "Ningún tablero seleccionado",
+		boardSettingsHeadline: "Configuración del Tablero",
-                boardNotFound: "Tablero no encontrado",
+		boardNameInputLabel: "Nombre del tablero",
+		deleteBoardButton: "Eliminar tablero y todas las tareas",
 
-                closeBoardButtonAudioLabel: "cerrar tablero",
+		taskSettingsHeadline: "Editar Tarea",
-                toggleBoardButtonAudioLabel:
-                    "mostrar o ocultar lista de tableros",
-                showBoardSettingsButtonAudioLabel:
-                    "mostrar configuración del tablero",
 
-                listViewButtonAudioLabel: "vista de lista",
+		taskNameLabel: "Título",
-                kanbanViewButtonAudioLabel: "vista kanban",
+		taskBoardLabel: "Tablero",
-                statusViewButtonAudioLabel: "vista de cuadrícula de estado",
 
-                filterTasksButtonAudioLabel: "filtrar tareas",
+		taskCategoryLabel: "Categoría",
-                createTaskButtonAudioLabel: "crear nueva tarea",
+		taskStatusLabel: "Estado",
+		taskPriorityLabel: "Prioridad",
 
-                boardSettingsHeadline: "Configuración del Tablero",
+		taskDescriptionLabel: "Descripción",
-                boardNameInputLabel: "Nombre del tablero",
-                deleteBoardButton: "Eliminar tablero y todas las tareas",
 
-                taskSettingsHeadline: "Editar Tarea",
+		taskDateLabel: "Fecha",
+		taskTimeLabel: "Hora",
 
-                taskNameLabel: "Título",
+		deleteTaskButton: "Eliminar tarea",
-                taskBoardLabel: "Tablero",
 
-                taskCategoryLabel: "Categoría",
+		filterTasksHeadline: "Filtrar Tareas",
-                taskStatusLabel: "Estado",
-                taskPriorityLabel: "Prioridad",
 
-                taskDescriptionLabel: "Descripción",
+		renameCategoryInputPlaceholder: "Renombrar categoría",
+		renameStatusInputPlaceholder: "Renombrar estado",
+	    },
 
-                taskDateLabel: "Fecha",
+	    calendar: {
-                taskTimeLabel: "Hora",
+		eventsBoard: "Eventos",
 
-                deleteTaskButton: "Eliminar tarea",
+		///
 
-                filterTasksHeadline: "Filtrar Tareas",
+		todayButtonAudioLabel: "ir a hoy",
 
-                renameCategoryInputPlaceholder: "Renombrar categoría",
+		previousMonthButtonAudioLabel: "mes anterior",
-                renameStatusInputPlaceholder: "Renombrar estado",
+		nextMonthButtonAudioLabel: "mes siguiente",
-            },
 
-            calendar: {
+		yearInputAudioLabel: "año",
-                eventsBoard: "Eventos",
+		monthInputAudioLabel: "mes",
 
-                ///
+		yearInputPlaceholder: "2000",
+		monthInputPlaceholder: "01",
 
-                todayButtonAudioLabel: "ir a hoy",
+		searchEventsHeadline: "Buscar Eventos",
 
-                previousMonthButtonAudioLabel: "mes anterior",
+		events: "Eventos",
-                nextMonthButtonAudioLabel: "mes siguiente",
+		noEvents: "No hay eventos",
-
+	    },
-                yearInputAudioLabel: "año",
+	},
-                monthInputAudioLabel: "mes",
-
-                yearInputPlaceholder: "2000",
-                monthInputPlaceholder: "01",
-
-                searchEventsHeadline: "Buscar Eventos",
-
-                events: "Eventos",
-                noEvents: "No hay eventos",
-            },
-        },
     },
 };
 

src/ViewModel/Global/fileTransferViewModel.ts

@@ -148,6 +148,10 @@ export default class FileTransferViewModel extends Context {
         this.presentedModal.value = FileTransferModals.TransferDataInput;
     };
 
+    showImportModal = (): void => {
+        this.presentedModal.value = FileTransferModals.ImportModal;
+    };
+
     prepareReceivingData = (): void => {
         if (this.cannotPrepareToReceive.value == true) return;
         this.presentedModal.value = FileTransferModals.ReceptionDisplay;
@@ -204,4 +208,7 @@ export enum FileTransferModals {
     // receiving
     TransferDataInput,
     ReceptionDisplay,
+
+    // import
+    ImportModal,
 }