implement dialog to import personal bookmarks

This commit is contained in:
Jakob Ketterl
2021-03-30 18:19:23 +02:00
parent 620ba11565
commit 2d142e45ed
7 changed files with 108 additions and 37 deletions

View File

@ -20,6 +20,7 @@ ${header}
<div class="row mt-3 bookmarks">
${bookmarks}
<div class="buttons container">
<button type="button" class="btn btn-info bookmark-import">Import personal bookmarks...</button>
<button type="button" class="btn btn-primary bookmark-add">Add a new bookmark</button>
</div>
</div>
@ -43,4 +44,24 @@ ${header}
</div>
</div>
</div>
<div class="modal" id="importModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5>Please select</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Please select the bookmarks you would like to import:</p>
<div class="bookmark-list"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary cancel" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary confirm">Import</button>
</div>
</div>
</div>
</div>
</body>