Background

The web version of SeisFinder2 will be developed in the near future. To make things easier, flask and google maps implementation along with some front end features are implemented.

Story / Deliverable

1. Create dynamic webpage - if you change input the webpage responds interactively to the input change
2. Clicking on  Google maps - prints location's lat, lon

Tasks 

Create dynamic webpage

• Make it a single/two page dynamic web application by making use of javacript & libraries.. The page responds to input changes. -2.5 day

Clicking on  Google maps

• Flask and google maps integration using Google Maps API - 1 day
• Location selection by mouse click on map should print lat, lon -1 day
• Adding multiple lat, lon by typing in text boxes. Increase rows of text box for button click -2 day

Progress / Tasks completed

Create dynamic webpage

• Make it a single/two page dynamic web application by making use of javacript & libraries.. The page responds to input changes. -done

Several examples implemented for forms and input handling with flask. Examples also include file upload, file download, email sending and cookie setting.

Clicking on  Google maps

• Flask and google maps integration using Google Maps API - done
• Location selection by mouse click on map should print lat, lon - done
• Adding multiple lat, lon by typing in text boxes. Increase rows of text box for button click -done

The google maps was integrated in the flask by using javascript, google maps API. User can select a location by mouse click. 

For multiple locations to be added in the form, textboxes for lat, lon are provided. The number of these textboxes are dynamic. User can add/delete them. This feature provides an alternative to upload a csv file with multiple locations in it.