From a3c12ca90ebee8953615fb5f9fdcda464933d266 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 14 Mar 2022 15:13:34 +0100
Subject: [PATCH] search results in modal

---
 .../froide_govplan/plugins/search.html          | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/froide_govplan/templates/froide_govplan/plugins/search.html b/froide_govplan/templates/froide_govplan/plugins/search.html
index 7595cdb..10dffef 100644
--- a/froide_govplan/templates/froide_govplan/plugins/search.html
+++ b/froide_govplan/templates/froide_govplan/plugins/search.html
@@ -1,5 +1,5 @@
 {% load i18n %}
-<form method="get" action="{% url 'govplan:search' %}" class="ajaxified" data-container="#govplan-searchresult-{{ instance.id }}">
+<form method="get" action="{% url 'govplan:search' %}" class="ajaxified" data-container="#govplan-searchresult-{{ instance.id }}" data-modalcontainer="#govplan-searchmodal-{{ instance.id }}">
   <div class="input-group mb-3">
     <input type="text" name="q" class="form-control" aria-label="{% translate 'search query' %}">
     <div class="input-group-append">
@@ -12,6 +12,19 @@
     <input type="hidden" name="government" value="{{ instance.government_id }}"/>
   {% endif %}
 </form>
-<div id="govplan-searchresult-{{ instance.id }}">
 
+<div class="modal fade" id="govplan-searchmodal-{{ instance.id }}">
+  <div class="modal-dialog modal-dialog-centered modal-xl">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">{% trans "Search results" %}</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div id="govplan-searchresult-{{ instance.id }}"></div>
+      </div>
+    </div>
+  </div>
 </div>