Massive Vue 3 migration

Author: alexiri

AGENTS.md

@@ -149,3 +149,9 @@ Pre-change checklist (must answer mentally before finishing):
     Run a specific test like this: `podman-compose exec -T web python manage.py test --noinput -v 2 core.tests.test_elections_eligibility_org_reps`
 - Add ruff after you're done making changes: `podman-compose exec -T web ruff check --fix /app/astra_app`
 - Stop and restart everything: `podman-compose down && podman-compose up -d --build`. NEVER RUN `podman-compose down -v` as that will delete your database!
+
+## APIs
+
+This project should expose a JSON REST API (under `/api/`) to retrieve the data needed by the Vue 3 interface. The REST API should return **data only**, no URLs, no text labels, no UI concerns at all. The Vue 3 layer should take care of formatting the input data as needed, generating URLs using the data from the API, etc. The API should return the minimal data needed by the UI, but it's 100% the UI's job to format it and present it as needed.
+
+The Djange page routes are a thin Vue shell, the REST endpoints are the data source.

astra_app/api_v1/urls.py

@@ -189,6 +189,11 @@
         views_membership.membership_request_rescind_api,
         name="api-membership-request-rescind",
     ),
+    path(
+        "membership/requests/<int:pk>/detail",
+        views_membership.membership_request_detail_api,
+        name="api-membership-request-detail",
+    ),
     path(
         "membership/request/<int:pk>/approve",
         views_membership.membership_request_approve_api,

astra_app/core/membership_requests_datatables.py

@@ -763,7 +763,6 @@ def serialize_note_group(
     }
     if include_membership_request_links:
         payload["membership_request_id"] = header_entry.get("membership_request_id")
-        payload["membership_request_url"] = str(header_entry.get("membership_request_url") or "")
     return payload
 
 

astra_app/core/templates/core/ballot_verify.html

@@ -18,5 +18,7 @@
     data-ballot-verify-hash-script-url="{% static 'verify-ballot-hash.py' %}"
     data-ballot-verify-chain-script-url="{% static 'verify-ballot-chain.py' %}"
     data-ballot-verify-audit-script-url="{% static 'verify-audit-log.py' %}"
+    data-ballot-verify-election-detail-url-template="{{ election_detail_url_template }}"
+    data-ballot-verify-audit-log-url-template="{{ election_audit_log_url_template }}"
   ></div>
 {% endblock %}

astra_app/core/templates/core/election_vote.html

@@ -14,5 +14,10 @@ <h1 class="m-0">Vote: {{ election.name }}</h1>
 {% endblock %}
 
 {% block content %}
-  <div data-election-vote-root data-election-vote-api-url="{% url 'api-election-vote' election.id %}"></div>
+  <div
+    data-election-vote-root
+    data-election-vote-api-url="{% url 'api-election-vote' election.id %}"
+    data-election-vote-detail-url-template="{{ election_detail_url_template }}"
+    data-election-vote-verify-url="{{ ballot_verify_url }}"
+  ></div>
 {% endblock %}

astra_app/core/templates/core/elections_list.html

@@ -25,5 +25,7 @@ <h1 class="m-0">Elections</h1>
   <div
     data-elections-root
     data-elections-api-url="{% url 'api-elections' %}"
+    data-elections-detail-url-template="{{ election_detail_url_template }}"
+    data-elections-edit-url-template="{{ election_edit_url_template }}"
   ></div>
 {% endblock %}

astra_app/core/templates/core/elections_turnout_report.html

@@ -20,6 +20,7 @@ <h1 class="m-0">Election turnout report</h1>
     data-elections-turnout-report-root
     data-elections-turnout-report-api-url="{% url 'api-elections-turnout-report' %}"
     data-elections-turnout-report-elections-url="{% url 'elections' %}"
+    data-elections-turnout-report-election-detail-url-template="{{ election_detail_url_template }}"
   ></div>
 {% endblock %}
 

astra_app/core/templates/core/group_detail.html

@@ -19,6 +19,10 @@
     data-group-detail-members-api-url="{% url 'api-group-detail-members' group.cn %}"
     data-group-detail-action-url="{% url 'api-group-action' group.cn %}"
     data-group-detail-current-username="{{ request.user.get_username }}"
+    data-group-detail-url-template="{{ group_detail_url_template }}"
+    data-group-detail-edit-url-template="{{ group_edit_url_template }}"
+    data-group-detail-agreement-detail-url-template="{{ agreement_detail_url_template }}"
+    data-group-detail-agreements-list-url="{{ agreements_list_url }}"
   >
     <div class="text-muted">Loading group details...</div>
   </div>

astra_app/core/templates/core/groups.html

@@ -15,6 +15,7 @@
   <div
     data-groups-root
     data-groups-api-url="{% url 'api-groups' %}"
+    data-groups-detail-url-template="{{ group_detail_url_template }}"
   >
     <div class="text-muted">Loading groups...</div>
   </div>

astra_app/core/templates/core/membership_audit_log_vue.html

@@ -24,5 +24,8 @@ <h1 class="m-0">
     data-membership-audit-log-initial-q="{{ initial_q }}"
     data-membership-audit-log-initial-username="{{ initial_username }}"
     data-membership-audit-log-initial-organization="{{ initial_organization }}"
+    data-membership-audit-log-user-profile-url-template="{{ user_profile_url_template }}"
+    data-membership-audit-log-organization-detail-url-template="{{ organization_detail_url_template }}"
+    data-membership-audit-log-membership-request-detail-url-template="{{ membership_request_detail_url_template }}"
   ></div>
 {% endblock %}