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

@@ -2,17 +2,18 @@
groupAndPerm: Map[String, Boolean])(implicit context: gitbucket.core.controller.Context) groupAndPerm: Map[String, Boolean])(implicit context: gitbucket.core.controller.Context)
@import context._ @import context._
@import gitbucket.core.view.helpers._ @import gitbucket.core.view.helpers._
<h2 class="facebox-header">Where should we fork this repository?</h2> <h2 class="facebox-header">Where should we fork this repository?</h2>
<form action="@url(repository)/fork" id="fork" method="post"> <form action="@url(repository)/fork" id="fork" method="post">
<div class="owner-select-grid"> <div class="owner-select-grid">
<div class="owner-select-target js-fork-owner-select-target enabled">@avatar(loginAccount.get.userName, 100)<span class="owner css-truncate" title="@@@loginAccount.get.userName">@@@loginAccount.get.userName</span></div> <div class="owner-select-target js-fork-owner-select-target enabled">@avatar(loginAccount.get.userName, 100)<span class="owner css-truncate" title="@@@loginAccount.get.userName">@@@loginAccount.get.userName</span></div>
@for((groupName, isManager) <- groupAndPerm) { @for((groupName, isManager) <- groupAndPerm) {
@if(isManager) { @if(isManager) {
<div class="owner-select-target js-fork-owner-select-target enabled">@avatar(groupName, 100)<span class="owner css-truncate" title="@@@groupName">@@@groupName</span></div> <div class="owner-select-target js-fork-owner-select-target enabled">@avatar(groupName, 100)<span class="owner css-truncate" title="@@@groupName">@@@groupName</span></div>
} else { } else {
<div title="You don't have permission to fork here." class="owner-select-target js-fork-owner-select-target disabled">@avatar(groupName, 100)<span class="owner css-truncate" title="@@@groupName">@@@groupName</span></div> <div title="You don't have permission to fork here." class="owner-select-target js-fork-owner-select-target disabled">@avatar(groupName, 100)<span class="owner css-truncate" title="@@@groupName">@@@groupName</span></div>
} }
} }
</div> </div>
<input id="account" name="account" type="hidden" /> </div>
<input id="account" name="account" type="hidden" />
</form> </form>

View File

@@ -69,45 +69,49 @@
</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-header"> <div class="modal-dialog">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <div class="modal-content">
<h3>WebHook Test</h3> <div class="modal-header">
</div> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<div class="modal-body"> <h3>WebHook Test</h3>
<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>
<div id="test-report" style="display:none"> <div class="modal-body" style="max-height: 300px; overflow: auto;">
<ul class="nav nav-tabs" id="test-report-tab"> <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>
<li class="active"><a href="#REQUEST">REQUEST</a></li> <div id="test-report" style="display:none">
<li><a href="#RESPONCE">RESPONCE <span class="badge badge-success" id="res-status"></span></a></li> <ul class="nav nav-tabs" id="test-report-tab">
</ul> <li class="active"><a href="#request">Request</a></li>
<div class="tab-content" style="max-height: 300px;"> <li><a href="#response">Response <span class="badge badge-success" id="res-status"></span></a></li>
<div class="tab-pane active" id="REQUEST"> </ul>
<div id="req-errors" class="alert alert-error"> <div class="tab-content">
ERROR<span id="req-errors-body"></span> <div class="tab-pane active" id="request">
</div> <div id="req-errors" class="alert alert-error">
<div id="req-success" style="display:none"> ERROR<span id="req-errors-body"></span>
Headers </div>
<pre id="req-headers"></pre> <div id="req-success" style="display:none">
Payload Headers
<pre id="req-payload"></pre> <pre id="req-headers"></pre>
</div> Payload
</div> <pre id="req-payload"></pre>
<div class="tab-pane" id="RESPONCE"> </div>
<div id="res-errors" class="alert alert-error"> </div>
ERROR<span id="res-errors-body"></span> <div class="tab-pane" id="response">
</div> <div id="res-errors" class="alert alert-error">
<div id="res-success" style="display:none"> ERROR<span id="res-errors-body"></span>
Headers </div>
<pre id="res-headers"></pre> <div id="res-success" style="display:none">
Body Headers
<pre id="res-body"></pre> <pre id="res-headers"></pre>
Body
<pre id="res-body"></pre>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div><!-- /.modal-content -->
</div> </div><!-- /.modal-dialog -->
</div> </div><!-- /.modal -->
<script> <script>
$(function(){ $(function(){
$('#test-report-tab a').click(function (e) { $('#test-report-tab a').click(function (e) {