{% extends "base.html" %}
{% load i18n %}

{% block extrahead %}
  <link rel="stylesheet" href="{{ STATIC_URL }}css/lib/ui.jqgrid.css" type="text/css" media="screen" charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/lib/jquery.multiselect.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jqgrid.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/change_ctrl_table.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/examples_table.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/aspect_relations_table.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/filter_frames_menu.css"/>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/lemmas_filtering.css"/>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lib/grid.locale-pl.js"></script>
  <script type="text/javascript">
    jQuery.jgrid.no_legacy_api = true;
  </script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lib/jquery.jqGrid.src.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lib/splitter.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lib/jquery.multiselect.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/jqgrid-patch.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lemma_grid.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/semantics_coupling.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lemma-view.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/lemmas_filtering.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/schemata_filtering.js"></script>
   
{% endblock %}

{% block title %}Widok haseł{% endblock %}

{% block content %}
  <div id="left">
    <div id="search-panel">
      {% if user.is_authenticated %}
	      <button id="open-sort-dialog" title="sortuj">
	        <span class="ui-icon ui-icon-sort">sortuj</span>
	      </button>
      {% endif %}
      <button id="filter-button" title="filtruj">
        <span class="ui-icon ui-icon-filter">filtruj</span>
      </button>
      {% if user.is_authenticated %}
	      <button id="show-columns-button" title="pokaż/ukryj">
	        <span class="ui-icon ui-icon-columns">pokaż/ukryj</span>
	      </button>
      {% endif %}
      {% if perms.dictionary.change_lemmas or perms.dictionary.change_semantics %}
	      <button id="reset-similar-button" title="ukryj podobne">
	        <span class="ui-icon ui-icon-closethick">ukryj podobne</span>
	      </button>
      {% endif %}
      <input type="text" id="phrase_box" class="phrase-box"/>
      <button id="searchButton" title="szukaj">
        <span class="ui-icon ui-icon-search">szukaj</span>
      </button>
    </div>
    <div id="search-panel-dialog">
    </div>
    <table id="scroll"></table>
  </div>
  <div id="right">
    <div class="tabs">
      <ul>
        <li id="refresh_frames"><a href="#new_frames">{% trans "Schematy" %} [<span id="new-frames-count"></span>]</a></li>
        <li><a href="#semantics">{% trans "Semantyka" %} [<span id="semantic-frames-count"></span>]</a></li>
        {% if perms.dictionary.add_notes %}
        	<li><a href="#notes">{% trans "Notatki" %} [<span id="lemma-notes-count"></span>]</a></li>
        {% endif %}
        <li><a href="#examples">{% trans "Przykłady" %} [<span id="lemma-examples-count"></span>]</a></li>
        {% if perms.dictionary.change_lemmas %}
          <li><a href="#preview_lemma">{% trans "Podgląd hasła" %}</a></li>
          <li><a href="#change_ctrl">{% trans "Kontrola zmian" %}</a></li>
          <li><a href="#status">{% trans "Status" %}</a></li>
        {% elif perms.dictionary.change_semantics %}
          <li><a href="#preview_lemma">{% trans "Podgląd hasła" %}</a></li>
          <li><a href="#status">{% trans "Status" %}</a></li>
        {% endif %} 
        <li id="lemma_desc" style="float:right;"></li>
      </ul>
      <div id="new_frames">
      </div>
      <div id="semantics">
      </div>
      {% if perms.dictionary.add_notes %}
	      <div id="notes">
	      </div>
      {% endif %}
      <div id="examples">
      </div>
      {% if perms.dictionary.change_lemmas %}
        <div id="preview_lemma">
        </div>
        <div id="change_ctrl">
        </div>
        <div id="status">
        </div>
      {% elif perms.dictionary.change_semantics %}
        <div id="preview_lemma">
        </div>
        <div id="status">
        </div>
      {% endif %}
    </div>
  </div>
{% endblock %}

{% block modal_elements %}
  <div id="sort-dialog-div">
  </div>
  <div id="load-filter-dialog" title="Wybierz filtr">
    <ul id="filter-list">
    </ul>
  </div>
{% endblock %}