{% extends "repo_master.html" %}

{% from "_render_repo.html" import pagination_link %}

{% from "_render_issues.html" import render_issue_row %}

{% block title %}Issues - {{

    repo.namespace + '/' if repo.namespace }}{{ repo.name }}{% endblock %}

{% set tag = "home"%}

{% block header %}

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

<style nonce="{{ g.nonce }}"></style>

  #tags-filter-group .selectize-input .item{

    background-color: {{tag.tag_color}};

    color:white;

    font-weight:bold;

    padding-left:6px;

    width:100%;

  }

  {% for tag in tag_list %}

  #tags-filter-group .selectize-input .item[data-value='{{tag.tag}}']{

    background-color: {{tag.tag_color}};

  }

  {% endfor %}

{% endblock %}

{% block repo %}

  {% if status|lower in ['open', 'true'] %}

    {% set status_filter = 'open' %}

    {% set filtered_open_issues_count = issues_cnt %}

    {% set filtered_closed_issues_count = oth_issues_cnt %}

    {% set filtered_all_issues_count = issues_cnt+oth_issues_cnt %}

  {% elif not status %}

    {% set status_filter = 'all' %}

    {% set filtered_open_issues_count = oth_issues_cnt %}

    {% set filtered_closed_issues_count = issues_cnt-oth_issues_cnt  %}

    {% set filtered_all_issues_count = issues_cnt %}

  {% else %}

    {% set status_filter = 'closed' %}

    {% set filtered_open_issues_count = oth_issues_cnt %}

    {% set filtered_closed_issues_count = issues_cnt  %}

    {% set filtered_all_issues_count = issues_cnt+oth_issues_cnt %}

  {% endif %}

    Issues

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

            repo=repo.name,

            username=username,

            namespace=repo.namespace,

            status='Open') }}">

           {{total_open}} Open

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

            repo=repo.name,

            username=username,

            namespace=repo.namespace,

            status='Closed') }}">

             {{total_closed}} Closed

        {% if issues_cnt+oth_issues_cnt > 0 %}

          {% if not status %}

            {% if oth_issues_cnt > 0 %}

              {% set percentage = (100.0 * (oth_issues_cnt / issues_cnt)) %}

            {% else %}

              {% set percentage = 0 %}

            {% endif %}

            {% set progress_popover_string = oth_issues_cnt|string+" Open Issues | "+ (issues_cnt-oth_issues_cnt)|string + " Closed Issues"%}

          {% elif status|lower in ['open', 'true'] %}

            {% if issues_cnt > 0 %}

              {% set percentage = (100.0 * (issues_cnt / (oth_issues_cnt+issues_cnt))) %}

            {% else %}

              {% set percentage = 0 %}

            {% endif %}

            {% set progress_popover_string = issues_cnt|string+" Open Issues | "+ (oth_issues_cnt)|string + " Closed Issues"%}

          {% else %}

            {% if oth_issues_cnt > 0 %}

              {% set percentage = (100.0 * (oth_issues_cnt / (oth_issues_cnt+issues_cnt))) %}

            {% else %}

              {% set percentage = 0 %}

            {% endif %}

            {% set progress_popover_string = oth_issues_cnt|string+" Open Issues | "+ issues_cnt|string + " Closed Issues"%}

          {% endif %}

                   data-width="{{ percentage|round|int }}%"

                   aria-valuenow="{{ percentage|round|int }}" aria-valuemin="0" aria-valuemax="{{percentage|round|int}}">

                   data-width="{{ 100-percentage|round|int }}%"

                   aria-valuenow="{{ 100-percentage|round|int }}" aria-valuemin="{{percentage|round|int}}" aria-valuemax="100">

        {% endif %}

                  {% if status_filter == 'open' %}

                         {{filtered_open_issues_count}} Open Issues

                  {% elif status_filter == 'closed'%}

                      {% if status == 'Closed' %}

                           {{filtered_closed_issues_count}} Closed Issues

                      {% else %}

                           {{close_status_cnt}} Closed:{{status}} Issues

                      {% endif %}

                  {% else %}

                          {{filtered_all_issues_count}} Open & Closed Issues

                  {% endif %}

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

                            repo=repo.name,

                            username=username,

                            namespace=repo.namespace,

                            search_pattern=search_pattern,

                            tags=tags, author=author,

                            milestone=milestones,

                            assignee=assignee) }}">

                            {{filtered_open_issues_count}} Open issues

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

                            repo=repo.name,

                            username=username,

                            namespace=repo.namespace,

                            search_pattern=search_pattern,

                            tags=tags, author=author, status='Closed',

                            milestone=milestones,

                            assignee=assignee) }}">

                            {{filtered_closed_issues_count}} Closed Issues

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

                            repo=repo.name,

                            username=username,

                            namespace=repo.namespace,

                            search_pattern=search_pattern,

                            tags=tags, author=author, status='all',

                            milestone=milestones,

                            assignee=assignee) }}">

                            {{filtered_all_issues_count}} Open & Closed Issues

                    <button aria-expanded="false" aria-haspopup="true" class="btn btn-sm btn-outline-secondary border-0 dropdown-toggle" data-flip="false" data-toggle="dropdown" id="dropdownMenuButton" type="button"></button>

                          Filter{%if

                          tags or

                          milestones or

                          priority or

                          author or

                          search_pattern or

                          assignee %}:{% endif %}

                      {% if tags %}

                          {% for tag in tags %}

                          {{ tag }}

                            {% if not loop.last %}

                              &

                            {% endif %}

                          {% endfor%}

                      {% endif %}

                      {% if milestones %}

                          {{ milestones[0] }}

                          {% elif no_milestones %}

                          No Milestone

                          {% endif %}

                          {% if priority %}

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

                          {% endif %}

                          {% if author %}

                            {{ author }}

                          {% endif %}

                          {% if assignee %}

                            {{ assignee }}

                          {% endif %}

                          {% if search_pattern %}

                          {{ search_pattern }}

                        {% endif %}

                              username=username,

                              namespace=repo.namespace,

                              repo=repo.name ) }}" method="GET">

                          <input id="hidden_status" name="status" type="hidden" value="{{ status or 'all' }}">

                            <label class="col-auto align-self-center pl-1 pr-0" for="tags"></label>

                              <select id="tags-selectize" multiple="" name="tags" placeholder="Tags"></select>

                                {% for tag in tag_list %}

                                <option %}="" %}selected="selected" endif="" if="" in="" tag.tag="" tags="" value="{{ tag.tag }}" {%="">{{tag.tag}}</option>

                                {% endfor %}

                            <label class="col-auto align-self-center pl-1 pr-0" for="search_pattern"></label>

                                      name="search_pattern" placeholder="Search"

                                      value="{{ search_pattern or '' }}" />

                            <label class="col-auto align-self-center pl-1 pr-0" for="milestone"></label>

                              <select id="milestone-selectize" name="milestone" placeholder="Milestone"></select>

                                <option value=""></option>

                                <option %}="" %}selected="selected" endif="" if="" no_milestones="" value="none" {%="">Milestone unset</option>

                                {% for stone in repo.milestones %}

                                  {% if loop.first %}

                                    <optgroup label="Active"></optgroup>

                                  {% endif %}

                                  {% if repo.milestones[stone]['active']%}

                                  <option %}="" %}selected="selected" endif="" if="" milestones[0]="=" stone="" value="{{ stone }}" {%="">{{stone}}</option>

                                  {% endif %}

                                  {% if loop.last %}

                                  {% endif %}

                                {% endfor %}

                                {% for stone in repo.milestones %}

                                  {% if loop.first %}

                                    <optgroup label="Inactive"></optgroup>

                                  {% endif %}

                                  {% if not repo.milestones[stone]['active']%}

                                  <option %}="" %}selected="selected" endif="" if="" milestones[0]="=" stone="" value="{{ stone }}" {%="">{{stone}}</option>

                                  {% endif %}

                                  {% if loop.last %}

                                  {% endif %}

                                {% endfor %}

                            <label class="col-auto align-self-center pl-1 pr-0" for="priority"></label>

                              <select id="priority-selectize" name="priority" placeholder="Priority"></select>

                              {% for p in repo.priorities | sort %}

                                <option %}="" %}selected="selected" endif="" if="" int="=" p="" priority="" value="{{ p }}" {%="" |="">{{repo.priorities[p | string]}}</option>

                              {% endfor %}

                            <label class="col-auto align-self-center pl-1 pr-0" for="assignee"></label>

                              <select id="assignee-selectize" name="assignee" placeholder="Assignee"></select>

                                {% if assignee %}

                                <option selected="selected" value="{{assignee}}">{{assignee}}</option>

                                {% endif %}

                            <label class="col-auto align-self-center pl-1 pr-0" for="author"></label>

                              <select id="author-selectize" name="author" placeholder="Submitted by"></select>

                                {% if author %}

                                <option selected="selected" value="{{author}}">{{author}}</option>

                                {% endif %}

                            <label class="col-auto align-self-center pl-1 pr-0" for="close_status"></label>

                              <select id="close_status-selectize" name="close_status" placeholder="Closed as"></select>

                                <option %}="" %}selected="selected" close_status="" endif="" if="" not="" value="" {%=""></option>

                                {% for p in repo.close_status | sort %}

                                  <option %}="" %}selected="selected" close_status="" endif="" if="" p="=" value="{{ p }}" {%="">{{ p }}</option>

                                {% endfor %}

                          <input class="btn btn-block btn-primary" type="submit" value="Apply Filters">

                          repo=repo.name,

                          username=username,

                          namespace=repo.namespace,

                          status=status) }}" class="btn btn-link btn-block">Reset Filters

                {% if g.repo.reports or g.repo_admin %}

                      id="dropdownMenu1" data-toggle="dropdown"

                      aria-haspopup="true" aria-expanded="false" href="#">

                       Reports

                      {% if g.repo.reports %}

                        {% for report in repo.reports %}

                            'ui_ns.view_report', namespace=repo.namespace,

                            username=username, repo=repo.name, report=report) }}">

                          {{ report }}

                        {% endfor %}

                      {% else %}

                          No Reports

                      {% endif %}

                      {% if g.repo_admin %}

                            data-toggle="modal" data-target="#report_modal" href="#">

                            Save New Report

                      {% endif %}

                {% endif %}

                  {% set filters_list = [

                      {"key": "date_created", "display_string": "Open Date", "sort_icon_prefix": "fa-sort-numeric-", "icon":"fa-calendar"},

                      {"key": "last_updated", "display_string": "Last Modified Date", "sort_icon_prefix": "fa-sort-numeric-", "icon":"fa-calendar"},

                      {"key": "closed_at", "display_string": "Closed Date", "sort_icon_prefix": "fa-sort-numeric-", "icon":"fa-calendar"},

                      {"key": "title", "display_string": "Issue Title", "sort_icon_prefix": "fa-sort-alpha-", "icon":"fa-exclamation-circle"},

                      {"key": "priority", "display_string": "Priority", "sort_icon_prefix": "fa-sort-numeric-", "icon":"fa-bolt"},

                      {"key": "user", "display_string": "Reporter", "sort_icon_prefix": "fa-sort-alpha-", "icon":"fa-user"},

                      {"key": "assignee", "display_string": "Assignee", "sort_icon_prefix": "fa-sort-alpha-", "icon":"fa-user-plus"},

                  ] %}

                    <button aria-expanded="false" aria-haspopup="true" class="btn btn-sm btn-outline-primary dropdown-toggle" data-flip="false" data-toggle="dropdown" id="dropdownMenuButton" type="button"></button>

                       Sort

                      {% for filter in filters_list %}

                             {{filter["display_string"]}}

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

                                repo=repo.name, username=username, namespace=repo.namespace,

                                tags=tags, author=author, assignee=assignee, priority=priority, milestone=milestones,

                                status=status or 'all', order_key=filter['key'],

                                order='asc' )}}">

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

                                repo=repo.name, username=username, namespace=repo.namespace,

                                tags=tags, author=author, assignee=assignee, priority=priority, milestone=milestones,

                                status=status or 'all', order_key=filter['key'],

                                order='desc' )}}">

                      {% endfor %}

                {% if g.repo_admin %}

                            role="dialog" aria-labelledby="New report" aria-hidden="true">

                        <button aria-label="Close" class="close" data-dismiss="modal" type="button"></button>

                          ×

                          Close

                        
New Report

                              'ui_ns.save_reports', namespace=repo.namespace,

                              username=username, repo=repo.name) }}" method="post" class="icon">

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

                            <label for="report_name">Report name</label>

                            <input class="form-control" name="report_name" required="">

                            <small class="text-muted">name of the report</small>

                          {{ add_report_form.csrf_token }}

                          <button class="btn btn-primary" title="Save this report" type="submit"></button>

                            Save

                {% endif %}

          {% if issues %}

            {% for issue in issues %}

              {{render_issue_row(issue, repo, username, filterstatus=status)}}

            {% endfor %}

          {% else %}

                        {% if status_filter == 'open'%}

                          no open issues found

                          {% if oth_issues_cnt %}

                            <small></small>

                                        repo=repo.name,

                                        username=username,

                                        namespace=repo.namespace,

                                        search_pattern=search_pattern,

                                        tags=tags, author=author,

                                        milestone=milestones,  status='Closed',

                                        assignee=assignee) }}">

                                {{oth_issues_cnt}} closed issues

                              match this filter

                          {% else %}

                          
<small>no closed issues match this filter either</small>

                          {% endif %}

                        {% elif status_filter == 'closed'%}

                          no closed issues found

                          {% if oth_issues_cnt %}

                            <small></small>

                                        repo=repo.name,

                                        username=username,

                                        namespace=repo.namespace,

                                        search_pattern=search_pattern,

                                        tags=tags, author=author,

                                        milestone=milestones,

                                        assignee=assignee) }}">

                                {{oth_issues_cnt}} open issues

                              match this filter

                          {% else %}

                          
<small>no open issues match this filter either</small>

                          {% endif %}

                        {% else %}

                          no open or closed issues found

                        {% endif %}

          {% endif %}

{% if total_page > 1 %}

{{ pagination_link('page', g.page, total_page) }}

{% endif %}

{% endblock %}

{% block jscripts %}

{{ super() }}

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

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

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

function update_progress_bar() {

  $(".progress-bar").each(function(ind, obj) {

    $(obj).css('width', $(obj).attr('data-width'));

  });

}

$(document).ready(function() {

    update_progress_bar();

    $("#search_pattern-selectize-reset").on('click', function(e){

      $('input[name="search_pattern"]').val('');

    });

  var $tags_selectize = $('#tags-selectize').selectize({

    plugins: ['remove_button'],

    closeAfterSelect: true,

    onInitialize: function(){

      $("#tags-filter-group .selectize-control").on('click', function(event){

        event.stopPropagation();

      })

      $("#filters-dropdown").on('click', function(event){

        event.stopPropagation();

      })

    }

    });

  var tags_selectize_control = $tags_selectize[0].selectize;

  $("#tags-selectize-reset").on('click', function(e){

    tags_selectize_control.clear();

  });

  var $milestone_selectize = $('#milestone-selectize').selectize({

    onInitialize: function(){

      $("#milestone-filter-group .selectize-control").on('click', function(event){

        event.stopPropagation();

      })

      $("#filters-dropdown").on('click', function(event){

        event.stopPropagation();

      })

    }

  });

  var milestone_selectize_control = $milestone_selectize[0].selectize;

  $("#milestone-selectize-reset").on('click', function(e){

    milestone_selectize_control.clear();

  });

  var $priority_selectize = $('#priority-selectize').selectize({

    onInitialize: function(){

      $("#priority-filter-group .selectize-control").on('click', function(event){

        event.stopPropagation();

      })

      $("#filters-dropdown").on('click', function(event){

        event.stopPropagation();

      })

    }

  });

  var priority_selectize_control = $priority_selectize[0].selectize;

  $("#priority-selectize-reset").on('click', function(e){

    priority_selectize_control.clear();

  });

  var $close_status_selectize = $('#close_status-selectize').selectize({

    onInitialize: function(){

      $("#close_status-filter-group .selectize-control").on('click', function(event){

        event.stopPropagation();

      })

      $("#filters-dropdown").on('click', function(event){

        event.stopPropagation();

      })

    }

  });

  var close_status_selectize_control = $close_status_selectize[0].selectize;

  $("#close_status-selectize-reset").on('click', function(e){

    close_status_selectize_control.clear();

    $("#hidden_status").val("Open");

  });

  var $assignee_selectize = $('#assignee-selectize').selectize({

    valueField: 'user',

    labelField: 'user',

    searchField: 'user',

    maxItems: 1,

    create: true,

    createOnBlur: true,

    persist: 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 }; }) );

        }

      );

    }

  });

  var assignee_selectize_control = $assignee_selectize[0].selectize;

  $("#assignee-selectize-reset").on('click', function(e){

    assignee_selectize_control.clear();

  });

  var $author_selectize = $('#author-selectize').selectize({

    valueField: 'user',

    labelField: 'user',

    searchField: 'user',

    maxItems: 1,

    create: true,

    createOnBlur: true,

    persist: 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 }; }) );

        }

      );

    }

  });

  var author_selectize_control = $author_selectize[0].selectize;

  $("#author-selectize-reset").on('click', function(e){

    author_selectize_control.clear();

  });

  $( "#filters_form" ).submit(function( event ) {

   if ($('input[name="search_pattern"]').val() == ''){

    $('input[name="search_pattern"]').prop("disabled", true);

   }

  if ($('select[name="milestone"]').val() == ''){

    $('select[name="milestone"]').prop("disabled", true);

   }

  if ($('select[name="priority"]').val() == ''){

    $('select[name="priority"]').prop("disabled", true);

   }

  if ($('select[name="assignee"]').val() == ''){

    $('select[name="assignee"]').prop("disabled", true);

   }

  if ($('select[name="author"]').val() == ''){

    $('select[name="author"]').prop("disabled", true);

   }

  });

});

{% endblock %}