diff --git a/.env.example b/.env.example index 3982167..be21ca1 100644 --- a/.env.example +++ b/.env.example @@ -1,5 +1,8 @@ #### In .env ### + +VUE_APP_REPORT_LOCATION_SELECTOR=postal-code + # Data sources VUE_APP_VISU_DATA_SOURCE_URL= VUE_APP_VISU_GEOCODE_URL= diff --git a/CHANGELOG.md b/CHANGELOG.md index 90cfd7d..4ff4d6a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # Changelog +## [1.1.0] 2020-03-30 + +### Added + +- Location selector is now customizable with VUE_APP_REPORT_LOCATION_SELECTOR (only postal code available tough) + ## [1.0.1] 2020-03-30 ### Fixed diff --git a/README.md b/README.md index c3fb13d..8cd1bc9 100644 --- a/README.md +++ b/README.md @@ -66,6 +66,7 @@ Please be sure to use 'yarn' instead of 'npm' as package manager. #### Configuration +1. Choose you location selector (default: postal-code) (only postal code available for now) 1. Setup the data source and geocoding data URLs 2. Set the map default position and zoom level 3. Set the recaptcha key (not the secret) with the value from the reCAPTCHA console. diff --git a/package.json b/package.json index 33bab7c..25cbb9f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "covid-self-report", - "version": "1.0.1", + "version": "1.1.0", "author": { "name": "Christian Müller", "email": "muller.ch@gmail.com" diff --git a/src/views/LocationEditors/LocationFromAddress.vue b/src/views/LocationEditors/LocationFromAddress.vue new file mode 100644 index 0000000..acc8312 --- /dev/null +++ b/src/views/LocationEditors/LocationFromAddress.vue @@ -0,0 +1,25 @@ + + + + + diff --git a/src/views/LocationEditors/LocationFromPostalCode.vue b/src/views/LocationEditors/LocationFromPostalCode.vue new file mode 100644 index 0000000..184e6eb --- /dev/null +++ b/src/views/LocationEditors/LocationFromPostalCode.vue @@ -0,0 +1,45 @@ + + + + + diff --git a/src/views/Report.vue b/src/views/Report.vue index cd6961c..eaeac46 100644 --- a/src/views/Report.vue +++ b/src/views/Report.vue @@ -164,19 +164,21 @@

{{ $t('report.locationQuestion') }}

- + + + +
@@ -244,10 +246,14 @@ import Modal from '@/components/Modal.vue'; import newGithubIssueUrl from 'new-github-issue-url'; + import LocationFromPostalCode from "./LocationEditors/LocationFromPostalCode"; + import LocationFromAddress from "./LocationEditors/LocationFromAddress"; export default { name: "report", components: { + LocationFromAddress, + LocationFromPostalCode, Modal }, async mounted() { @@ -291,15 +297,17 @@ healthyOfficialConfirmModal: false, sendErrorModal: false, sendError: '', - postalCodeCheck: false, forceReportAgain: false, + locationSelector: process.env.VUE_APP_REPORT_LOCATION_SELECTOR, + validLocation: false, + reportData: { sessionId: null, sick: null, symptoms: [], diagnostic: null, - postalCode: '', + postalCode: null, lastReport: null, }, sending: false, @@ -315,9 +323,6 @@ } }, computed: { - validPostalCode: function () { - return (this.reportData.postalCode.length === 4 && !isNaN(this.reportData.postalCode)); - }, daysSinceLastReport: function () { if (this.reportData.lastReport === null) { @@ -417,7 +422,7 @@ githubIssue: async function () { const url = newGithubIssueUrl({ user: process.env.VUE_APP_GITHUB_REPO_OWNER, - repo: process.env.VUE_APP_GITHUB_REPO_NAME, + repo: process.env.VUE_APP_GITHUB_REPO_NAME, title: 'Error when sending from the front-end', body: `The error is:\n> ${this.sendError}\n\n---\nAuto-generated from the front-end` });