entry_display.html 3.2 KB
{% load i18n %}

<ul class="nav nav-pills nav-justified sticky-top p-1 border-bottom border-primary" id="entryTabs" role="tablist">
    <li class="nav-item">
        <a class="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">
        <a class="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">
        <a class="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 tab-pane show active" id="semantics" role="tabpanel" aria-labelledby="semantics-tab">
        <div class="row h-75 p-0">
            <div class="col-5 h-100 py-2 px-3 overflow-auto border-right border-primary" id="semantics-frames"></div>
            <div class="col-7 h-100 py-2 px-3 overflow-auto" id="semantics-schemata"></div>
        </div>
        <div class="row h-25 p-2 overflow-auto border-top border-primary">
            <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 h-75 w-100 py-2 px-3 overflow-auto" id="syntax-schemata"></div>
        <div class="col h-25 w-100 p-2 overflow-auto border-top border-primary">
            <div>
            <table id="syntax-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="syntax-examples-list">
                </tbody>
            </table>
            </div>
            <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 tab-pane" id="examples" role="tabpanel" aria-labelledby="examples-tab">
        <div class="card">
            <div class="card-body">
                <p>Tu będą przykłady niedopasowane.</p>
            </div>
        </div>
    </div>
</div>