Open
Conversation
swainn
requested changes
May 5, 2026
Member
swainn
left a comment
swainn
left a comment
There was a problem hiding this comment.
In addition to the other comments, please add as many links to the Tethys docs as you can. I want links for every gizmo, map layout, templating, recipes, etc. referenced throughout the workshop: "To learn more about the MapView Gizmo, see: ".
See comments for other feedback.
| To test your newly scaffolded app, install it by running the following commands: | ||
|
|
||
| ```bash | ||
| cd tethysdev/tethysapp-earthquake_calculator |
Member
There was a problem hiding this comment.
Suggested change
| cd tethysdev/tethysapp-earthquake_calculator | |
| cd ~/tethysdev/tethysapp-earthquake_calculator |
| tethys start | ||
| ``` | ||
|
|
||
| Now, go to [localhost:8000](http://localhost:8000) to view your app in your browser. |
Member
There was a problem hiding this comment.
Suggested change
| Now, go to [localhost:8000](http://localhost:8000) to view your app in your browser. | |
| Now, go to [localhost:8000](http://localhost:8000) to view your app in your browser. | |
| If prompted to login, use the default username and password: | |
| username: admin | |
| password: pass |
|
|
||
| To set the image that shows up for your app in the Tethys library and next to the app name, first add that image to the `public/images` directory inside your app files. | ||
|
|
||
| Here is an example image to use: [Download Example App Icon](/img/getting-started/earthquake-app-icon.png) |
Member
There was a problem hiding this comment.
Suggested change
| Here is an example image to use: [Download Example App Icon](/img/getting-started/earthquake-app-icon.png) | |
| Here is an example image to use: [Download Example App Icon](/img/getting-started/earthquake-app-icon.png) Save the image as `earthquake-app-icon.png` in the `public/images` directory of the app. |
| To change the accent color used throughout your app, change the color to any hexcode color you'd like: | ||
|
|
||
| ```python | ||
| color='#0E4F57' |
Member
There was a problem hiding this comment.
Suggested change
| color='#0E4F57' | |
| color = '#0E4F57' |
| color='#0E4F57' | ||
| ``` | ||
|
|
||
| After making these changes, just reload your app and you'll see them reflected in the browser inside your app. |
Member
There was a problem hiding this comment.
Suggested change
| After making these changes, just reload your app and you'll see them reflected in the browser inside your app. | |
| After making these changes, the development server should reload and then you can reload the page to the changes reflected in the browser. |
| Begin by adding the `compose_layers` method to your MapLayout controller class in `controllers.py`: | ||
|
|
||
| ```python {5-30} | ||
| @controller(name="view_all_earthquakes", url="view_all_earthquakes", app_workspace=True) |
Member
There was a problem hiding this comment.
Use dashes instead of underscores for URLs:
Suggested change
| @controller(name="view_all_earthquakes", url="view_all_earthquakes", app_workspace=True) | |
| @controller(name="view_all_earthquakes", url="view-all-earthquakes", app_workspace=True) |
| Begin by updating your MapLayout class: | ||
|
|
||
| ```python {11-12} | ||
| @controller(name="view_all_earthquakes", url="view_all_earthquakes", app_workspace=True) |
Member
There was a problem hiding this comment.
Suggested change
| @controller(name="view_all_earthquakes", url="view_all_earthquakes", app_workspace=True) | |
| @controller(name="view_all_earthquakes", url="view-all-earthquakes", app_workspace=True) |
| ```python {1,7-84} | ||
| import numpy as np | ||
|
|
||
| @controller(name="view_all_earthquakes", url="view_all_earthquakes", app_workspace=True) |
Member
There was a problem hiding this comment.
Suggested change
| @controller(name="view_all_earthquakes", url="view_all_earthquakes", app_workspace=True) | |
| @controller(name="view_all_earthquakes", url="view-all-earthquakes", app_workspace=True) |
| - Wire up forms and custom settings | ||
| - Perform calculations | ||
| - Visualize the results with both interactive maps and plots. | ||
|
|
Member
There was a problem hiding this comment.
Let's get the solution posted on Tethys Platform GitHub and put a link to it at the end of the workshop tutorial (hereish).
| - Perform calculations | ||
| - Visualize the results with both interactive maps and plots. | ||
|
|
||
| For more information and tutorials like this one on how to build Tethys web applications, checkout the [Tethys Platform documentation](https://docs.tethysplatform.org/) |
Member
There was a problem hiding this comment.
Add a "Next Steps" section with links to relevant tutorials they can do next.
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This merge request includes the full getting-started workshop.