{% extends "master.html" %}

{% from "userprofile_macros.html" import render_repo_listing %}

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

{% block title %}Group {{ group.group_name }}{% endblock %}

{% set tag = "groups" %}

{% block header %}

  rel="stylesheet" />

{% endblock %}

{% block content %}

          
{{group.display_name }}

          {% if group.description %}
{{ group.description }}
{% endif %}

          
<small></small>

              formed {{ group.created |humanize }}

              by {{ group.creator.user }}

        {% if g.authenticated and (member or g.admin)

          and config.get('ENABLE_GROUP_MNGT') %}

          group=group.group_name) }}">

                class="btn btn-sm btn-outline-primary">

                 Edit

                onclick="return confirm('Are you sure you want to delete the group `{{group.group_name}}`?');"

                title="Delete group"

                class="btn btn-sm btn-outline-danger">

                  Delete

            {{ form.csrf_token }}

        {% endif %}

            
Group {{projectstring(plural=True)}}

            {{ group.projects | length }} {{projectstring(plural=True)}}

            Group members are refreshed upon log in, users added will have

            to log out and log back in for their membership to be synced.

        {% if group.projects | length > 0 %}

        {{render_repo_listing(group.projects)}}

        {% else %}

          no {{projectstring(plural=True)}}

        {% endif %}

            
{{group.users|count}} Members

            {% if g.authenticated and (member or admin) %}

                  group.group_name }}">

            {% endif %}

            {% if g.authenticated and (member or g.admin)

                  and config.get('ENABLE_GROUP_MNGT') %}

                }}" method="post" id="add_user_form">

                  <input class="form-control" id="user" name="user" placeholder="search for user" title="User name">

                {{ form.csrf_token }}

            {% endif %}

            {% for user in group.users %}

                {{ user.default_email | avatar(28) | safe }}

                {{ user.user }}

              {% if g.authenticated and user != group.creator

                    and (member or g.admin)

                    and config.get('ENABLE_GROUP_MNGT') %}

                action="{{ url_for('ui_ns.group_user_delete',

                    group=group.group_name, user=user.user) }}">

                {{ form.csrf_token }}

                  onclick="return confirm('Are you sure to remove user `{{

                    user.user}}` from the group `{{group.group_name}}`?');"

                  title="Remove user from group"

                  class="btn btn-sm btn-outline-danger border-0">

              {% endif %}

            {% endfor %}

{% endblock %}

{% block jscripts %}

  {{ super() }}

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

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

  $(document).ready(function() {

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

      if (e.which == 13) {

          e.preventDefault();

          return false;

      }

    });

    $('#term').selectize({

      valueField: 'group',

      labelField: 'group',

      searchField: 'group',

      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_groups') }}", {

            pattern: query

          },

          function( data ) {

            callback( data.groups.map(function(x) { return { group: x }; }) );

          }

        );

      }

    });

    var usersearch = $('#user').selectize({

      valueField: 'user',

      labelField: 'user',

      searchField: 'user',

      onChange: function(value){

        if (value != ""){

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

        }

      },

      maxItems: 1,

      create: false,

      preload: 'focus',

      load: function(query, callback) {

        $.getJSON(

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

          function( data ) {

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

          }

        );

      },

      render: {

        option: function(item, escape) {

        return '
' +

            '
' +

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

            '' +

          '';

        }

      },

    });

    $('#add_user_button').click(function(){

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

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

      usersearch[0].selectize.focus();

    });

  });

{% endblock %}