{% extends "base.html" %}


{% block title %}Список потребителей{% endblock %}


{% block head %}
    <script type="text/javascript">
        var NAMESPACE_ID = {{ namespace.id }};
        var NAMESPACES = {{ namespaces | safe }};
        var ENVIRONMENTS = {{ environments | safe }};
        var ENV_GROUPS = {{ env_groups | safe }};
    </script>
{% endblock %}


{% block content %}
    <div class="container" ng-controller="ConsumersCtrl">
        {% verbatim %}

        <h4>
            Проект:
            <select ng-change="redirect('/grants/consumer/?namespace_id=' + namespace);"
                    ng-model="namespace" ng-options="namespace.id as namespace.name for namespace in namespaces">
            </select>
        </h4>

        <div class="panel panel-default"
             ng-repeat="name_group in env_groups"
             ng-if="env_names.indexOf(name_group[0]) > -1">
            <div class="panel-heading"><b>{{ name_group[1] }}:</b></div>
            <div class="panel-body clearfix">
                    <label class="span2"
                           ng-repeat="environment in environments | filter:{'name': name_group[0]}">
                        <input type="checkbox" class="env_switch"
                               ng-model="active_environments[environment.id]"
                               ng-change="search()"
                               id="environment_{{ environment.id }}" />
                        {{ environment.type }}</label>
            </div>
        </div>
        <br/>

        <div class="btn-group">
            <button class="btn" onclick="$('.env_switch:not(:checked)').click()">
                <i class="icon-ok"></i> Выбрать все
            </button>
            <button class="btn" onclick="$('.env_switch:checked').click()">
                <i class="icon-remove"></i> Убрать все
            </button>
        </div>
        <br/>
        <br/>

        <div class="input-append">
            <input type="text" placeholder="поиск" ng-model="keyword" ng-change="page = 1; search()">
            <button class="btn" ng-click="keyword = ''; search()"><span class="close">&times;</span></button>
        </div>

        <br/>

        <table class="table table-condensed">
            <tr ng-if="processing_query"><td><img src="/static/ajax-loader.gif" alt="..searching.."/></td></tr>
            <tr ng-repeat="consumer in consumers">
                <td class="foldable outer_td" ng-class="{folded: !keyword}">
                    <input id="Consumer_{{ consumer.id }}_switch" type="checkbox" class="folding_switch">
                    <label for="Consumer_{{ consumer.id }}_switch" class="linkish"> {{ consumer.name }}</label>
                    <span class="muted">{{ consumer.description }}</span>
                    <div class="enfoldable env_div">
                        <div ng-repeat="environment in consumer.environments"
                               ng-if="active_environments[environment.id]">
                            <h4>{{ environment.string }}
                                <a href="/grants/issue/edit/?consumer={{ consumer.id }}&environment={{ environment.id }}"
                                   title="редактировать" class="btn">
                                    <i class="icon-edit"></i>
                                </a>
                                <a href="/grants/issue/clone/?consumer={{ consumer.id }}&environment={{ environment.id }}"
                                   title="клонировать" class="btn">
                                    <i class="icon-copy"></i>
                                </a>
                            </h4>
                            <table class="table table-bordered">
                                <tr class="grants_container">
                                    <td style="width: 120px">
                                        <span class="btn" title="text mode"
                                              ng-click="environment.grants.show_clipboard = !environment.grants.show_clipboard"><i class="icon-print"></i></span>
                                        <span>Гранты:</span>
                                    </td>
                                    <td>
                                    <div ng-class="{ highlighted: grant.highlighted }"
                                         ng-show="!environment.grants.show_clipboard"
                                         ng-repeat="grant in environment.grants" class="tag">
                                        <span>{{ grant.name }}</span>
                                        <span ng-class="{ highlighted: action.highlighted }"
                                              ng-repeat="action in grant.actions"
                                              class="tag" title="{{ action.description }}">{{ action.name }}
                                            <i class="pull-right icon-fire"
                                               ng-if="action.dangerous"
                                               title="Dangerous operation grant"></i>
                                            <i class="pull-right icon-time"
                                               ng-if="action.expiration"
                                               title="Expires at {{ action.expiration }}"></i>
                                        </span>
                                    </div>

                                    <div class="clipboard-container" ng-show="environment.grants.show_clipboard">
                                        <textarea rows=7 class="clipboard span10"
                                                  ng-click-select readonly>{{ grants_to_string(environment.grants) }}</textarea>
                                    </div>
                                    </td>
                                </tr>

                                <tr class="macroses_container">
                                    <td>Группы грантов:</td>
                                    <td>
                                    <div ng-repeat="macros in environment.macroses" class="tag" title="{{ macros.description }}"
                                         ng-class="{ highlighted: macros.highlighted }">
                                        <span>
                                            {{ macros.name }}
                                            <span title="{{ macros.expiration }}" ng-if="macros.expiration"><i class="icon-time"></i></span>
                                        </span>
                                        <div ng-repeat="grant in macros.grants" class="tag">
                                            {{ grant.name }}
                                            <div ng-repeat="action in grant.actions" class="tag" title="{{ action.description }}">
                                                {{ action.name }}
                                            </div>
                                        </div>
                                    </div>
                                    </td>
                                </tr>

                                <tr class="networks_container">
                                    <td>
                                        <span class="btn" title="text mode"
                                              ng-click="environment.networks.show_clipboard = !environment.networks.show_clipboard"><i class="icon-print"></i></span>
                                        <span>Сети:</span>
                                    </td>
                                    <td>
                                        <div ng-show="!environment.networks.show_clipboard">
                                        <span class="tag highlightable"
                                              ng-repeat="network in environment.networks"
                                              ng-class="{ highlighted: network.highlighted }"> {{ network.string }} </span>
                                        </div>

                                        <div class="clipboard-container" ng-show="environment.networks.show_clipboard">
                                            <textarea rows=7 class="clipboard span10"
                                                      ng-click-select readonly>{{ networks_to_string(environment.networks) }}</textarea>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-show="environment.client" class="networks_container">
                                    <td>Client:</td>
                                    <td>
                                        <div>
                                            <span><b>Client_Id:</b></span>
                                            <span style="margin-right: 20px">{{ environment.client.client_id }}</span>
                                            <span><b>Name:</b></span>
                                            <span>{{ environment.client.name }}</span>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        {% endverbatim %}

    {% include 'include/js-pagination.html' %}
    </div>
{% endblock %}