{% extends "master.html" %}

{% block title %}User {{username}}{% endblock %}

{% set tag = "users" %}

{% from "_browseheader.html" import browse_header %}

{% block header %}

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

{% endblock %}

{% from "_render_repo.html" import render_repos_as_card, render_activity_graph %}

{% from "_projectstring.html" import projectstring, projecticon %}

{% block content %}

    {{browse_header(select=tag)}}

      {{ user.default_email | avatar(64, css_class="align-self-center mr-3") | safe }}

        
{{ username }}

              {{user.fullname}} • Joined {{ user.created | humanize }}

        {{ render_activity_graph(username) }}

        {{ render_repos_as_card(repos, repos_length, projectstring()+'s', 'repopage', repopage, total_page_repos) }}

        {{ render_repos_as_card(forks, forks_length,'Forks', 'forkpage', forkpage, total_page_forks) }}

                Groups {{ user.groups | length }}

            {% for group in user.groups %}

                    'ui_ns.view_group', group=group)}}">

                      {{ group }}

            {% else %}

              
No group found

            {% endfor %}

{% endblock %}

{% block jscripts %}

    {{ super() }}

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

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

$(document).ready(function() {

  $('.show_parts input[type="checkbox"]').change(function(){

      $('#' + $(this).attr('name')).toggle();

    });

  $('#headerSearch').on('keypress keydown keyup', function(e) {

    if (e.which == 13) {

        e.preventDefault();

        return false;

    }

  });

  $('#term').selectize({

    valueField: 'user',

    labelField: 'user',

    searchField: 'user',

    onType: function(value){

      if (value == ""){

      this.close();

      }

    },

    onChange: function(value){

      if (value != ""){

        $('#headerSearch').submit();

      }

    },

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

        }

      );

    },

    render: {

      option: function(item, escape) {

        return '
' +

          '
'+

          '
' +

            '' + escape(item.user) + '' +

          '' +

          '
<small>' + escape(item.user) + '</small>
' +

        '';

      }

    },

  });

});

{% endblock %}