{% 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 %}

{% if authenticated and form %}

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

  {{ form.csrf_token }}

{% endif %}

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

    {% if authenticated and repo_admin %}

    -  

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

        Edit

    {% endif %}

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

    {% if authenticated and repo_admin %}

        {{ render_field(form.status) }}

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

    {% else %}

        Status: {{ issue.status }}

    {% endif %}

<section id="tags"></section>

    Tags:

    {% for tag in issue.tags %}

               repo=repo.name, tags=tag.tag) }}">

        {{ tag.tag }}{%- if not loop.last -%},{%- endif -%}

    {% endfor %}

    {% if authenticated and repo_admin %}

        placeholder="tag1, tag2" name="tag" title="comma separated list of tags">

    {% endif %}

<section id="assigned"></section>

    Assigned:

    {% if issue.assignee %}

               repo=repo.name, assignee=issue.assignee.username) }}">

        {{ issue.assignee.username }}

    {% endif %}

    {% if authenticated %}

          name="assignee" id="assignee" placeholder="username" >

    {% endif %}

<section id="blocks"></section>

    Blocking:

    {% if issue.parents %}

    {% for ticket in issue.parents %}

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

        {{ ticket.id }}

    {% endfor %}

    {% endif %}

    {% if authenticated %}

            placeholder="issue blocked" name="blocks"

            value="{{ issue.blocks_text | join(',') }}">

    {% endif %}

<section id="depends"></section>

    Depends on:

    {% if issue.children %}

    {% for ticket in issue.children %}

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

        {{ ticket.id }}

    {% endfor %}

    {% endif %}

    {% if authenticated %}

            placeholder="issue depending" name="depends"

            value="{{ issue.depends_text | join(',') }}">

    {% 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 and form %}

  <header></header>

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

    (supports the 

      target="_blank">Markdown syntax)

      
Comment

      
Preview

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

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

        <input id="clear_comment" type="button" value="Clear">

{% else %}

  
Login to comment on this ticket.

{% endif %}

{% if authenticated and form %}

{% 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,

                csrf_token: "{{ form.csrf_token.current_token }}",

              },

              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"));

    }

  );

  $( "#clear_comment").click(

    function() {

      $( "#comment" ).val("");

    }

  );

  var cache = {};

  $( "#tag" ).autocomplete({

    source: function( request, response ) {

      var pattern = request.term;

      if ( pattern in cache ) {

        response( cache[ pattern ] );

        return;

      }

      $.getJSON(

        "{{ url_for('api_ns.api_project_tags', repo=repo.name, username=username) }}", {

          pattern: request.term

        },

        function( data ) {

          cache[ pattern ] = data.tags;

          response( data.tags );

        }

      );

    },

    minLength: 0,

    delay: 200,

  });

  $('#assignee').autocomplete({

    source: function( request, response ) {

      $.getJSON(

        "{{ url_for('api_ns.api_users') }}", {

          pattern: request.term

        },

        function( data ) {

          response( data.users );

        }

      );

    },

    minLength: 2,

    delay: 200,

  });

});

{% endblock %}