{% extends "repo_master.html" %}

{% from "_formhelper.html" import render_field %}

{% block title %}Issue #{{ issueid }} - {{ repo.name }}{% endblock %}

{%block tag %}home{% endblock %}

{% macro show_comment(user, date, content) %}

  <section class="issue_comment"></section>

    <header></header>

      {{ user.user | avatar(16) | safe }}

        {{ user.user }}

       - {{ date | humanize}}

      <aside class="issue_action"></aside>

          reply

      {% autoescape false %}

        {{ content | markdown }}

      {% endautoescape %}

{% endmacro %}

{% block repo %}

    #{{ issueid }} {{ issue.title }}

    {% if authenticated %}

    -  

                  repo=repo.name, issueid=issueid) }}">

        Edit

    {% endif %}

    <aside class="issue_action"></aside>

    {% if authenticated and form %}

               repo=repo.name, issueid=issueid) }}" method="post">

        {{ render_field(form.status) }}

        <input class="submit positive button" type="submit" value="Update">

        {{ form.csrf_token }}

    {% else %}

        Status: {{ issue.status }}

    {% endif %}

{{ show_comment(issue.user, issue.date_created, issue.content) }}

{% if issue.comments %}

  {% for comment in issue.comments %}

    {{ show_comment(comment.user, comment.date_created, comment.comment) }}

  {% endfor %}

{% endif %}

<section class="issue_comment add_comment"></section>

{% if authenticated %}

  <header></header>

    <label for="comment">Add new comment</label>

    (supports the 

      target="_blank">Markdown syntax)

      
Comment

      
Preview

                       repo=repo.name, issueid=issueid) }}" method="post">

          <textarea id="comment" name="comment" placeholder="Enter your comment here"></textarea>

          {{ form_comment.csrf_token }}

          <input class="submit positive button" type="submit" value="Comment">

{% else %}

  
Login to comment on this ticket.

{% endif %}

{% endblock %}

{% block jscripts %}

{{ super() }}

<script type="text/javascript"></script>

$(function() {

  $( "#tabs" ).tabs();

  $( "#tabs" ).on('tabsactivate',

    function(event, ui) {

      if (ui.newPanel.selector == '#preview') {

        var _text = $( "#comment" ).val();

        var _url = "{{ url_for('markdown_preview') }}";

          $.ajax({

              url: _url ,

              type: 'POST',

              data: {content: _text},

              dataType: 'html',

              success: function(res) {

                  $( "#preview" ).html(res);

              },

              error: function() {

                  alert('Unable to generate preview!');

              }

          });

          return false;

      }

    }

  );

  $( ".reply" ).click(

    function() {

        var _section = $(this).parent().parent().parent();

        var _comment = _section.find('.comment_body');

        var _text = _comment.text().split("\n");

        var _output = new Array();

        for (cnt = 0; cnt < _text.length - 1; cnt ++) {

            _output[cnt] = '> ' + jQuery.trim(_text[cnt + 1]);

        }

        $( "#comment" ).val(_output.join("\n"));

    }

  );

});

{% endblock %}