entry_display.html 1.58 KB
<ul class="nav nav-tabs nav-justified sticky-top bg-light" 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">
            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">
            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">
            Przykłady niedopasowane
        </a>
    </li>
</ul>

<div class="tab-content" id="entryTabsContent">
    <div class="w-100 tab-pane show active" id="semantics" role="tabpanel" aria-labelledby="semantics-tab">
        <div class="h-100 overflow-auto">
            <div class="row h-100">
            <div class="col-5 h-100 overflow-auto border-right border-primary" id="semantics-frames"></div>
            <div class="col-7 h-100 overflow-auto" id="semantics-schemata"></div>
            </div>
        </div>
    </div>
    <div class="w-100 tab-pane" id="syntax" role="tabpanel" aria-labelledby="syntax-tab">
    </div>
    <div class="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>