minne/html-router/templates/ingestion_modal.html

{% extends "modal_base.html" %}
{% block form_attributes %}
hx-post="/ingress-form"
enctype="multipart/form-data"
{% endblock %}
{% block modal_content %}
<h3 class="text-lg font-bold">Add new content</h3>
<div class="form-control">
  <label class="floating-label">
    <span>Content</span>
    <textarea name="content" class="textarea input-bordered w-full"
      placeholder="Enter the content you want to ingest, it can be an URL or a text snippet">{{ content }}</textarea>
  </label>
</div>
<div class="form-control">
  <label class="floating-label">
    <span>Context</span>
    <textarea name="context" class="textarea w-full"
      placeholder="Enter context for the AI here, help it understand what its seeing or how it should relate to the database">{{
      context }}</textarea>
  </label>
</div>
<div class="form-control">
  <label class="floating-label">
    <span>Category</span>
    <input type="text" name="category" class="input input-bordered validator w-full" value="{{ category }}"
      list="category-list" required />
    <datalist id="category-list">
      {% for category in user_categories %}
      <option value="{{ category }}" />
      {% endfor %}
    </datalist>
    <div class="validator-hint hidden">Category is required</div>
  </label>
</div>
<div class="form-control">
  <label class="label label-text">Files</label>
  <input type="file" name="files" multiple class="file-input file-input-bordered w-full" />
</div>
<div id="error-message" class="text-error text-center {% if not error %}hidden{% endif %}">{{ error }}</div>
<script>
  (function () {
    const form = document.getElementById('modal_form');
    if (!form) return;
    const targetElement = document.getElementById('active_jobs_section');
    if (targetElement) {
      form.setAttribute('hx-target', '#active_jobs_section');
      form.setAttribute('hx-swap', 'beforeend');
    } else {
      form.setAttribute('hx-swap', 'none');
      form.removeAttribute('hx-target');
    }
  })();
</script>
{% endblock %}
{% block primary_actions %}
<button type="submit" class="btn btn-primary">
  Save Changes
</button>
{% endblock %}