New Riddle (w/o Data!!)

This commit is contained in:
2024-10-09 20:48:06 +02:00
parent 6de994626b
commit 86adf41308
10 changed files with 326 additions and 185 deletions

12
web/templates/modal.html Normal file
View File

@ -0,0 +1,12 @@
<div class="modal" tabindex="-1" id="message_sent">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>

View File

@ -10,10 +10,61 @@
{% extends "base.html" %}
{% set title = "New" %}
{% block maincontent %}
<div class="float-end">
<a href="/app/table" class="btn btn-secondary">&larr; Back to Messages</a>
<div class="row">
<div class="col">
</div>
<div class="col">
<a href="/app/table" class="btn btn-secondary">&larr; Back to Messages</a>
</div>
</div>
<h2>Create New Riddle</h2>
<div class="mb-3">
<label for="message_id" class="form-label">Riddle ID</label>
<input type="text" name="id" class="message-attribute form-control" id="message_id">
</div>
<div class="mb-3">
<label for="message_id" class="form-label">Riddle Question</label>
<input type="text" name="riddle.question" class="message-attribute form-control" id="message_id">
</div>
<div class="mb-3">
<label for="message_context" class="form-label">Riddle Context</label>
<textarea class="form-control message-attribute" name="riddle.context" id="message_context" rows="2"></textarea>
</div>
<div class="mb-3">
<div class="form-check form-check-inline">
<input class="form-check-input message-attribute" name="status.extract.required" type="checkbox" id="message_extract" value="true" checked>
<label class="form-check-label" for="message_extract">Extract</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input message-attribute" name="status.solve.required" type="checkbox" id="message_solve" value="true" checked>
<label class="form-check-label" for="message_solve">Solve</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input message-attribute" name="status.validate.required" type="checkbox" id="message_validate" value="true" checked>
<label class="form-check-label" for="message_validate">Validate</label>
</div>
</div>
<h2>JSON Representation</h2>
<div class="mb-3">
<div class="form-floating">
<textarea class="form-control" id="message_content">
{{- AgentMessage(id="",riddle={"context":"","question":""}).model_dump_json(indent=2) -}}
</textarea>
<label for="message_content">Message to send</label>
</div>
</div>
<button type="submit" class="btn btn-primary" id="send_message">Send Message</button>
{% include "modal.html" %}
{% endblock %}
{% block morehead %}
<script>
const basic_message = '{{ AgentMessage(id="",riddle={"context":"","question":""}).model_dump_json()|safe }}';
</script>
{% endblock %}

View File

@ -64,13 +64,14 @@
{% endif %}
<tr id="row_{{loop.index}}">
{% set row_index = loop.index %}
{% for field in field_names %}
{% if field == "message" %}
<td>
<button type="button" class="btn btn-outline-secondary btn-outline" data-bs-toggle="modal" data-bs-target="#row_message_{{loop.index}}">
<button type="button" class="btn btn-outline-secondary btn-outline" data-bs-toggle="modal" data-bs-target="#row_message_{{row_index}}">
Show Message
</button>
<div class="modal fade" id="row_message_{{loop.index}}" tabindex="-1" aria-hidden="true">
<div class="modal fade" id="row_message_{{row_index}}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
@ -78,7 +79,8 @@
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<pre>{{ item[field].model_dump_json(indent=2)|string }}</pre>
<pre id="row_message_raw_{{row_index}}">{{ item[field].model_dump_json(indent=2)|string }}</pre>
<button class="btn btn-warning send_message_again" idx="{{row_index}}">Send Again</button>
</div>
</div>
</div>
@ -128,6 +130,8 @@
</div>
</div>
{% include "modal.html" %}
{% endblock %}
{% block morehead %}
<script>