entry_display.html 4.83 KB
{% load i18n %}

<ul class="nav nav-pills nav-justified p-1" id="entryTabs" role="tablist">
    <li class="nav-item mr-1">
        <a class="btn btn-sm btn-outline-dark nav-link active" id="semantics-tab" data-toggle="tab" href="#semantics" role="tab" aria-controls="semantics" aria-selected="true">
            {% trans "Semantyka (ramy + schematy)" %}
        </a>
    </li>
    <li class="nav-item mr-1">
        <a class="btn btn-sm btn-outline-dark nav-link" id="syntax-tab" data-toggle="tab" href="#syntax" role="tab" aria-controls="syntax" aria-selected="false">
            {% trans "Składnia (schematy)" %}
        </a>
    </li>
    <li class="nav-item mr-0">
        <a class="btn btn-sm btn-outline-dark nav-link" id="examples-tab" data-toggle="tab" href="#examples" role="tab" aria-controls="examples" aria-selected="false">
            {% trans "Przykłady niedopasowane" %}
        </a>
    </li>
</ul>

<div class="tab-content h-100 w-100 p-0" id="entryTabsContent">
    <div class="col h-100 w-100 p-0 tab-pane show active" id="semantics" role="tabpanel" aria-labelledby="semantics-tab">
        <div class="row m-0 p-0" id="semantics-top-pane">
            <div class="col h-100 px-1 pt-0 pb-0 overflow-auto" id="semantics-frames-pane">
                <div id="semantics-frames"></div>
                <!--div class="sticky-bottom px-0 py-1 bg-white local-filter">
                    <button type="button" id='semantics-filter-frames-button' class="btn btn-block btn-sm btn-outline-dark" data-toggle="modal" data-target="#frame-filters">
                        {% trans "Filtrowanie ram" %}
                    </button>
                </div-->
            </div>
            <div class="col h-100 px-1 pt-0 pb-0 overflow-auto" id="semantics-schemata-pane">
                <div id="semantics-schemata"></div>
                <!--div class="sticky-bottom px-0 py-1 bg-white local-filter">
                    <button type="button" id='semantics-filter-schemata-button' class="btn btn-block btn-sm btn-outline-dark" data-toggle="modal" data-target="#schema-filters">
                        {% trans "Filtrowanie schematów" %}
                    </button>
                </div-->
            </div>
        </div>
        <div class="row m-0 p-0 overflow-auto" id="semantics-examples-pane">
            <table id="semantics-examples" class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th scope="col">{% trans "Przykład" %}<i id="examples-argument"></i><i id="examples-lu"></i><i id="examples-schema"></i></th>
                        <th scope="col">{% trans "Źródło" %}</th>
                        <th scope="col">{% trans "Opinia" %}</th>
                    </tr>
                </thead>
                <tbody id="semantics-examples-list">
                </tbody>
            </table>
            <p class="mx-1 my-1"id="semantics-no-examples">{% trans "Brak przykładów" %}</p>
        </div>
    </div>
    <div class="col h-100 w-100 p-0 tab-pane" id="syntax" role="tabpanel" aria-labelledby="syntax-tab">
        <div class="col w-100 px-1 pt-0 pb-0 overflow-auto" id="syntax-schemata-pane">
            <div id="syntax-schemata"></div>
            <!--div class="sticky-bottom px-0 py-1 bg-white local-filter">
                <button type="button" id='syntax-filter-schemata-button' class="btn btn-block btn-sm btn-outline-dark" data-toggle="modal" data-target="#schema-filters">
                    {% trans "Filtrowanie schematów" %}
                </button>
            </div-->
        </div>
        <div class="col w-100 p-0 overflow-auto" id="syntax-examples-pane">
            <table id="syntax-examples" class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th scope="col">{% trans "Przykład" %}</th>
                        <th scope="col">{% trans "Źródło" %}</th>
                        <th scope="col">{% trans "Opinia" %}</th>
                    </tr>
                </thead>
                <tbody id="syntax-examples-list">
                </tbody>
            </table>
            <p class="mx-1 my-1"id="syntax-no-examples">{% trans "Brak przykładów" %}</p>
        </div>
    </div>
    <div class="col h-100 w-100 p-0 tab-pane" id="examples" role="tabpanel" aria-labelledby="examples-tab">
        <table id="unmatched-examples" class="table table-sm table-hover table-responsive">
            <thead>
                <tr>
                    <th scope="col">{% trans "Przykład" %}</th>
                    <th scope="col">{% trans "Źródło" %}</th>
                    <th scope="col">{% trans "Opinia" %}</th>
                </tr>
            </thead>
            <tbody id="unmatched-examples-list">
            </tbody>
        </table>
        <p class="mx-1 my-1"id="unmatched-no-examples">{% trans "Brak przykładów" %}</p>
    </div>
</div>