{% extends "repo_master.html" %}

{% from "_formhelper.html"

    import render_bootstrap_field,

           show_comment, show_initial_comment, show_attachments %}

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

{% set tag = "home"%}

{% block header %}

  url_for('static', filename='vendor/emojione/emojione.sprites.css') }}?version={{ g.version}}"/>

  url_for('static', filename='vendor/selectize/selectize.bootstrap3.css') }}?version={{ g.version}}"/>

  url_for('static', filename='vendor/jquery.atwho/jquery.atwho.css') }}?version={{ g.version}}"/>

{% endblock %}

{% block repo %}

      {% if g.authenticated and (g.repo_user or open_access or g.fas_user.username == issue.user.user) %}

        namespace=repo.namespace, repo=repo.name, issueid=issueid)

        }}" method="post" class="hidden" id="changestatusform">

        {{form.csrf_token}}

        <input id="statusform_status" name="status" type="hidden" value="">

        <input id="statusform_close_status" name="close_status" type="hidden" value="">

      {% endif %}

      {% if g.authenticated and (g.repo_user or open_access) %}

        <input id="statusform_tag" name="tag" type="hidden" value="">

        <input id="statusform_depending" name="depending" type="hidden" value="">

        <input id="statusform_blocking" name="blocking" type="hidden" value="">

        <input id="statusform_assignee" name="assignee" type="hidden" value="">

        <input id="statusform_milestone" name="milestone" type="hidden" value="">

        <input id="statusform_priority" name="priority" type="hidden" value="">

        {{form.private}}

        {% if repo.issue_keys %}

          {% for field in repo.issue_keys %}

          <input id="statusform_{{ field.name | replace(' ', '_') }}" name="{{ field.name }}" type="hidden" value="">

          {% endfor %}

        {% endif %}

      {% endif %}

      {% if g.authenticated and (g.repo_user or open_access or g.fas_user.username == issue.user.user) %}

      {% endif %}

          {% if issue.private %}

          {% endif %}

          {% if issue.status == 'Open' %}

            #{{issue.id}}

          {% elif issue.status == 'Closed' %}

            #{{issue.id}}

          {% endif %}

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

          {% if g.repo_committer or (

            g.fas_user and g.fas_user.username == issue.user.username) %}

              url_for('ui_ns.edit_issue',

                      repo=repo.name,

                      username=username,

                      namespace=repo.namespace,

                      issueid=issueid)

              }}" title="Edit this issue">

          {% endif %}

          <small></small>

          {% if issue.status == 'Open' %}

              Opened {{ issue.date_created |humanize }}

             by {{ issue.user.user }}.

              Modified {{ issue.last_updated |humanize }}

          {% elif issue.status == 'Closed' %}

                {% if issue.close_status %}

                Closed: {{issue.close_status}}

                {% else %}

                Closed

                {% endif %}

               {{ issue.closed_at |humanize }}

            {% if issue.closed_by %}

            by

            {{ issue.closed_by.user }}.

            {% endif %}

                Opened {{ issue.date_created |humanize }}

            by {{ issue.user.user }}.

          {% endif %}

          {% if g.authenticated and (g.repo_user or open_access or g.fas_user.username == issue.user.user) %}

          id="dropdownMenuButton" data-toggle='dropdown' aria-haspopup="true" aria-expanded="false">

          {% else %}

          {% endif %}

              {% if issue.status == 'Open' %}

                Open

              {% else %}

                {% if issue.close_status %}

                Closed: {{issue.close_status}}

                {% else %}

                Closed

                {% endif %}

              {% endif %}

            {% if issue.status == 'Open' %}

              {% if repo.close_status %}

              
Close issue as:

              {% for close_status in repo.close_status %}

              {{close_status}}

              {% endfor %}

              {% else %}

              Close Issue

              {% endif %}

            {% else %}

              Reopen Issue

            {% endif %}

            {% if g.repo_committer %}

                title="Delete this ticket">

                 Delete Issue

            {% endif %}

namespace=repo.namespace, repo=repo.name, issueid=issueid)

}}" method="post" class="mainform">

{{ form.csrf_token }}

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

    <section class="pt-1" id="comments"></section>

      {% if issue.comments %}

        {% for comment in issue.comments %}

        {% if comment.notification %}

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

            {{ comment.comment | markdown | noJS | safe }}

                {{

                    comment.date_created | humanize }}

        {% else %}

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

        {% endif %}

        {% endfor %}

      {% endif %}

        {% if g.authenticated and form and not repo.settings.get('issue_tracker_read_only', False) %}

                    Add new comment

                          Preview

                          Edit

                    {% if repo.quick_replies %}

                    {% include "quick_reply.html" %}

                    {% endif %}

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

                <label class="custom-file font-size-09"></label>

                    <input accept="image/*" class="custom-file-input" id="file-picker" multiple="" name="file" tabindex="3" type="file">

                    <label class="custom-file-label" for="file-picker"></label>

                      Browse to attach images or drag them into the comment field

                  
0%

              <small>Comments use </small>

                 target="_blank" rel="noopener noreferrer" class="notblue">Markdown Syntax

                  {% if g.authenticated and (g.repo_user or open_access or g.fas_user.username == issue.user.user) %}

                  {% if issue.status == 'Open' %}

                    {% if repo.close_status %}

                    id="dropdownMenuButton" data-toggle='dropdown' aria-haspopup="true" aria-expanded="false" tabindex=3>

                      Comment & Close

                      
Close issue as:

                      {% for close_status in repo.close_status %}

                        {{close_status}}

                      {% endfor %}

                    {% else %}

                        Comment & Close

                    {% endif %}

                {% else %}

                    Comment & Reopen

                {% endif %}

                {% endif %}

                value="Comment" tabindex=2 />

      {% elif g.authenticated and form and repo.settings.get('issue_tracker_read_only', False) %}

          This issue tracker is read-only.

      {% else %}

          Login

          to comment on this ticket.

      {% endif %}

            
Metadata

            {% if g.authenticated and (g.repo_user or g.fas_user.username == issue.user.user or open_access)

              and not repo.settings.get('issue_tracker_read_only', False) %}

            {% endif %}

          {% if g.authenticated and (g.repo_user or g.fas_user.username == issue.user.user) %}

            {{form.status}}

            {{form.close_status}}

          {% endif%}

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

            <label class="mb-1 pl-1">  Assignee</label>

                {% if issue.assignee %}

                  
{{issue.assignee.username| avatar(size=24) | safe}}

                        'ui_ns.view_issues',

                        repo=repo.name,

                        username=username,

                        namespace=repo.namespace,

                        assignee=issue.assignee.username)

                        }}" title="{{ issue.assignee.html_title }}">

                        {{ issue.assignee.username }}

                      {% if g.authenticated and (issue.assignee.username == g.fas_user.username) %}

                      — 

                          title="drop the assignment of this issue">

                        Drop

                    {% endif %}

                {% else %}

                    None

                    {% if g.authenticated and (g.repo_user or g.fas_user.username == issue.user.user or open_access) and issue.status|lower == 'open'

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

                      and not repo.settings.get('issue_tracker_read_only', False) %}

                      — 

                      title="assign this issue to you">

                        Take

                    {% endif %}

                {% endif %}

          {% if g.authenticated and (g.repo_user or open_access) %}

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

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

              placeholder="username"

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

          {% endif%}

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

            <label class="mb-1"> Tags</label>

            {% if issue.tags %}

                {% for tag in issue.tags %}

                    data-bg-color="{{ tag.tag_color }}"

                    class="badge badge-secondary text-left my-1 p-2 badge-tag"

                    href="{{ url_for('ui_ns.view_issues',

                        repo=repo.name,

                        username=username,

                        namespace=repo.namespace,

                        tags=tag.tag) }}">

                    {{ tag.tag }}

                {% endfor %}

            {% else %}

              
None

            {% endif%}

          {% if g.authenticated and (g.repo_user or open_access) %}

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

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

                title="comma separated list of tags"

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

          {% endif%}

          {%macro blocks_item(ticket, itemtype="block") %}

          {% if ticket.status|lower == 'open' %}

            {% set status_color = "success" %}

          {% elif ticket.status|lower == 'merged' %}

            {% set status_color = "info" %}

          {% else %}

            {% set status_color = "danger" %}

          {% endif %}

              #{{ticket.id}}

                  href="{{ url_for('ui_ns.view_issue',

                   repo=repo.name,

                   username=username,

                   namespace=repo.namespace,

                   issueid=ticket.id)

                 }}" class="notblue">{{ticket.title}}

          {% endmacro %}

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

            <label class="mb-1 pl-1">  Blocking</label>

            {% if issue.children %}

              {% for ticket in issue.children %}

              {{blocks_item(ticket, itemtype="block")}}

              {% endfor %}

            {% else %}

              
None

            {% endif%}

          {% if g.authenticated and (g.repo_user or open_access) %}

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

              <label for="blocking">Blocking</label>

                placeholder="issue blocking" name="blocking"

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

          {% endif%}

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

            <label class="mb-1 pl-1">  Depending on</label>

            {% if issue.parents %}

              {% for ticket in issue.parents %}

              {{blocks_item(ticket, itemtype="depend")}}

              {% endfor %}

            {% else %}

              
None

            {% endif %}

          {% if g.authenticated and (g.repo_user or open_access) %}

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

              <label for="depending">Depending on</label>

                placeholder="issue depending" name="depending"

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

          {% endif%}

          {% if repo.priorities %}

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

            <label class="mb-1 pl-1">  Priority</label>

            {% if issue.priority is not none  %}

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

            {% else %}

              
None

            {% endif %}

          {% if g.authenticated and (g.repo_user or open_access) %}

            {{ render_bootstrap_field(form.priority,

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

          {% endif%}

          {% endif %}

          {% if repo.milestones %}

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

            <label class="mb-1 pl-1">  Milestone</label>

              {% if issue.milestone %}

                    'ui_ns.view_milestone',

                    repo=repo.name,

                    username=username,

                    namespace=repo.namespace,

                    milestone=issue.milestone) }}">

                  {{ issue.milestone }}

              {% else %}

              None

              {% endif %}

          {% if g.authenticated and (g.repo_user or open_access) %}

            {{ render_bootstrap_field(form.milestone,

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

          {% endif%}

          {% endif %}

          {% if g.authenticated and (g.repo_user or open_access) %}

            {{ render_bootstrap_field(form.private,

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

          {% endif%}

          {% if repo.issue_keys %}

          {% for field in repo.issue_keys %}

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

              <label class="mb-0">  {{ field.name }}</label>

                  {% if field.name in knowns_keys %}

                    {% if field.key_type == 'link' %}

                      {% for link in knowns_keys[field.name].value.split(',') %}

                        {{ link }}

                      {% endfor %}

                    {% else %}

                      {{ knowns_keys[field.name].value }}

                    {% endif %}

                  {% else %}

                    
None

                  {% endif %}

            {% if g.authenticated and (g.repo_user or open_access) %}

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

                <label for="field"> {{ field.name }}</label>

                {% if field.key_type == 'list' %}

                      name="{{ field.name }}"

                      id="{{ field.name | replace(' ', '_') }}">

                    <option value="None">None</option>

                    {% for item in field.data or [] %}

                      <option %}="" and="" endif="" field.name="" if="" in="" item="=" knowns_keys="" knowns_keys[field.name].value="" selected="" value="{{item}}" {%=""></option>

                        {{ item }}

                    {% endfor %}

                {% else %}

                    {%- if field.key_type == 'boolean' %} type="checkbox" {% endif %}

                    {%- if field.key_type == 'date'%} type="date" {% endif %}

                    class="form-control" name="{{ field.name }}" id="{{ field.name }}"

                    {%- if field.name in knowns_keys %}

                      {% if field.key_type == 'boolean'%}

                        {% if knowns_keys[field.name].value in ['true', 'on', '1'] %}checked{% endif %}

                      {% else %} value="{{ knowns_keys[field.name].value }}"

                      {% endif %}

                    {%- endif -%} />

                {% endif %}

            {% endif %}

          {% endfor %}

    {% endif %}

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

    {% if attachments %}

              Attachments

              {{attachments|count}}

            {#

                {% if g.fas_user.username in subscribers -%}

                  title="Unsubscribe from this issue">Unsubscribe

                {%- else -%}

                  title="Subscribe to this issue">Subscribe

                {%- endif -%}

            #}

          {{ show_attachments(attachments) }}

    {% endif %}

    {% if g.authenticated %}

            Subscribers

            {{subscribers|count}}

              {% if g.fas_user.username in subscribers -%}

                title="Unsubscribe from this issue">Unsubscribe

              {%- else -%}

                title="Subscribe to this issue">Subscribe

              {%- endif -%}

        {% if subscribers %}

        {% for subscriber in subscribers %}

            }}" title="{{ subscriber }}" id="sub-avatar-{{subscriber}}">{{

              subscriber |avatar(size=30, css_class="pb-1") | safe

            }}

        {% endfor %}

        {% else %}

        
No Subscribers

        {% endif %}

    {% endif %}

    {% if issue.related_prs %}

            Related Pull Requests

            {% for pr in issue.related_prs %}

                  'ui_ns.request_pull',

                  repo=pr.project.name,

                  username=pr.project.user.user if pr.project.is_fork else none,

                  namespace=pr.project.namespace,

                  requestid=pr.id) }}">#{{pr.id}}

              {{ pr.status if pr.status != 'Open' else 'Last updated'

                }} {{ pr.last_updated | humanize }}

            {% endfor %}

    {% endif %}

{% endblock %}

{% block jscripts %}

{{ super() }}

<script nonce="{{ g.nonce }}" type="text/javascript"></script>

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

  url_for('static', filename='vendor/jquery.textcomplete/jquery.textcomplete.min.js') }}?version={{ g.version}}">

  url_for('static', filename='vendor/emojione/emojione.min.js') }}?version={{ g.version}}">

  url_for('static', filename='emoji/emojicomplete.js') }}?version={{ g.version}}">

  url_for('static', filename='upload.js') }}?version={{ g.version}}">

  url_for('static', filename='vendor/selectize/selectize.min.js') }}?version={{ g.version}}">

  url_for('static', filename='vendor/jquery.caret/jquery.caret.min.js') }}?version={{ g.version}}">

  url_for('static', filename='vendor/jquery.atwho/jquery.atwho.min.js') }}?version={{ g.version}}">

  url_for('static', filename='tags.js') }}?version={{ g.version}}">

<script nonce="{{ g.nonce }}" type="text/javascript"></script>

{% if g.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);

  });

  $('.delete_comment_btn').click(function() {

    return confirm('Do you really want to remove this comment?');

  });

  $('.mainform').submit(function() {

    return try_async_comment($(this));

  });

  $('.mainform #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+"*"

        },

        function( data ) {

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

        }

      );

    }

  });

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

    pattern: '*'

  }).done(function(resp) {

    var userConfig = {

      at: '@',

      data: resp['mention'],

      insertTpl: '@${username}',

      displayTpl: "
 ${username} <small>${name}</small>
",

      searchKey: "username"

    }

    $("#comment").atwho(userConfig);

  });

   $.when($.get("{{ url_for('api_ns.api_view_issues',

                            repo=repo.name,

                            username=username,

                            namespace=repo.namespace,

                            status='all') }}"),

          $.get("{{ url_for('api_ns.api_pull_request_views',

                            repo=repo.name,

                            username=username,

                            namespace=repo.namespace,

                            status='all') }}")

   ).done(function(issuesResp, prResp) {

     // 0 is the api response

     var issuesAndPrs = issuesResp[0]['issues'].concat(prResp[0]['requests']);

     var data = $.map(issuesAndPrs, function(ticket, idx) {

       return {

         name: ticket.id.toString(),

         title: $('
').text(ticket.title).html()

       }

     });

     var issueAndPrConfig = {

       at: '#',

       data: data,

       insertTpl: '#${name}',

       displayTpl: "
#${name}<small> ${title}</small>
",

     }

     $("#comment").atwho(issueAndPrConfig);

   })

 });

{% 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() {

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

      if (!_section.length) {

        var _section = $(this).closest('#original_comment_box');

      }

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

      }

      var _prev = $.trim($( "#comment" ).val());

      if (_prev.length > 0){

          _prev += "\n\n";

      }

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

    }

  ).click(function(){

    $('html, body').animate({

        scrollTop: $("#comment").offset().top

    }, 2000);

});

};

$(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 g.repo_user %}

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

    event.preventDefault();

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

        'method': 'POST',

        'action': '{{

        url_for('ui_ns.delete_issue',

                 repo=repo.name,

                 username=username,

                 namespace=repo.namespace,

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

  url_for('static', filename='issue_ev.js') }}?version={{ g.version}}">

{% endif %}