Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -384,16 +384,9 @@ def app():
|
|
| 384 |
# JavaScript to Scroll to Top on Page Change
|
| 385 |
gr.HTML("""
|
| 386 |
<script>
|
| 387 |
-
|
| 388 |
-
|
| 389 |
-
|
| 390 |
-
viewCartButton.addEventListener("click", function() {
|
| 391 |
-
setTimeout(() => {
|
| 392 |
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
| 393 |
-
}, 100); // Delay to allow the page transition
|
| 394 |
-
});
|
| 395 |
-
}
|
| 396 |
-
});
|
| 397 |
</script>
|
| 398 |
""")
|
| 399 |
|
|
@@ -420,11 +413,28 @@ def app():
|
|
| 420 |
lambda: (gr.update(visible=True), gr.update(visible=False)),
|
| 421 |
outputs=[login_section, signup_section],
|
| 422 |
)
|
| 423 |
-
# Navigate to Cart Page
|
| 424 |
view_cart_button.click(
|
| 425 |
lambda: (gr.update(visible=False), gr.update(visible=True)),
|
| 426 |
outputs=[menu_section, cart_section],
|
| 427 |
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 428 |
# Navigate Back to Menu Page
|
| 429 |
back_to_menu_button.click(
|
| 430 |
lambda: (gr.update(visible=True), gr.update(visible=False)),
|
|
@@ -434,5 +444,4 @@ def app():
|
|
| 434 |
return demo
|
| 435 |
|
| 436 |
if __name__ == "__main__":
|
| 437 |
-
app().launch()
|
| 438 |
-
|
|
|
|
| 384 |
# JavaScript to Scroll to Top on Page Change
|
| 385 |
gr.HTML("""
|
| 386 |
<script>
|
| 387 |
+
function scrollToTop() {
|
| 388 |
+
window.scrollTo({ top: 0, behavior: 'smooth' });
|
| 389 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 390 |
</script>
|
| 391 |
""")
|
| 392 |
|
|
|
|
| 413 |
lambda: (gr.update(visible=True), gr.update(visible=False)),
|
| 414 |
outputs=[login_section, signup_section],
|
| 415 |
)
|
| 416 |
+
# Navigate to Cart Page and Scroll to Top
|
| 417 |
view_cart_button.click(
|
| 418 |
lambda: (gr.update(visible=False), gr.update(visible=True)),
|
| 419 |
outputs=[menu_section, cart_section],
|
| 420 |
)
|
| 421 |
+
|
| 422 |
+
# JavaScript to Trigger Scroll-to-Top for Cart Page
|
| 423 |
+
gr.HTML("""
|
| 424 |
+
<script>
|
| 425 |
+
document.addEventListener("DOMContentLoaded", function() {
|
| 426 |
+
const viewCartButton = document.querySelector('button:contains("View Cart")');
|
| 427 |
+
if (viewCartButton) {
|
| 428 |
+
viewCartButton.addEventListener("click", function() {
|
| 429 |
+
setTimeout(() => {
|
| 430 |
+
window.scrollTo({ top: 0, behavior: 'smooth' });
|
| 431 |
+
}, 100); // Delay to ensure Cart Page loads
|
| 432 |
+
});
|
| 433 |
+
}
|
| 434 |
+
});
|
| 435 |
+
</script>
|
| 436 |
+
""")
|
| 437 |
+
|
| 438 |
# Navigate Back to Menu Page
|
| 439 |
back_to_menu_button.click(
|
| 440 |
lambda: (gr.update(visible=True), gr.update(visible=False)),
|
|
|
|
| 444 |
return demo
|
| 445 |
|
| 446 |
if __name__ == "__main__":
|
| 447 |
+
app().launch()
|
|
|