47 lines
2.4 KiB
Plaintext
47 lines
2.4 KiB
Plaintext
<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="start" appConnect="local" components="{dmxSwiper:{},dmxBootstrap5Navigation:{},dmxFormatter:{},dmxBootstrap5Toasts:{},dmxBootstrap5TableGenerator:{}}" -->
|
|
<dmx-serverconnect id="serverconnect2" url="/api/qSubSection" dmx-param:subid="(swiper1.index + 1)"></dmx-serverconnect>
|
|
<div is="dmx-bs5-toasts" id="toasts1"></div>
|
|
<dmx-serverconnect id="serverconnect1" url="/api/qSection"></dmx-serverconnect>
|
|
<meta name="ac:route" content="/Scrollable-sections">
|
|
<div class="container">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<span class="navbar-text">Page {{(swiper1.index + 1)}}</span>
|
|
<span class="navbar-text">Navbar Text</span><span class="navbar-text">Navbar Text</span>
|
|
|
|
</nav>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div is="dmx-swiper" id="swiper1" pagination="bullets" navigation="true" dmx-bind:slides="serverconnect1.data.query" loop="true" scrollbar="true">
|
|
<div class="swiper-slide">
|
|
<div class="row">
|
|
<h2> {{txtSection}}</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-bordered table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Index</th>
|
|
<th>Is section</th>
|
|
<th>Num section</th>
|
|
<th>Txt section</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="serverconnect2.data.query" id="tableRepeat1">
|
|
<tr>
|
|
<td dmx-text="index"></td>
|
|
<td dmx-text="isSection"></td>
|
|
<td dmx-text="numSection"></td>
|
|
<td dmx-text="txtSection"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |