diff options
Diffstat (limited to 'gn2/wqflask/templates/gnqa_search_history.html')
| -rw-r--r-- | gn2/wqflask/templates/gnqa_search_history.html | 106 |
1 files changed, 65 insertions, 41 deletions
diff --git a/gn2/wqflask/templates/gnqa_search_history.html b/gn2/wqflask/templates/gnqa_search_history.html index 2c07b8c0..8d54ad80 100644 --- a/gn2/wqflask/templates/gnqa_search_history.html +++ b/gn2/wqflask/templates/gnqa_search_history.html @@ -1,42 +1,66 @@ -<section class="container-fluid gnqa-copy"> - <header class="row"> - - <div class="panel panel default col-sm-6 col-sm-offset-3"> - <div class="panel panel-default"> - <div class="panel-heading"> - <div> - <h4 class="text-primary">You search History </h4> - </div> - </div> - </div> +<section class="container-fluid gnqa-copy" id="search-hist"> + <header class="row"> + <div class="panel panel default col-sm-6 col-sm-offset-3"> + <div class="panel panel-default"> + <div class="panel-heading"> + <div> + <h4 class="text-secondary" + style="font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif; + font-size:2.3rem">Your AI search History</h4> + </div> + </div> + </div> + </div> + </header> + <div class="container row"> + <div> + <div class="col-sm-6 col-sm-offset-3" style="margin-bottom:10px"> + <button type="button" class="btn btn-danger" id="delete-btn">Delete Selected</button> + </div> + <div> + <div class="panel panel-default col-sm-6 col-sm-offset-3 "> + <div> + <ul class="list-group list-group-flush" style="overflow-y:scroll"> + {% for item in prev_queries %} + <li class="row list-group-item"> + <input name="" + type="checkbox" + value="{{ item['task_id'] }}" + class="col-sm-1" + style="height: 20px; + width: 20px"> + <div class="col-sm-10"> + <button hx-get="/gnqna/record?query={{ item['query'] }}&search_task_id={{ item['task_id'] }}" + hx-target="#swap" + hx-swap="innerHTML" + hx-trigger="click" + data-bs-toggle="tooltip" + data-bs-placement="left" + title="/gnqna/record?query={{ item['query'] }}&search_task_id={{ item['task_id'] }}" + style="background:transparent; + border:none; + cursor:pointer"> + <p class="text-info">{{ item["query"] }}</p> + </button> + </div> + </li> + {% endfor %} + </ul> + </div> + </div> + </div> + </div> </div> - </header> - <div class="container row"> - <div class="panel panel-default col-sm-6 col-sm-offset-3 "> - {% for record in prev_queries %} - <div class="panel-body"> - <div class="row"> - <input name="" type="checkbox" value="" class="col-sm-1"> - <div class="col-sm-10"> - {% for id,val in record.items() %} - <button - hx-get="/gnqna/hist/search/{{id}}" - hx-target="#swap" - hx-swap="innerHTML" - hx-trigger= "click" - data-bs-toggle="tooltip" - data-bs-placement="left" - title="/gnqna/hist/search?{{id}}" - style="background:transparent;border:none;cursor:pointer" - > - <b class="text-info">{{val}} </b> - </button> - {% endfor %} - </div> - </div> - </div> - {% endfor %} - </div> - </div> - </div> - </section> +</section> +<script> + htmx.on("#delete-btn", "click", function(evt){ + htmx.ajax("DELETE","/gnqna/records", {target: "#search-hist", swap :"none", + handler: (target,obj) =>{ + htmx.ajax("GET", "gnqna/records", { + target: "#search-hist", + swap: "innerHTML" + }) + }, + values: Array.from(htmx.findAll("input[type=checkbox]:checked"), e => e.value)}) + }) +</script> |