122 lines
3.6 KiB
Plaintext
122 lines
3.6 KiB
Plaintext
<style>
|
||
#approvalModal {
|
||
width: 90%;
|
||
height: 600px;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
margin: auto;
|
||
position: absolute;
|
||
}
|
||
#approvalModal .preview-iframe {
|
||
border: 0;
|
||
outline: none;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
#approvalModal .modal-body {
|
||
background-color: #fff;
|
||
padding: 0;
|
||
max-height: none;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
}
|
||
#approvalModal .modal-left {
|
||
overflow: auto;
|
||
float: left;
|
||
width: 19.8%;
|
||
border-right: 1px solid #DFDFDF;
|
||
height: 100%;
|
||
padding: 1em;
|
||
margin: 0;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
#approvalModal .modal-right {
|
||
float: right;
|
||
width: 80%;
|
||
height: 100%;
|
||
}
|
||
.approvalModal__form {
|
||
padding: 0 10px;
|
||
margin: 0;
|
||
}
|
||
label.approvalModal__radio {
|
||
display: inline-block;
|
||
}
|
||
label.control-label {
|
||
display: inline-block;
|
||
}
|
||
|
||
.approvalModal__controls {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.approvalModal__group {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
label.approvalModal__label {
|
||
display: inline-block;
|
||
margin: 0 4px 0 7px;
|
||
position: relative;
|
||
top: -1px;
|
||
}
|
||
.approvalModal__controls .approvalModal__privacy {
|
||
margin: 0 5px;
|
||
}
|
||
.approvalModal__controls .approvalModal__large {
|
||
}
|
||
#approvalModal .modal-footer {
|
||
text-align: left;
|
||
padding: 15px 10px 10px;
|
||
}
|
||
.approvalModal__group.confirm {
|
||
float: right;
|
||
}
|
||
</style>
|
||
<div id="approvalModal" class="modal hide fade" role="dialog">
|
||
<div class="modal-header">
|
||
<a class="close" data-dismiss="modal">×</a>
|
||
<h3>預覽</h3>
|
||
</div>
|
||
<div class="modal-body clearfix">
|
||
<div class="modal-left">
|
||
<label for="____">寄送對象</label>
|
||
</div>
|
||
<div class="modal-right">
|
||
<iframe class="preview-iframe"></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<%= form_tag "/admin/event_ann/approve_bulletin", :class=>"approvalModal__form" do %>
|
||
<div class="approvalModal__group">
|
||
<label class="control-label" for="bulletin_approval_stat">審核狀態</label>
|
||
<div class="approvalModal__controls">
|
||
<label class="approvalModal__radio">
|
||
<input class="approvalModal__privacy" id="bulletin_is_checked_true" name="approved" type="radio" value="true">已認可
|
||
</label>
|
||
<label class="approvalModal__radio">
|
||
<input checked="checked" class="approvalModal__privacy" id="bulletin_approved_false" name="approved" type="radio" value="false">拒絕
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="approvalModal__group group--reject">
|
||
<label class="approvalModal__label" for="is_checked_false_拒絕原因">拒絕原因</label>
|
||
<div class="approvalModal__controls">
|
||
<input class="approvalModal__large" id="bulletin_not_checked_reason" name="reason" size="30" type="text">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="approvalModal__group confirm">
|
||
<input class="approvalModal__btn btn btn-primary" name="commit" type="submit" value="送出">
|
||
<input type="hidden" id="object_id" name="id" />
|
||
<button class="approvalModal__btn btn" data-dismiss="modal" aria-hidden="true">關閉</button>
|
||
</div>
|
||
<% end %>
|
||
</div>
|
||
</div> |