Added loading svg, but it needs to by stylized and updated for better placement. Despite some changes to routes.py to improve the gpt4all efficiency, it is still 80-95 seconds before it generates a response. I might have to start generating responses in a DB on the first page load so that the UI/UX is faster.

2023-12-02 03:35:06 +00:00
parent 7793dc88fa
commit 275d683044
16 changed files with 36 additions and 7 deletions
--- a/application/templates/head.html
+++ b/application/templates/head.html
@ -12,6 +12,7 @@
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"
 	rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', filename="styles.css") }}" />
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  </head>
 <body>
 {% block content %} {% endblock %}
--- a/application/templates/modal_results.html
+++ b/application/templates/modal_results.html
@ -28,3 +28,9 @@
 		</div>
 	</section>
 </div>
+<script>
+var elements = $('#firstTimeUsers');
+if (elements.length === 1) {
+    $('#loading').hide();
+}
+</script>
--- a/application/templates/single-button.html
+++ b/application/templates/single-button.html
@ -13,8 +13,13 @@
 	      	action="{{ url_for("prompt_all")}}"
 		method="post">
 		<input class="prompt-button"
-		id="fields" type="submit" value="Submit Prompt all Only">
+		id="fields" type="submit" value="Click for Inspiration"
+		onclick="$('#loading').show();">
 	</form>
+	  <div id="loading" style="display:none;">
+	   <img src={{ url_for('static', filename='tube-spinner.svg') }} width="200px">
+	   Please be patient as we load up on inspiration!
+	  </div>
 </div>
  </div>