{% extends "repo_master.html" %}

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

{% block title %}{% if not type or type == 'new'

    %}New issue{% elif type and type == 'edit'

    %}Edit issue #{{ issueid }} {% endif %} - {{

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

{% set tag = "home" %}

{% block header %}

  rel="stylesheet" />

  rel="stylesheet" />

  rel="stylesheet" />

{% endblock %}

{% block repo %}

  {% if not type or type == 'new' %}

        repo=repo.name,

        username=username,

        namespace=repo.namespace)

    }}" method="post" enctype="multipart/form-data">

  {% elif type and type == 'edit' %}

        repo=repo.name,

        username=username,

        namespace=repo.namespace,

        issueid=issueid) }}" method="post"

        enctype="multipart/form-data">

  {% endif %}

  {{form.csrf_token}}

  {% if (g.repo_user and not type) or (g.repo_user and type == 'new') %}

    
New Issue

  {% else %}

      {% if not type or type == 'new' %}

      
New Issue

      {% elif type and type == 'edit' %}

      
Edit Issue

      {% endif %}

  {% endif %}

        {% if type == 'edit' %}

          {{ form.status(class_="hidden") }}

            
#{{issue.id}}

        {% endif %}

        {{ form.title(class_="form-control", placeholder="Issue Title", required="required")|safe }}

        {% if form.title.errors %}

          <small></small>

          {% for error in form.title.errors %}

            {{ error }} 

          {% endfor %}

        {% endif %}

        {% if type == 'edit' %}

        {% endif %}

                    {% if types %}

                    {% if (types | length == 1 and not default) or (types | length > 1)%}

                        <button aria-expanded="false" class="btn btn-outline-secondary border-0 dropdown-toggle qr-btn" data-toggle="dropdown" title="Issue Templates" type="button"></button>

                            
Issue Templates

                            {% for type in types %}

                            {{type}}

                          {% endfor %}

                      {% else %}

                        {% set notemplates = True %}

                      {% endif %}

                      {% else %}

                        {% set notemplates = True %}

                      {% endif %}

                            Preview

                            Edit

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

                      {%- if issue %}{{ issue.content }}{%

                        elif form.issue_content.data %}{{ form.issue_content.data }}{%

                        elif default %}{{ default }}{%

                    endif -%}

                    {% if form.issue_content.errors %}

                      <small></small>

                      {% for error in form.issue_content.errors %}

                        {{ error }} 

                      {% endfor %}

                    {% endif %}

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

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

                                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

                          {{ form.private(class_="form-check-input") }}

                          <label class="form-check-label pl-2" for="private">Private</label>

                      {% if not type or type == 'new' %}

                      <input class="btn btn-primary" type="submit" value="Create Issue">

                      {% elif type and type == 'edit' %}

                      <input class="btn btn-primary" type="submit" value="Update Issue #{{issue.id}}">

                      {% endif %}

  {% if g.repo_user and not type or type == 'new' %}

          
Metadata

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

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

              placeholder="username"

              value="{{ request.form.assignee or '' }}" />

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

           <label class="mb-1 pl-1 text-semimuted">  Tags</label>

              placeholder="tag1, tag2" name="tag"

              title="comma separated list of tags"

              value="{{ request.form.tags or '' }}" />

        {% if repo.priorities %}

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

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

            {{form.priority}}

        {% endif %}

        {% if repo.milestones %}

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

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

            {{form.milestone}}

        {% endif %}

  {% endif %}

{% endblock %}

{% block jscripts %}

{{ super() }}

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

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

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

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

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

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

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

{% if g.authenticated and form %}

$(document).ready(function() {

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

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

    var files = evt.target.files;

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

    var _txt = $("#issue_content").val();

    if (_txt) {

      _txt += '\n';

    }

    $("#issue_content").val(_txt + '\n'.repeat(files.length));

  });

  // List username in @ drop-down

  $.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"

    }

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

  });

  var emojiStrategy;

  $.getJSON(

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

    function( data ) {

      emojiStrategy =  data;

    }

  );

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

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

  emoji_complete(json_url, folder);

  $(".issue-template").on("click", function() {

    if ( !confirm('Do you want to load the new template?')){

      return false;

    }

    var _type = $("#type").val();

    var _url = "{{

      url_for('internal_ns.get_ticket_template',

              repo=repo.name,

              username=repo.username if repo.is_fork else None,

              namespace=repo.namespace) }}";

    _url += '?template=' + _type;

    $.ajax({

      url: _url ,

      type: 'POST',

      data: {

        csrf_token: "{{ g.confirmationform.csrf_token.current_token }}",

      },

      dataType: 'json',

      success: function(res) {

        $("#issue_content").val(res.message);

      },

      error: function(res) {

        alert('Unable to get this template');

      }

    });

  });

  {% if g.repo_user %}

  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: false,

    labelField: "item",

    valueField: "item",

    searchField: ["item"],

  });

  $("#priority").selectize({

    create: true

    });

  $("#milestone").selectize();

  {% endif %}

});

{% endif %}

$(function() {

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

  $( "#previewinmarkdown" ).click(

    function(event, ui) {

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

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

                        repo=repo.name,

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

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

        $.ajax({

          url: _url ,

          type: 'POST',

          data: {

            content: _text,

            csrf_token: "{{ g.confirmationform.csrf_token.current_token }}",

          },

          dataType: 'html',

          success: function(res) {

            var preview = emojione.toImage(res);

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

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

            $( "#editinmarkdown" ).toggleClass("active");

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

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

          },

          error: function() {

            alert('Unable to generate preview!'+error);

          }

        });

        return false;

    }

  );

  $( "#editinmarkdown" ).click(

    function(event, ui) {

      $( "#editinmarkdown" ).toggleClass("active");

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

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

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

    }

  );

});

{% endblock %}