This is the Mozilla Clubs Event Reporting tool. It allows users to submit and browse through event reports.
- Users submit an event report using a Google Form
- The data from the form is then added to the Spreadsheet
- We access the spreadsheet using a special URL and get the data
- We display the data on the Dashboard
You can make your own version of the clubs event reporter by following the steps below.
- Create your own copy of the Google Form
- Here is the blank form - https://goo.gl/SsBlGq
- On this form, select the 3-dot menu in the top-right corner and select
Make a copy
- The new form should open in your browser
- On the new form, select the Responses Tab
- Click the green spreadsheet icon and click Create to make a new spreadsheet for your data
- Your new spreadsheet should open in the browser
- Open the File menu and then click Publish to the web...
- Ensure that Entire Document and Web Page are selected and click Publish
- Your spreadsheet will now be accessible by the event reporter tool
- Submit an entry with your form and check that it made it to the spreadsheet.
- Create your own version of the Event Reporter by forking this repo
- To do so, click Fork in the top-right of the screen
- You can view the event reporter in two ways...
- You can look load the
index.html
page in your browser - Or, you can start a local server on your computer and view it via
localhost
- On a mac, type
python -m SimpleHTTPServer 8008
in your terminal in the same folder as the event reporter - Now you'll be able to access it in your browser via
localhost:8008
- On a mac, type
- You can look load the
To do this, we'll need to find out the ID of your spreadsheet.
- Open your spreadsheet and look at the URL, it might look something like this
https://docs.google.com/spreadsheets/d/1Nijr4qehpJ7LXuMGmQ4fNCprt2F8rCTVdOte9DXinTw/edit#gid=1720373540
- The ID is is the long string of numbers and letters after
/d
- In our the example above, it's
1Nijr4qehpJ7LXuMGmQ4fNCprt2F8rCTVdOte9DXinTw
- In our the example above, it's
- Copy that ID to your clipboard and open the
js/config.js
file - Change the
sheetID
variable to your new ID. - Now load up your event reporter, and see if your event appears.
- If it doesn't, try using the other version of the
sheetURL
variable. - Just leave the one you want to try uncommented
- Sometimes the URL needs to have a different syntax, so that's why we have a few options
- If it doesn't, try using the other version of the
- Check your event reporter again to make sure it worked.