{% extends "repo_master.html" %}

{% from "_formhelper.html"

    import render_field, render_bootstrap_field,

           show_comment, show_initial_comment %}

{% block title %}Issue #{{ issueid }}: {{issue.title | noJS(ignore="img") | safe }} - {{ repo.name }}{% endblock %}

{% set tag = "home"%}

{% block header %}

  rel="stylesheet" />

  rel="stylesheet" />

{% endblock %}

{% block repo %}

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

               onsubmit="return try_async_comment(this)">

  {{ form.csrf_token }}

    #{{ issueid }}

    {{issue.title | noJS("img") | safe }}

    {% if issue.private %}

    {% endif %}

    Created

    {{ issue.date_created | humanize}} by {{ issue.user.user }}

    {{ show_initial_comment(issue, username, repo,issueid, repo_admin, form) }}

    <section id="comments"></section>

      {% if issue.comments %}

        {% for comment in issue.comments %}

          {{ show_comment(comment, comment.id, repo, username, issueid, form, repo_admin) }}

        {% endfor %}

      {% endif %}

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

        {% if authenticated and form %}

          <fieldset class="form-group"></fieldset>

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

            <small class="text-muted pull-xs-right"></small>

                aria-pressed="false" id="previewinmarkdown">Preview

                placeholder="Enter your comment here" tabindex=1>

          Select files OR drag them into the comment field below.

            multiple tabindex=3 />

          <fieldset id="progress" style="display: none"></fieldset>

              
0%

             target="_blank">Markdown Syntax

              value="Update Issue" tabindex=2 />

              value="Clear" id="clear_comment" tabindex=4 />

        {% else %}

            Login

            to comment on this ticket.

        {% endif %}

          <fieldset class="form-group issue-metadata-display"></fieldset>

            <label>Status</label>

                if issue.status|lower == 'invalid' %}label-danger{%

                elif issue.status|lower == 'fixed' %}label-success{%

                elif issue.status|lower == 'insufficient data' %}label-warning{%

                elif issue.status|lower == 'open' %}label-primary{%

                endif %}">{{ issue.status }}

          {% if authenticated and repo_admin %}

            {{ render_bootstrap_field(form.status,

              formclass="issue-metadata-form") }}

          {% endif%}

          <fieldset class="form-group issue-metadata-display"></fieldset>

            <label>Tags</label>

                {% for tag in issue.tags %}

                    href="{{ url_for('view_issues', username=username,

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

                    {{ tag.tag }}

                {% endfor %}

          {% if authenticated and repo_admin %}

          <fieldset class="form-group issue-metadata-form"></fieldset>

            <label for="tag">Tags</label>

                title="comma separated list of tags"

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

          {% endif%}

          <fieldset class="form-group issue-metadata-display"></fieldset>

            <label>Assignee</label>

              {% if issue.assignee %}

                    'view_issues', username=username, repo=repo.name,

                    assignee=issue.assignee.username) }}">

                    {{ issue.assignee.username }}

              {% else %}

                unassigned

              {% endif %}

              {% if authenticated and repo_admin

                and (not issue.assignee or issue.assignee.username != g.fas_user.username) %}

                title="assign this issue to you">

                  Take

              {% endif %}

          {% if authenticated and repo_admin %}

          <fieldset class="form-group issue-metadata-form"></fieldset>

            <label for="assignee">Assignee</label>

              placeholder="username"

              value="{{ issue.assignee.username or '' }}" />

          {% endif%}

          <fieldset class="form-group issue-metadata-display"></fieldset>

            <label>Blocked</label>

              {% for ticket in issue.parents %}

                  href="{{ url_for('view_issue', username=username,

                            repo=repo.name, issueid=ticket.id)

                  }}" >#{{ ticket.id }}

              {% endfor %}

          {% if authenticated and repo_admin %}

                <fieldset class="form-group issue-metadata-form"></fieldset>

                  <label for="blocks">Blocked</label>

                    placeholder="issue blocked" name="blocks"

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

          {% endif%}

          <fieldset class="form-group issue-metadata-display"></fieldset>

            <label>Depends on</label>

              {% for ticket in issue.children %}

                  href="{{ url_for('view_issue', username=username,

                            repo=repo.name, issueid=ticket.id)

                    }}">#{{ ticket.id }}

              {% endfor %}

          {% if authenticated and repo_admin %}

            <fieldset class="form-group issue-metadata-form"></fieldset>

              <label for="depends">Depends on</label>

                placeholder="issue depending" name="depends"

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

          {% endif%}

          {% if repo.priorities %}

          <fieldset class="form-group issue-metadata-display"></fieldset>

            <label>Priority</label>

              {% if issue.priority %}

              {{ repo.priorities[issue.priority | string] }}

              {% endif %}

          {% if authenticated and repo_admin %}

            {{ render_bootstrap_field(form.priority,

              formclass="issue-metadata-form") }}

          {% endif%}

          {% endif %}

          <input class="btn btn-primary issue-metadata-form" type="submit" value="Update">

              cancel

          {% if authenticated and repo_admin %}

              Edit Metadata

          {% endif %}

{% endblock %}

{% block jscripts %}

{{ super() }}

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

  var UPLOAD_URL = "{{ url_for('upload_issue', repo=repo.name, issueid=issue.id, username=username) }}";

    src="{{ url_for('static', filename='emoji/jquery.textcomplete.min.js') }}">

    src="{{ url_for('static', filename='emoji/emojione.min.js') }}">

  src="{{ url_for('static', filename='upload.js') }}">

<script src="{{ url_for('static', filename='selectize.min.js') }}" type="text/javascript"></script>

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

{% if authenticated and form %}

$(document).ready(function() {

  // Set up the drag/drop zone.

  initDropbox("{{ form.csrf_token.current_token }}", "#comment");

  // Set up the handler for the file input box.

  $("#file-picker").on("change", function() {

    doUpload("{{ form.csrf_token.current_token }}", this.files);

  });

});

{% endif %}

function setup_edit_btns() {

  $(".edit_btn").unbind();

  $(".edit_btn").click(function() {

    var commentid = $( this ).attr('data-comment');

    var _url = '{{ request.base_url }}' + '/comment/' + commentid + '/edit';

    $.ajax({

        url: _url + '?js=1',

        type: 'GET',

        dataType: 'html',

        success: function(res) {

            var el = $('#comment-' + commentid);

            var sec = el.parent().find('.issue_comment');

            $(sec).hide();

            el.parent().find('.issue_actions').hide();

            $(sec).after(res);

            cancel_edit_btn();

        },

        error: function() {

            alert('Could not make edit work');

        }

    });

    return false;

  });

};

function cancel_edit_btn() {

  $("#comment_update_cancel").unbind();

  $("#comment_update_cancel").click(

    function() {

      $(this).closest('#comments').find('.issue_comment').show();

      $(this).closest('#comments').find('.issue_actions').show();

      $(this).closest('.edit_comment').remove();

      return false;

    });

};

function setup_reply_btns() {

  $(".reply").unbind();

  $( ".reply" ).click(

    function() {

      if ($(this).attr('data-toggle')){

        var _section = $(this).closest('.card-block');

      } else {

        var _section = $(this).closest('.clearfix');

      }

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

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

      var _output = new Array();

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

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

      }

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

    }

  );

};

$(document).ready(function() {

  var cur_hash = null;

  highlight_comment = function() {

    var _hash = window.location.hash;

    if (_hash != cur_hash) {

      $( cur_hash ).css(

        "background", "linear-gradient(to bottom, #ededed 0%, #fff 100%)"

      );

    };

    cur_hash = _hash;

    if ( _hash ) {

      $( _hash ).css(

        "background", "linear-gradient(to bottom, #eded98 0%, #fff 100%)"

      );

    };

    return false;

  };

  {% if repo_admin %}

  $('#closeticket').click(function(event){

    event.preventDefault();

    var closeForm = $('<form>', {</form>

        'method': 'POST',

        'action': '{{

        url_for('.delete_issue',

                 username=username, repo=repo.name, issueid=issueid) }}',

    }).append($('<input>', {

        'name': 'csrf_token',

        'value': '{{ form.csrf_token.current_token }}',

        'type': 'hidden'

    })).appendTo('body');

    if (confirm('Are you sure to delete this ticket? \nThis is final and cannot be un-done.')){

      closeForm.submit();

    }

    return false;

  });

  {% endif %}

  $(window.onload=highlight_comment());

  $(window).on('hashchange', highlight_comment);

  cancel_edit_btn();

  setup_edit_btns();

  setup_reply_btns();

});

{% if config['EVENTSOURCE_SOURCE'] and not issue.private %}

  src="{{ url_for('static', filename='issue_ev.js') }}">

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

var source = null;

var sse = true;

if (!!window.EventSource) {

  source = new EventSource('{{ config["EVENTSOURCE_SOURCE"]

    + request.script_root + request.path }}');

  source.addEventListener('error', function(e) {

    sse = false;

  }, false);

}

window.onbeforeunload = function() {

    source.close()

};

source.addEventListener('message', function(e) {

  console.log(e.data);

  var data = $.parseJSON(e.data);

  var _issues_url ='

    url_for('view_issues', username=username, repo=repo.name)}}';

  var _api_issues_url ='{{

    url_for('api_ns.api_view_issue', username=username,

            repo=repo.name, issueid='-123456789')}}';

  var _issue_url ='{{

    url_for('view_issue', username=username,

            repo=repo.name, issueid='-123456789')}}';

  process_event(data, "{{ issue.uid }}", _issue_url,

                _issues_url, _api_issues_url,

                "{{ g.fas_user.username }}");

  setup_edit_btns();

  setup_reply_btns();

  }, false);

{% if authenticated and form %}

function try_async_comment(form) {

  console.log(form)

  $(form).find('input[type="submit"]').attr("disabled", "disabled");

  var _data = $(form).serialize();

  var btn = $(document.activeElement);

  if (btn[0].name == 'drop_comment'){

    _data += '&drop_comment=' + btn[0].value;

    return true;

  }

  if (!sse) {

    $(form).off('submit');

    form.submit();

    return false;

  }

  var _url = form.action + "?js=1";

  $.post( _url, _data )

    .done(function(data) {

      if(data == 'ok') {

        {# The event-source server will automatically refresh the UI #}

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

        $('#preview').html('');

        $('#previewinmarkdown').addClass('inactive');

        $('#previewinmarkdown').removeClass('active');

        $('#preview').hide();

        $('#comment').show();

        $('#comments').find('.comment_body').show();

        $('#comments').find('.edit_comment').remove();

        $( ".issue-metadata-form" ).hide();

        $( ".issue-metadata-display" ).show();

      } else {

        // Make the browser submit the form sync

        $(form).off('submit');

        form.submit();

      }

    })

    .fail(function() {

      // Make the browser submit the form sync

      $(form).off('submit');

      form.submit();

    })

  $(form).find('input[type="submit"]').removeAttr("disabled");

  return false;

};

{% endif %}

{% endif %}

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

$( document ).ready(function() {

  var emojiStrategy;

  $.getJSON(

    '{{ url_for("static", filename="emoji/emoji_strategy.json") }}',

    function( data ) {

      emojiStrategy =  data;

    }

  );

  var folder = '{{url_for("static", filename="emoji/png/") }}';

  var json_url = '{{ url_for("static", filename="emoji/emoji_strategy.json") }}';

  emoji_complete(json_url, folder);

  $(".comment_body").each(function(ind, obj) {

    var source = $(obj).html();

    var preview = emojione.toImage(source);

    $(obj).html(preview);

  });

  $( ".editmetadatatoggle" ).click(

    function() {

      $( ".issue-metadata-form" ).toggle();

      $( ".issue-metadata-display" ).toggle();

    }

  );

  $('#assignee').selectize({

      valueField: 'user',

      labelField: 'user',

      searchField: 'user',

      maxItems: 1,

      create: false,

      load: function(query, callback) {

        if (!query.length) return callback();

        $.getJSON(

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

            pattern: query.term

          },

          function( data ) {

            callback( data.users.map(function(x) { return { user: x }; }) );

          }

        );

      }

  });

  $('#blocks').selectize({

    plugins: ['remove_button'],

    valueField: 'id',

    labelField: 'id',

    searchField: ['id', 'title'],

    preload: 'focus',

    render: {

      option: function(item, escape) {

        return '
'+escape(item.id)+' '+escape(item.title)+'
';

      },

      item: function(item, escape) {

        return '
#'+escape(item.id)+'
';

      },

    },

    create: false,

    load: function(query, callback) {

      $.getJSON(

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

        function( data ) {

          //console.log(data.issues);

          callback(data.issues);

        }

      );

    }

  });

  $('#depends').selectize({

    plugins: ['remove_button'],

    valueField: 'id',

    labelField: 'id',

    searchField: ['id', 'title'],

    preload: 'focus',

    render: {

      option: function(item, escape) {

        return '
'+escape(item.id)+' '+escape(item.title)+'
';

      },

      item: function(item, escape) {

        return '
#'+escape(item.id)+'
';

      },

    },

    create: false,

    load: function(query, callback) {

      $.getJSON(

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

        function( data ) {

          //console.log(data.issues);

          callback(data.issues);

        }

      );

    }

  });

  $( "#clear_comment").click(

    function() {

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

    }

  );

  var available_tags = [];

  {%for tog in tag_list %}

    available_tags.push("{{tog.tag}}");

  {%endfor%}

  var items = available_tags.map(function(x) { return { item: x }; });

  $('#tag').selectize({

    delimiter: ',',

    options: items,

    persist: false,

    create: true,

    labelField: "item",

    valueField: "item",

  });

  $( "#preview" ).hide();

  $( "#previewinmarkdown" ).click(

    function(event, ui) {

      if ($( "#previewinmarkdown" ).hasClass("inactive")){

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

        var _url = "{{ url_for('markdown_preview',

                        user=repo.user.user if repo.is_fork,

                        repo=repo.name) | safe}}";

        $.ajax({

          url: _url ,

          type: 'POST',

          data: {

            content: _text,

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

          },

          dataType: 'html',

          success: function(res) {

            var preview = emojione.toImage(res)

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

            $( "#previewinmarkdown" ).removeClass("inactive");

            $( "#previewinmarkdown" ).addClass("active");

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

            $( "#preview" ).show();

          },

          error: function() {

            alert('Unable to generate preview!');

          }

        });

        return false;

      } else if ($( "#previewinmarkdown" ).hasClass("active")){

        $( "#previewinmarkdown" ).addClass("inactive");

        $( "#previewinmarkdown" ).removeClass("active");

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

        $( "#preview" ).hide();

      }

    }

  );

  {% if authenticated and repo_admin %}

    $("#take-btn").click(function(){

      var _url = "{{ url_for(

        'api_ns.api_assign_issue', repo=repo.name, username=username, issueid=issueid

        ) }}";

      var _data = {assignee: "{{ g.fas_user.username }}"};

      $.post( _url, _data ).done(

        function(data) {

          var _user_url = '\n

            + '?assignee={{ g.fas_user.username }}">'

            + '{{ g.fas_user.username }}';

          $('#assignee_plain').html(_user_url);

          $('#assignee').val("{{ g.fas_user.username }}");

        }

      )

      return false;

    });

  {% endif %}

});

{% endblock %}