GitBucket/src/main/twirl/issues/issue.scala.html

@(issue: model.Issue,
  comments: List[model.IssueComment],
  issueLabels: List[model.Label],
  collaborators: List[String],
  milestones: List[(model.Milestone, Int, Int)],
  labels: List[model.Label],
  hasWritePermission: Boolean,
  repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
@import context._
@import view.helpers._
@html.main(s"${issue.title} - Issue #${issue.issueId} - ${repository.owner}/${repository.name}", Some(repository)){
  @html.menu("issues", repository){
    <ul class="nav nav-tabs pull-left fill-width">
      <li class="pull-left">
        <h1>
          <span class="show-title">
            <span id="show-title">@issue.title</span>
            <span class="muted">#@issue.issueId</span>
          </span>
          <span class="edit-title" style="display: none;">
            <span id="error-edit-title" class="error"></span>
            <input type="text" class="span9" id="edit-title" value="@issue.title"/>
          </span>
        </h1>
        @if(issue.closed) {
          <span class="label label-important issue-status">Closed</span>
        } else {
          <span class="label label-success issue-status">Open</span>
        }
        <span class="muted">
          @user(issue.openedUserName, styleClass="username strong") opened this issue on @datetime(issue.registeredDate) - @defining(
            comments.filter( _.action.contains("comment") ).size
          ){ count =>
            @count @plural(count, "comment")
          }
        </span>
        <br/><br/>
      </li>
      <li class="pull-right">
        <div class="show-title">
          @if(hasWritePermission || loginAccount.map(_.userName == issue.openedUserName).getOrElse(false)){
            <a class="btn btn-small" href="#" id="edit">Edit</a>
          }
          <a class="btn btn-small btn-success" href="@url(repository)/issues/new">New issue</a>
        </div>
        <div class="edit-title" style="display: none;">
          <a class="btn" href="#" id="update">Save</a>  <a href="#" id="cancel">Cancel</a>
        </div>
      </li>
    </ul>
    <div class="row-fluid">
      <div class="span10">
        @commentlist(issue, comments, hasWritePermission, repository)
        @commentform(issue, true, hasWritePermission, repository)
      </div>
      <div class="span2">
        @issueinfo(issue, comments, issueLabels, collaborators, milestones, labels, hasWritePermission, repository)
      </div>
    </div>
  }
}
<script>
$(function(){
  $('#edit').click(function(){
    $('.edit-title').show();
    $('.show-title').hide();
    return false;
  });

  $('#update').click(function(){
    $(this).attr('disabled', 'disabled');
    $.ajax({
      url: '@url(repository)/issues/edit_title/@issue.issueId',
      type: 'POST',
      data: {
        title   : $('#edit-title').val()
      }
    }).done(function(data){
      $('#show-title').empty().text(data.title);
      $('#cancel').click();
      $(this).removeAttr('disabled');
    }).fail(function(req){
      $(this).removeAttr('disabled');
      $('#error-edit-title').text($.parseJSON(req.responseText).title);
    });
    return false;
  });

  $('#cancel').click(function(){
    $('.edit-title').hide();
    $('.show-title').show();
    return false;
  });
});
</script>