-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Revert "html template fix (fix for endless spinner)"
This reverts commit 234fc5b.
- Loading branch information
Showing
1 changed file
with
44 additions
and
66 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -166,96 +166,74 @@ def parse_arguments(): | |
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Not a Google Maps Link!</title> | ||
| <!-- Favicon --> | ||
| <title>Open in Waze</title> | ||
| <link rel="icon" href="https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/1f30d.png" type="image/png"> | ||
| <!-- Include Bootstrap CSS --> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | ||
| <style> | ||
| body { | ||
| background-color: #f4f4f9; | ||
| margin: 0; | ||
| padding: 0; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| justify-content: center; | ||
| min-height: 100vh; | ||
| color: #333; | ||
| } | ||
| .card { | ||
| max-width: 600px; | ||
| padding: 20px; | ||
| border-radius: 8px; | ||
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||
| } | ||
| /* Center the spinner overlay */ | ||
| .spinner-overlay { | ||
| position: fixed; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| background: rgba(255, 255, 255, 0.8); | ||
| display: none; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| z-index: 9999; | ||
| } | ||
| .btn { | ||
| margin-top: 15px; | ||
| margin-right: 10px; | ||
| display: none; /* Hidden by default */ | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="spinner-overlay"> | ||
| <div class="spinner-border text-primary" role="status"> | ||
| <span class="visually-hidden">Loading...</span> | ||
| <body class="bg-light"> | ||
| <div class="container mt-5"> | ||
| <div class="card shadow"> | ||
| <div class="card-body"> | ||
| <h1 class="card-title text-center mb-4">Google Maps URL to Waze</h1> | ||
| <form method="post" class="text-center" onsubmit="showSpinner()"> | ||
| <div class="mb-3"> | ||
| <label for="url" class="form-label">Enter Google Maps URL:</label> | ||
| <input type="text" id="url" name="url" class="form-control" placeholder="Paste your Google Maps link here" required> | ||
| </div> | ||
| <button type="submit" class="btn btn-primary">Open In Waze</button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| <div class="card bg-white text-center"> | ||
| <h1 class="text-danger">Not a Google Maps Link!</h1> | ||
| <p class="lead"> | ||
| Looks like you gave me the wrong link. Right now, I can only handle Google Maps URLs. | ||
| Let’s keep it simple and straightforward. | ||
| </p> | ||
| <p> | ||
| If you have ideas to improve this or want to help, feel free to contribute: | ||
| </p> | ||
| <a href="https://github.com/papko26/google-link-to-waze" target="_blank" class="btn btn-outline-primary"> | ||
| Visit the GitHub Repository | ||
| </a> | ||
| <a href="/" class="btn btn-outline-secondary"> | ||
| Return to Main Page | ||
| </a> | ||
| <!-- Contribution Section --> | ||
| <div class="card shadow mt-4"> | ||
| <div class="card-body"> | ||
| <h5 class="card-title">Contribute</h5> | ||
| <p class="card-text"> | ||
| Have ideas to make this better? Check out the project on GitHub and share your suggestions or improvements: | ||
| </p> | ||
| <a href="https://github.com/papko26/google-link-to-waze" target="_blank" class="btn btn-outline-primary"> | ||
| GitHub Repository | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Optional: Include Bootstrap JS --> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | ||
| <!-- Spinner Overlay --> | ||
| <div class="spinner-overlay"> | ||
| <div class="spinner-border text-primary" role="status"> | ||
| <span class="visually-hidden">Loading...</span> | ||
| </div> | ||
| </div> | ||
| <script> | ||
| // Function to show the spinner | ||
| function showSpinner() { | ||
| const spinner = document.querySelector('.spinner-overlay'); | ||
| spinner.style.display = 'flex'; | ||
| // Simulate a redirect check | ||
| setTimeout(() => { | ||
| // Redirect condition | ||
| if (document.readyState === "complete") { | ||
| stopSpinnerAndRedirect(); | ||
| } | ||
| }, 3000); | ||
| } | ||
| <!-- Optional: Include Bootstrap JS --> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | ||
| <script> | ||
| // Function to show the spinner | ||
| function showSpinner() { | ||
| document.querySelector('.spinner-overlay').style.display = 'flex'; | ||
| } | ||
| </script> | ||
| // Function to stop spinner and redirect to root | ||
| function stopSpinnerAndRedirect() { | ||
| const spinner = document.querySelector('.spinner-overlay'); | ||
| spinner.style.display = 'none'; | ||
| window.location.href = '/'; // Redirect to root | ||
| } | ||
| </script> | ||
| </body> | ||
| </html> | ||
| """ | ||
|
|
||