lexeme_slickgrid_view.html 6.92 KB
{% extends "base.html" %}
{% load i18n %}

{% block extrahead %}
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/lib/jquery.uix.multiselect.css">
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/lib/jquery.multiselect.css"/>
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/lib/jquery.ui.selectmenu.css"/>
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/lib/slick.grid.css"/>
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/slick-default-theme.css"/>
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/slickgrid.css"/>
    <link rel="stylesheet" type="text/css"
          href="{{ MEDIA_URL }}css/lexeme_view.css"/>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/cvi_busy_lib.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/splitter.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/jquery.event.drag-2.2.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/jquery.event.drop-2.2.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/jquery.multiselect.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/jquery.ui.selectmenu.js"></script>
    <script type="text/javascript">
        $.fn.multiselect2 = $.fn.multiselect;
    </script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/jquery.uix.multiselect.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/slick.core.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/slick.grid.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lib/slick.rowselectionmodel.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/remotemodel.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/slickgrid.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lexeme-slickgrid-view.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/edit.js"></script>
    <script type="text/javascript"
            src="{{ MEDIA_URL }}js/lexeme-edit.js"></script>
{% endblock %}

{% block title %}Widok leksemów{% endblock %}

{% block content %}
    <div id="left">
        <div id="search-panel">
            <button id="open-sort-dialog" title="sortuj">
                <span class="ui-icon ui-icon-sort">sortuj</span>
            </button>
            <button id="filter-button" title="filtruj">
                <span class="ui-icon ui-icon-filter">filtruj</span>
            </button>
            <button id="show-columns-button" title="pokaż/ukryj">
                <span class="ui-icon ui-icon-columns">pokaż/ukryj</span>
            </button>
            <input type="text" id="text-search" class="text-search"/>
            <button id="searchButton" title="szukaj">
                <span class="ui-icon ui-icon-search">szukaj</span>
            </button>
            {% if perms.dictionary.change_lexeme %}
                <button id="action-button" title="akcje grupowe">
                    <span class="ui-icon ui-icon-star">akcje grupowe</span>
                </button>
                <button id="add-button" title="dodaj leksem">
                    <span class="ui-icon ui-icon-plus">dodaj leksem</span>
                </button>
            {% endif %}
        </div>
        <div id="lexeme-grid"></div>
        <!--div id="pager"></div-->
    </div>
    <div id="right">
        <div class="tabs">
            <ul>
                <li><a href="#edit" id="edit-tab">Edycja</a></li>
                <li><a href="#variant0">Formy bazowe</a></li>
                <li><a href="#variant1">Wszystkie formy</a></li>
                <li><a href="#odm">Formy z sjp.pl</a></li>
                <li><a href="#history">Historia</a></li>
            </ul>
            <div id="edit"></div>
            <div id="variant0"></div>
            <div id="variant1"></div>
            <div id="odm"></div>
            <div id="history"></div>
        </div>
    </div>
{% endblock %}

{% block modal_elements %}
    <div id="choose-columns-dialog" title="Wybierz kolumny">
        <select id="column-list" multiple=multiple></select>
    </div>
    <div id="sort-dialog" title="Porządek sortowania">
        <ul id='sort-rule-list'></ul>
        <div class="dialog-buttons">
        <button type="button" id="save-sort-order">Zatwierdź"</button>
    </div>
    <div id="load-filter-dialog" title="Wybierz filtr">
        <ul id="filter-list" class="load-dialog-list"></ul>
    </div>
    <div id="group-action-dialog" title="Wybierz akcję grupową">
        <button id="add-action" title="dodaj akcję">
            <span class="ui-icon ui-icon-plus">dodaj akcję</span>
        </button>
        <table id="action-list" class="group-action-list">
        </table>
    </div>
    <div id="choose-homonym-dialog" title="Wybierz homonim">
        <table id="homonym-list" class="choose-homonym-list">
            <thead>
            <tr>
                <th>Nr hom.</th>
                <th>Char. fleks.</th>
                <th>Wzór</th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
    <div id="prompter-dialog" title="Podpowiadacz wzorów">
        <div id="prompter-dialog-left">
            <table id="prompter-list">
            </table>
            <ul id="prompter-checkboxes">
                <li>
                    <input type="checkbox" id="prompter-ic"/>
                    <label for="prompter-ic">Uwzględniaj charakterystykę
                        fleksyjną</label>
                </li>
                <li>
                    <input type="checkbox" id="prompter-commonness"/>
                    <label for="prompter-commonness">Uwzględniaj
                        pospolitość</label>
                </li>
                <li>
                    <input type="checkbox" id="prompter-blacklist"/>
                    <label for="prompter-blacklist">Pomijaj wzory
                        nietypowe</label>
                </li>
            </ul>
        </div>
        <div id="prompter-table-preview">
        </div>
    </div>
    <div id="default-owner-dialog" title="Wybór domyślnego słownika">
        <p>
            Wybierz słownik domyślnie ustawiany jako właściciel przy dodawaniu
            leksemów.
        </p>
        <p>
            Wybór można będzie zmienić w Ustawieniach.
        </p>
        <ul id="default-owner">
            {% for vocab in editable_vocabularies %}
                <li>
                    <input type="radio" value="{{ vocab.pk }}"
                           name="owner"/> {{ vocab.id }}
                </li>
            {% endfor %}
        </ul>
    </div>
{% endblock %}