| ... | ... |
@@ -102,6 +102,10 @@ |
| 102 | 102 |
padding:10px; |
| 103 | 103 |
border-radius:3px; |
| 104 | 104 |
} |
| 105 |
+.issue-add-comment-preview {
|
|
| 106 |
+ min-height:203px; |
|
| 107 |
+ display:none; |
|
| 108 |
+} |
|
| 105 | 109 |
.issue-left {
|
| 106 | 110 |
width:80%; |
| 107 | 111 |
} |
| ... | ... |
@@ -132,6 +132,24 @@ |
| 132 | 132 |
layout 'common', title => "Issue - $user_id/$project_id #$issue_number"; |
| 133 | 133 |
%> |
| 134 | 134 |
|
| 135 |
+%= javascript begin |
|
| 136 |
+ $(document).ready(function() {
|
|
| 137 |
+ $('#write-tab').on('click', function () {
|
|
| 138 |
+ $('#write-tab').find('a').attr('class', '');
|
|
| 139 |
+ $('#preview-tab').find('a').attr('class', 'disable');
|
|
| 140 |
+ $('#write-area').css('display', 'block');
|
|
| 141 |
+ $('#preview-area').css('display', 'none');
|
|
| 142 |
+ }); |
|
| 143 |
+ |
|
| 144 |
+ $('#preview-tab').on('click', function () {
|
|
| 145 |
+ $('#write-tab').find('a').attr('class', 'disable');
|
|
| 146 |
+ $('#preview-tab').find('a').attr('class', '');
|
|
| 147 |
+ $('#write-area').css('display', 'none');
|
|
| 148 |
+ $('#preview-area').css('display', 'block');
|
|
| 149 |
+ }); |
|
| 150 |
+ }); |
|
| 151 |
+% end |
|
| 152 |
+ |
|
| 135 | 153 |
%= include '/include/header'; |
| 136 | 154 |
|
| 137 | 155 |
<div class="container"> |
| ... | ... |
@@ -170,13 +188,15 @@ |
| 170 | 188 |
<form action="<%= url_for %>" method="post"> |
| 171 | 189 |
<%= hidden_field 'op' %> |
| 172 | 190 |
<div class="issue-add-comment-header"> |
| 173 |
- <div class="issue-add-comment-header-tab"><a href="javascript:void(0)">Write</a></div> |
|
| 174 |
- <div class="issue-add-comment-header-tab"><a class="disable" href="javascript:void(0)">Preview</a></div> |
|
| 191 |
+ <div id="write-tab" class="issue-add-comment-header-tab"><a href="javascript:void(0)">Write</a></div> |
|
| 192 |
+ <div id="preview-tab" class="issue-add-comment-header-tab"><a class="disable" href="javascript:void(0)">Preview</a></div> |
|
| 175 | 193 |
</div> |
| 176 | 194 |
<div class="issue-add-comment-body"> |
| 177 |
- <div class="issue-add-comment-message"> |
|
| 195 |
+ <div id="write-area" class="issue-add-comment-message"> |
|
| 178 | 196 |
<%= text_area 'message' %> |
| 179 | 197 |
</div> |
| 198 |
+ <div id="preview-area" class="issue-add-comment-preview"> |
|
| 199 |
+ </div> |
|
| 180 | 200 |
<div class="issue-add-comment-bottom"> |
| 181 | 201 |
<div class="issue-add-comment-button-left"> |
| 182 | 202 |
Styling with Markdown is supported |