For the life of me I can't get the query string variable from the URL.
Here are my routes:
Here is the route from the dashboard page:
Here is how the URL should look
And here is the code for the page that is trying to use the uniqueid query param.
<!-- Wappler include head-page="../dashboard4.aspx" appconnect="local" is="dmx-app" bootstrap5="yeti" fontawesome_5="cdn" id="bandboozle" components="{dmxBootstrap5Theme:{},dmxFormatter:{},dmxBrowser:{},dmxBootstrap5TableGenerator:{},dmxBootstrap5Tooltips:{},dmxGoogleMaps:{},dmxBootstrap5Modal:{},dmxDatastore:{},dmxNotifications:{},dmxStateManagement:{}}" jquery_slim_35="cdn" moment_2="cdn" -->
<section id="ServerConnect">
<dmx-serverconnect id="conn_DeleteEvent" url="../dmxConnect/api/Events/event_delete.aspx" noload="true" dmx-on:success="modalDeleteEVent.hide();datastore1.update({$id: 1, event_id: ''},{event_id: ''});browser1.goto('../Dashboard',true)" dmx-on:error="notifies1.danger('There was an error with deleting this event!')"></dmx-serverconnect>
<dmx-serverconnect id="conn_event_details" url="dmxConnect/api/Events/event_query_detail.aspx" dmx-param:filter="" dmx-param:uniqueid="query1.data.uniqueid"></dmx-serverconnect><dmx-serverconnect id="conn_WhoIsInEvent" url="../dmxConnect/api/Events/users_in_event.aspx" dmx-param:filter="datastore1.data[0].event_id"></dmx-serverconnect>
<dmx-serverconnect id="conn_documents" url="../dmxConnect/api/Documents/event_document_qry.aspx" dmx-param:event_id="datastore1.data[0].event_id"></dmx-serverconnect>
</section>
<section id="Components">
<dmx-notifications id="notifies1"></dmx-notifications>
<dmx-datastore id="datastore1"></dmx-datastore>
<div is="dmx-browser" id="browser1"></div>
<div is="dmx-bs5-theme" id="bs5theme1" theme="dark"></div>
</section>
<section id="Models">
<div class="modal" id="modalDeleteEVent" is="dmx-bs5-modal" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="fa-solid fa-trash-can"></i> Delete Event</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>This will permanently delete this event? Do you want to proceed? </p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" dmx-on:click="conn_DeleteEvent.load({filter: datastore1.data[0].event_id})">Save changes</button>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid">
<div class="row">
<div class="col">
<h3 class="text-warning mt-2"><i class="fa-solid fa-calendar-day" aria-hidden="true"></i> Event Detail <span class="text-success" dmx-show="conn_event_details.data.queryEventDetail.confirmed==true" dmx-bs-tooltip="'Event has been confirmed!'" data-bs-placement="bottom" data-bs-trigger="click"> <i class="fa-solid fa-shield-check"></i></span></h3>
</div>
</div>
<div class="row mb-lg-4">
<div class="col-12 col-lg-6">
<p><b>Title:</b> {{conn_event_details.data.queryEventDetail.title}}</p>
<p><b>Band:</b> {{conn_event_details.data.queryBandName.band_name}}</p>
<p><b>Description: </b>{{conn_event_details.data.queryEventDetail.short_description}}</p>
<p><b>Start Time: </b>{{conn_event_details.data.queryEventDetail.start_time.formatDate('h:mm a MM/dd/yy')}}</p>
<p><b>End Time:</b> {{conn_event_details.data.queryEventDetail.end_time.formatDate('h:mm a MM/dd/yy')}}</p>
<p dmx-hide="conn_event_details.data.queryEventDetail.loadintime=='1900-01-01T00:00:00'"><b>Load In: </b>{{conn_event_details.data.queryEventDetail.loadintime.formatDate('h:mm a MM/dd/yy')}}</p>
<p><b>Details:</b> {{conn_event_details.data.queryEventDetail.long_description}}</p>
<p><b>Sound: </b><span dmx-show="conn_event_details.data.queryEventDetail.need_sound==true">Required <i class="fa-solid fa-volume-high text-success"></i></span><span dmx-show="conn_event_details.data.queryEventDetail.need_sound==false">Not Required <i class="fa-solid fa-volume-slash text-danger"></i></span></p>
<p><b>Lights:</b> <span dmx-show="conn_event_details.data.queryEventDetail.need_lights==true">Required <i class="fa-regular fa-lightbulb-exclamation-on text-success"></i></span><span dmx-show="conn_event_details.data.queryEventDetail.need_lights==false">Not Required <i class="fa-solid fa-lightbulb-slash text-danger"></i></span></p>
<p><b>Backline Provided: </b>yes/no</p>
<div class="row" dmx-show="!conn_documents.data.queryEventDocuments.isEmpty()">
<div class="col">
<p><b>Documents:</b></p>
<hr>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Download</th>
<th>Name</th>
<th>Uploaded at</th>
</tr>
</thead>
<tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="conn_documents.data.queryEventDocuments" id="tableRepeat1">
<tr class="align-middle">
<td>
<button id="btn2" class="btn btn-success btn-sm" dmx-on:click="browser1.goto(file_path)">Download</button>
</td>
<td dmx-text="document_name"></td>
<td dmx-text="uploaded_at.formatDate('h:mm a - MM/dd/yyyy')"></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
</div>
<div class="row">
<div class="col">
<p dmx-show="conn_event_details.data.queryEventDetail.url_link"><b>Web URL: </b><a dmx-bind:href="conn_event_details.data.queryEventDetail.url_link">{{conn_event_details.data.queryEventDetail.url_link}}</a></p>
<p><b>Comments: {{conn_event_details.data.queryEventDetail.comment}}</b></p>
</div>
</div>
<p><b>Line Up: </b>
<span id="repeat1" is="dmx-repeat" dmx-bind:repeat="conn_WhoIsInEvent.data.queryUsersInEvent">{{firstname}} {{lastname}}, </span>
</p>
<p><b>Location: </b>{{conn_event_details.data.queryEventDetail.address}} </p>
<div dmx-show="conn_whoami.data.queryRoles.role=='A'">
<button id="btn1" class="btn btn-success mt-2 mb-4" dmx-on:click="browser1.goto('./Event-Edit/'+conn_event_details.data.queryEventDetail.uniqueid,true)"><i class="fa-solid fa-calendar-pen"></i> Edit Event</button>
<button id="btn3" class="btn mt-2 mb-4 text-bg-danger" dmx-on:click="modalDeleteEVent.show()"><i class="fa-solid fa-trash-can"></i> Delete Event</button>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="row" id="map_row" dmx-show="conn_event_details.data.queryEventDetail.lat">
<div class="col">
<dmx-google-maps id="maps1" marker-latitude="lat" marker-longitude="long" fullscreen-control="true" scrollwheel="true" zoom-control="true" dmx-bind:latitude="conn_event_details.data.queryEventDetail.lat" dmx-bind:longitude="conn_event_details.data.queryEventDetail.long" zoom="16" maptype-control="true" streetview-control="true" tilt="true" height="500">
<dmx-google-maps-marker id="marker1" type="orange" animation="drop" dmx-bind:latitude="conn_event_details.data.queryEventDetail.lat" dmx-bind:longitude="conn_event_details.data.queryEventDetail.long"></dmx-google-maps-marker>
</dmx-google-maps>
<button id="btn4" class="btn btn-success mt-2 mb-2"><i class="fa-solid fa-map-location-dot"></i> Edit Map</button>
</div>
</div>
</div>
</div>
</div>
I'm sure I'm missing something basic. Its almost midnight here and I can barely see at this point. LOL. hoping someone has an idea...
