pattern_view.html 5.14 KB
{% extends "base.html" %}
{% load i18n version_static %}

{% block extrahead %}
    <link rel="stylesheet" href="{% version_static 'css/lib/slick.grid.css' %}"
          type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/lib/jquery.uix.multiselect.css' %}">
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/lib/jquery.ui.selectmenu.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/lib/slick.grid.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/slick-default-theme.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/slickgrid.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/slickgrid-edit.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/pattern_view.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/inflection_table.css' %}"/>
    <link rel="stylesheet" type="text/css"
          href="{% version_static 'css/history.css' %}"/>
    <script type="text/javascript"
            src="{% version_static 'js/lib/cvi_busy_lib.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/splitter.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/jquery.event.drag-2.2.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/jquery.event.drop-2.2.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/jquery.ui.selectmenu.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/jquery.uix.multiselect.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/jquery.uix.multiselect_pl.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/slick.core.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/lib/slick.grid.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/remotemodel.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/slickgrid.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/pattern-view.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/edit.js' %}"></script>
    <script type="text/javascript"
            src="{% version_static 'js/pattern-edit.js' %}"></script>
{% endblock %}

{% block title %}{% trans 'Pattern view' %}{% endblock %}

{% block moremenu %}
    <li id="search-panel">
        <button id="filter-button" title="{% trans 'filter' %}">
            <span class="ui-icon ui-icon-filter">{% trans 'filter' %}</span>
        </button>
        <button id="show-columns-button" title="{% trans 'show/hide' %}">
            <span class="ui-icon ui-icon-columns">{% trans 'show/hide' %}</span>
        </button>
        <input type="text" id="text-search"/>
        <button id="search-button" title="{% trans 'search' %}">
            <span class="ui-icon ui-icon-search">{% trans 'search' %}</span>
        </button>
        {% if perms.dictionary.change_pattern %}
            <button id="add-button" title="{% trans 'create pattern' %}">
                <span class="ui-icon ui-icon-plus">{% trans 'create pattern' %}</span>
            </button>
            <button id="more-button" title="{% trans 'more' %}">
                <span class="ellipsis-icon">...</span>
            </button>
        {% endif %}
    </li>
{% endblock %}

{% block content %}
    <div id="left">
        <div id="pattern-grid"></div>
    </div>
    <div id="right">
        <div class="tabs">
            <ul>
                <li><a href="#edit" id="edit-tab">{% trans 'Edit' %}</a></li>
                <li><a href="#preview" id="preview-tab">{% trans 'Preview' %}</a></li>
                <li><a href="#history" id="history-tab">{% trans 'History' %}</a></li>
            </ul>
            <div id="edit">
            </div>
            <div id="preview">
            </div>
            <div id="history">
            </div>
        </div>
    </div>
{% endblock %}

{% block modal_elements %}
    <div id="choose-columns-dialog" title="{% trans 'Choose columns' %}">
        <select id="column-list" multiple=multiple></select>
    </div>
    <div id="choose-filter-dialog" title="{% trans 'Filters' %}">
        <p>
            <select id="group-op">
                <option value="AND" selected="selected">{% trans 'and' %}</option>
                <option value="OR">{% trans 'or' %}</option>
            </select>
            <input type="button" value="+" title="{% trans 'Add filter' %}"
                   id="add-filter-button">
        </p>
        <table id="filter-table"></table>
    </div>
    <div id="more-actions-dialog" title="{% trans 'Other actions' %}">
        <p><button type="button" id="clone-pattern-button">
            {% trans 'Clone the active pattern' %}
        </button></p>
    </div>
{% endblock %}