added preview to the issue change form

This commit is contained in:
hyung-hwan 2015-04-09 03:34:49 +00:00
parent 40de03b42d
commit 7e5c029520
2 changed files with 62 additions and 8 deletions

View File

@ -148,6 +148,12 @@ $(function () {
} }
); );
$("#issue_change_comment_preview_button").button().click(
function () {
render_wiki_comment_preview ($("#issue_change_comment").val());
}
);
}); });
</script> </script>
@ -424,6 +430,7 @@ $this->load->view (
<div> <div>
<?=form_label ($this->lang->line('Comment'), 'issue_change_comment')?> <?=form_label ($this->lang->line('Comment'), 'issue_change_comment')?>
<a href='#' id='issue_change_comment_preview_button'><?=$this->lang->line('Preview')?></a>
<?php <?php
$xdata = array ( $xdata = array (
'name' => 'issue_change_comment', 'name' => 'issue_change_comment',
@ -434,6 +441,8 @@ $this->load->view (
); );
print form_textarea ($xdata); print form_textarea ($xdata);
?> ?>
<div id='issue_change_comment_preview' class='form_input_preview'></div>
</div> </div>
<?=form_close()?> <?=form_close()?>
</div> <!-- issue_show_change_form --> </div> <!-- issue_show_change_form -->
@ -453,14 +462,14 @@ $this->load->view (
</div> <!-- issue_show_content --> </div> <!-- issue_show_content -->
<?php
$creole_base = site_url() . "/wiki/show/{$project->id}/";
$creole_attachment_base = site_url() . "/wiki/attachment0/{$project->id}/";
?>
<script type="text/javascript"> <script type="text/javascript">
function render_wiki() function render_wiki()
{ {
<?php
$creole_base = site_url() . "/wiki/show/{$project->id}/";
$creole_attachment_base = site_url() . "/wiki/attachment0/{$project->id}/";
?>
creole_render_wiki ( creole_render_wiki (
"issue_show_mainarea_description_pre", "issue_show_mainarea_description_pre",
"issue_show_mainarea_description", "issue_show_mainarea_description",
@ -484,6 +493,18 @@ function render_wiki()
prettyPrint (); prettyPrint ();
} }
function render_wiki_comment_preview(input_text)
{
creole_render_wiki_with_input_text (
input_text,
"issue_change_comment_preview",
"<?=$creole_base?>",
"<?=$creole_attachment_base?>"
);
prettyPrint ();
}
</script> </script>
</body> </body>

View File

@ -104,11 +104,18 @@
} }
#issue_show_mainarea_change_form textarea { #issue_show_mainarea_change_form textarea {
display: block; -moz-box-shadow: 0 2px 4px #bbb inset;
padding: 1px; -webkit-box-shadow: 0 2px 4px #BBB inset;
font-size: inherit; box-shadow: 0 2px 4px #BBB inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 0 none;
font-family: consolas, "Andale Mono", monospace; font-family: consolas, "Andale Mono", monospace;
width: 100%; width: 100%;
font-size: 0.9em;
} }
#issue_show_mainarea_changes { #issue_show_mainarea_changes {
@ -168,6 +175,32 @@
padding-bottom: 0.3em; padding-bottom: 0.3em;
} }
#issue_change_form {
font-size: 1em;
}
/* all these elements inside the form requires a lot of refinement.
* many of these are duplicates of elemenents in common.css */
#issue_change_form .form_input_preview {
background-color: #FFFFF0;
font-size: 0.9em;
padding: 0.2em 0.2em 0.2em 0.2em;
margin-bottom: 0.5em;
}
#issue_change_form .form_input_preview table {
font-size: 1em;
}
#issue_change_form .form_input_preview pre {
background-color: #F8F8FA;
padding: 0.2em 0.2em 0.2em 0.2em;
}
#issue_change_comment_preview_button {
font-size: 0.8em;
}
/*--------------------------------------------- /*---------------------------------------------
* issue edit * issue edit
*---------------------------------------------*/ *---------------------------------------------*/