bootstrap backed replacements for JS prompt and alert

This commit is contained in:
azivner
2018-11-12 20:17:48 +01:00
parent c6e1ad5f15
commit 2523f81f3b
7 changed files with 119 additions and 39 deletions

View File

@@ -17,7 +17,7 @@
</div>
</div>
<div class="modal-footer">
<button class="btn btn-p`rimary btn-sm">Save</button>
<button class="btn btn-primary btn-sm">Save</button>
</div>
</div>
</div>

View File

@@ -0,0 +1,19 @@
<div id="info-dialog" class="modal mx-auto" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mr-auto">Info message</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 id="info-dialog-content"></div>
</div>
<div class="modal-footer">
<button class="btn btn-primary btn-sm" id="info-dialog-ok-button">OK <kbd>enter</kbd></button>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,24 @@
<div id="prompt-dialog" class="modal mx-auto" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="prompt-dialog-form">
<div class="modal-header">
<h5 class="modal-title mr-auto">Prompt</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="prompt-dialog-answer" id="prompt-dialog-question"></label>
<input type="text" class="form-control" id="prompt-dialog-answer" placeholder="">
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary btn-sm" id="prompt-dialog-ok-button">OK <kbd>enter</kbd></button>
</div>
</form>
</div>
</div>
</div>

View File

@@ -182,6 +182,8 @@
<% include dialogs/protected_session_password.ejs %>
<% include dialogs/recent_changes.ejs %>
<% include dialogs/sql_console.ejs %>
<% include dialogs/info.ejs %>
<% include dialogs/prompt.ejs %>
</div>
<script type="text/javascript">