... | ... |
@@ -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 |