zuykov/trademark/templates/trademark/modal.html

{% load i18n menu_tags cms_tags %}
<div class="trademark-search-advanced-form" ng-controller="ModalTrademarkSearchCtrl">
    <script type="text/ng-template" id="modalTrademarkSearchTemplate.html">
        <div class="modal-body trademark-search-modal">
        <h1>Проверка товарного знака на регистрацию</h1>
        <p>Каждый товарный знак регистрируется в отношении определённых товаров и услуг, распределенных по классам. Всего таких классов на сегодняшний день 45 (34 — товаров и 11 — услуг), они установлены Международной классификацией товаров и услуг для регистрации знаков (МКТУ).</p>
        <p>Выберите классы в которых хотите проверить товарный знак.</p>
            {% verbatim %}
            <div class="nice" ng-controller="TrademarkSearchNiceCtrl">
                <div id="{{ tabs_list_id }}" ng-tabs class="nice-tabs tabs-plugin">
            {% endverbatim %}
                    <ul class="tabs-list list-unstyled list-inline">
                        <li ng-tab-head="active"><a ng-click="$event.preventDefault()" href="#nice-catalog">{% trans 'Classes Catalog' %}</a></li>
                        <li ng-tab-head="active"><a ng-click="$event.preventDefault()" href="#nice-all">{% trans 'All Classes' %}</a></li>
                    </ul>
            {% verbatim %}


                    <div class="nice-catalog tab-body" id="nice-catalog" ng-tab-body>
                        <div class="nice-categories">
                            <ul class="list-unstyled list-inline">
                                <li ng-repeat="category in categories track by category.id" ng-class="selectedCategory == category.id ? 'active' : ''">
                                    <button ng-click="selectCategory(category.id)" class="btn btn-link">{{ category.title }}</button> <span class="category_size badge" id="category_{{ category.id }}_label">{{ category.selected.length || '' }}</span>
                                </li>
                            </ul>
                        </div>

                        <div class="nice-classes">
                            <ul class="list-unstyled">
                                <li ng-repeat="class in nice | filter:filterByCategory">
                                    <label for="class_{{ class.id }}">
                                        <input id="class_{{ class.id }}" type="checkbox" ng-model="class.selected" ng-change="setClasses()"/>
                                        <button popover="{{ class.description }}" popover-title="{{ class.title }}" popover-trigger="mouseenter" popover-placement="bottom" class="btn btn-xs btn-default">{{ class.id }}</button> – {{ class.title }}
                                    </label>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="nice-all tab-body" id="nice-all" ng-tab-body>
                        <ul class="list-unstyled list-inline">
                            <li ng-repeat="class in nice">
                                <label for="class_{{ class.id }}">
                                    <input id="class_{{ class.id }}" type="checkbox" ng-model="class.selected" ng-change="setClasses()"/>
                                    <button popover="{{ class.description }}" popover-title="{{ class.title }}" popover-trigger="mouseenter" popover-placement="bottom" class="btn btn-xs btn-default">{{ class.id }}</button>
                                     – {{ class.title }}
                                </label>
                           </li>
                        </ul>
                    </div>
                </div>
                {% endverbatim %}

                {% verbatim %}
                <ul class="nice-selected list-unstyled list-inline">
                    <li ng-repeat="id in classes_values"><span class="label label-default"><strong>{{ nice[id-1].id }}</strong> – {{ nice[id-1].title }}</span></li>
                </ul>

            </div>


            <div class="button-wrapper submit">
                <button class="form-button btn btn-primary" ng-click="ok()" value="Проверить в {{ classes }} классах">Проверить {{ classes == 0 ? 'во всех классах' : 'в ' + classes + GetNoun(classes, ' классе', ' классах', ' классах') }}</button>
            {% endverbatim %}
                <button class="btn btn-default pull-right" ng-click="cancel()">{% trans 'Cancel' %}</button>
            </div>
        </div>


    </div>
    </script>

    <button class="btn btn-default btn-xs trademark-search-advanced-btn" ng-click="open();" value="">Выбрать классы</button>{% if mode != 'form' %} — чтобы уточнить классы МКТУ, регистрацию в которых хотите проверить. {% endif %}

    {% verbatim %}
    <div>
        <p class="trademark-search-advanced-count">Поиск происходит {{ classes == 0 ? 'во всех классах' : 'в ' + classes + GetNoun(classes, ' классе', ' классах', ' классах') }}</p>
        <ul class="nice-selected list-unstyled list-inline">

            <li ng-repeat="id in classes_values"><span class="label label-default"><strong>{{ nice[id-1].id }}</strong> – {{ nice[id-1].title }}</span></li>
        </ul>
    </div>
    {% endverbatim %}

</div>