85 lines
4.1 KiB
Plaintext
85 lines
4.1 KiB
Plaintext
<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="observationPage" appConnect="local" components="{dmxBootstrap5TableGenerator:{},dmxMasonry:{},dmxFormatter:{},dmxBootstrap5Popovers:{},dmxBootstrap5Toasts:{},dmxDataTraversal:{},dmxStateManagement:{},dmxDatastore:{}}" -->
|
|
<dmx-toggle id="toggle1" checked="true"></dmx-toggle>
|
|
<dmx-datastore id="datastore1" dmx-on:updated="toasts1.clear();toasts1.show({message: data[0].numSection+'Updated ', title: 'New Insert Added'})" dmx-on:inserted="toasts1.showSimple({message: data[0].numSection+'Inserted '})"></dmx-datastore>
|
|
<div is="dmx-bs5-toasts" id="toasts1"></div>
|
|
<dmx-serverconnect id="scQuerySubSections" url="/api/qSubSection" noload="true" dmx-param:subid="1"></dmx-serverconnect>
|
|
<dmx-serverconnect id="serverconnect1" url="/api/qSection"></dmx-serverconnect>
|
|
<meta name="ac:route" content="/observationPage">
|
|
<dmx-serverconnect id="scQuerySection" url="/api/qSection"></dmx-serverconnect>
|
|
|
|
<div class="container border border-5 rounded border-warning-subtle" id="btnMenu">
|
|
<div class="row" is="dmx-masonry" id="repeat1" dmx-bind:repeat="scQuerySection.data.query">
|
|
<div class="col">
|
|
<form id="form1" action="/api/qSection" method="post">
|
|
<input id="text1" name="text1" type="hidden" class="form-control" dmx-bind:value="numSection">
|
|
<button id="btn1" class="btn btn-primary" dmx-text="txtSection.substring(0,25)" data-bs-toggle="button" dmx-bind:value="numSection" dmx-on:click="toasts1.show({message: value, title: 'Button Value', subtitle: tableRepeat1[0].txtSection});scQuerySubSections.load({subid: value});varSelectedSection.setValue(value)">Button</button>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container" dmx-show="toggle1.checked">
|
|
|
|
<table class="table table-striped table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Num section</th>
|
|
<th>Txt section</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="scQuerySection.data.query" id="tableRepeat1">
|
|
<tr>
|
|
<td dmx-text="numSection"></td>
|
|
<td dmx-text="txtSection"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<button id="btn2" class="btn btn-info" dmx-on:click="toggle1.toggle()">Hide/Show</button>
|
|
<div class="container">
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="row">Points</th>
|
|
<th>Is section</th>
|
|
<th>Num section</th>
|
|
<th>Txt section</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody is="dmx-repeat" dmx-generator="bs5table" id="tableRepeat2" dmx-bind:repeat="scQuerySubSections.data.query">
|
|
<tr>
|
|
<td>
|
|
<input id="pointValue" name="section" type="hidden" class="form-control" dmx-bind:value="numSection">
|
|
<select id="selPoints" class="form-select" name="sPoints" dmx-on:changed="datastore1.upsert({numSection: pointValue.value, $id: numSection},{numSection: pointValue.value, Points: value})">
|
|
<option value="0">0 points</option>
|
|
<option value="1">1 point</option>
|
|
<option value="2">2 points</option>
|
|
<option value="10">Did Not Demonstrate</option>
|
|
</select>
|
|
</td>
|
|
<td dmx-text="isSection"></td>
|
|
<td dmx-text="numSection"></td>
|
|
<td dmx-text="txtSection"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="container" id="DS">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>$id</th>
|
|
<th>Num section</th>
|
|
<th>Points</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="datastore1.data" id="tableRepeat3">
|
|
<tr>
|
|
<td dmx-text="$id"></td>
|
|
<td dmx-text="numSection"></td>
|
|
<td dmx-text="Points"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> |