wait message in tutorial pages

rizac · Nov 20, 2024 · 2d54f1b · 2d54f1b
1 parent 8ba2c62
commit 2d54f1b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/templates/predictions.html b/templates/predictions.html
@@ -220,7 +220,10 @@
 	<div v-if='forms.misc.predictions.tutorial_page_visible'
 		class='d-flex p-2 bg-white position-absolute border-0 shadow flex-column gap-3'
 		style='width:50vw; height: 100%; right:0'>
-		<iframe :src="urls.predictions_response_tutorial" class='border-0' style='flex: 1 1 auto'>
+		<h6><i class='fa fa-hourglass-start'></i> Generating output, please wait ...</h6>
+		<iframe
+			:src="urls.predictions_response_tutorial" class='border-0' style='flex: 1 1 auto'
+			onload="this.parentNode.querySelectorAll('h6')[0].style.display='none'">
 		</iframe>
 		<button type='button' class='btn btn-outline-primary border-0 btn-sm'
 				@click="forms.misc.predictions.tutorial_page_visible=false">

diff --git a/templates/residuals.html b/templates/residuals.html
@@ -110,13 +110,15 @@
 				</div>
 			</div>
 		</div>
-
 	</form>
 
 	<div v-if='forms.misc.residuals.tutorial_page_visible'
 		class='d-flex p-2 bg-white position-absolute border-0 shadow flex-column gap-3'
 		style='width:50vw; height: 100%; right:0'>
-		<iframe :src="urls.residuals_response_tutorial" class='border-0' style='flex: 1 1 auto'>
+		<h6><i class='fa fa-hourglass-start'></i> Generating output, please wait ...</h6>
+		<iframe
+			:src="urls.residuals_response_tutorial" class='border-0' style='flex: 1 1 auto'
+			onload="this.parentNode.querySelectorAll('h6')[0].style.display='none'">
 		</iframe>
 		<button type='button' class='btn btn-outline-primary border-0 btn-sm'
 				@click="forms.misc.residuals.tutorial_page_visible=false">