replacement of jquery ui dialog for bootstrap modal for jump to note dialog, #203

This commit is contained in:
azivner 2018-11-06 15:25:07 +01:00
parent e62cca886c
commit 69d2bd8b58
4 changed files with 25 additions and 16 deletions

View File

@ -13,11 +13,7 @@ async function showDialog() {
$autoComplete.val(''); $autoComplete.val('');
$dialog.dialog({ $dialog.modal();
modal: true,
width: 800,
position: { my: "center top+100", at: "top", of: window }
});
await $autoComplete.autocomplete({ await $autoComplete.autocomplete({
source: noteautocompleteService.autocompleteSource, source: noteautocompleteService.autocompleteSource,

File diff suppressed because one or more lines are too long

View File

@ -69,7 +69,7 @@ body {
} }
.tdialog { .tdialog {
display: none; /* hidden by default */ display: none;
} }
#note-detail-wrapper { #note-detail-wrapper {

View File

@ -1,14 +1,27 @@
<div id="jump-to-note-dialog" class="tdialog" title="Jump to note"> <div id="jump-to-note-dialog" class="modal mx-auto" tabindex="-1" role="dialog">
<div class="form-group"> <div class="modal-dialog modal-lg" role="document">
<label for="jump-to-note-autocomplete">Note</label> <div class="modal-content">
<div class="input-group"> <div class="modal-header">
<input id="jump-to-note-autocomplete" class="form-control" placeholder="search for note by its name"> <h5 class="modal-title">Jump to note</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="jump-to-note-autocomplete">Note</label>
<div class="input-group">
<input id="jump-to-note-autocomplete" class="form-control" placeholder="search for note by its name">
<div class="input-group-append"> <div class="input-group-append">
<span class="input-group-text show-recent-notes-button" title="Show recent notes"></span> <span class="input-group-text show-recent-notes-button" title="Show recent notes"></span>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button id="show-in-full-text-button" class="btn btn-sm">Search in full text <kbd>ctrl+enter</kbd></button>
</div> </div>
</div> </div>
</div> </div>
<button id="show-in-full-text-button" class="btn btn-sm">Search in full text <kbd>ctrl+enter</kbd></button>
</div> </div>