Fix modal dialog

This commit is contained in:
Naoki Takezoe
2015-12-15 11:46:47 +09:00
parent 31bd8e1741
commit 1a4b94e5df
2 changed files with 48 additions and 43 deletions

View File

@@ -14,5 +14,6 @@
} }
} }
</div> </div>
</div>
<input id="account" name="account" type="hidden" /> <input id="account" name="account" type="hidden" />
</form> </form>

View File

@@ -69,20 +69,22 @@
</form> </form>
</div> </div>
</div> </div>
<div class="modal hide" id="test-report-modal"> <div class="modal" id="test-report-modal" role="dialog" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>WebHook Test</h3> <h3>WebHook Test</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body" style="max-height: 300px; overflow: auto;">
<p>request to <span id="test-modal-url" style="word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap;"></span></p> <p>request to <span id="test-modal-url" style="word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap;"></span></p>
<div id="test-report" style="display:none"> <div id="test-report" style="display:none">
<ul class="nav nav-tabs" id="test-report-tab"> <ul class="nav nav-tabs" id="test-report-tab">
<li class="active"><a href="#REQUEST">REQUEST</a></li> <li class="active"><a href="#request">Request</a></li>
<li><a href="#RESPONCE">RESPONCE <span class="badge badge-success" id="res-status"></span></a></li> <li><a href="#response">Response <span class="badge badge-success" id="res-status"></span></a></li>
</ul> </ul>
<div class="tab-content" style="max-height: 300px;"> <div class="tab-content">
<div class="tab-pane active" id="REQUEST"> <div class="tab-pane active" id="request">
<div id="req-errors" class="alert alert-error"> <div id="req-errors" class="alert alert-error">
ERROR<span id="req-errors-body"></span> ERROR<span id="req-errors-body"></span>
</div> </div>
@@ -93,7 +95,7 @@
<pre id="req-payload"></pre> <pre id="req-payload"></pre>
</div> </div>
</div> </div>
<div class="tab-pane" id="RESPONCE"> <div class="tab-pane" id="response">
<div id="res-errors" class="alert alert-error"> <div id="res-errors" class="alert alert-error">
ERROR<span id="res-errors-body"></span> ERROR<span id="res-errors-body"></span>
</div> </div>
@@ -107,7 +109,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script> <script>
$(function(){ $(function(){
$('#test-report-tab a').click(function (e) { $('#test-report-tab a').click(function (e) {