Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Form settings: Add webforms enabler checkbox #1124

Draft
wants to merge 1 commit into
base: master
Choose a base branch
from
Draft

Form settings: Add webforms enabler checkbox #1124

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 42 additions & 1 deletion src/components/form/settings.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,31 @@ except according to the terms contained in the LICENSE file.
</div>
</div>
<div class="col-xs-6">
<div class="panel panel-simple">
<div class="panel-heading">
<h1 class="panel-title">{{ $t('formSetting.formTech') }}</h1>
</div>
<div class="panel-body">
<div class="checkbox">
<label>
<input
v-model="form.webformsEnabled"
type="checkbox"
:aria-disabled="form.awaitingResponse"
:disabled="form.awaitingResponse"
@change="setWebformsEnabled">
<spinner :state="form.awaitingResponse"/>
{{ $t('formSetting.enableWebForms') }}
</label>
</div>
<p>
{{ $t('formSetting.enableWebFormsExplanation') }}
</p>
<p>
<a href="https://getodk.org/webforms#TODO-REPLACE-THIS_URL">{{ $t('formSetting.enableWebFormsExplanationLinktext') }}</a>
</p>
</div>
</div>
<div class="panel panel-simple-danger">
<div class="panel-heading">
<h1 class="panel-title">{{ $t('common.dangerZone') }}</h1>
Expand All @@ -49,14 +74,16 @@ except according to the terms contained in the LICENSE file.

<script>
import FormDelete from './delete.vue';
import Spinner from '../spinner.vue';

import useRoutes from '../../composables/routes';
import { modalData } from '../../util/reactivity';
import { useRequestData } from '../../request-data';
import { apiPaths } from '../../util/request';

export default {
name: 'FormSettings',
components: { FormDelete },
components: { FormDelete, Spinner },
inject: ['alert'],
setup() {
const { form } = useRequestData();
Expand All @@ -68,6 +95,20 @@ export default {
const message = this.$t('alert.delete', { name: this.form.nameOrId });
this.$router.push(this.projectPath())
.then(() => { this.alert.success(message); });
},
setWebformsEnabled() {
this.form.request({
method: 'PATCH',
url: apiPaths.form(this.form.projectId, this.form.xmlFormId),
data: { webformsEnabled: this.form.webformsEnabled },
patch: ({ data }) => {
this.form.updatedAt = data.updatedAt;
}
})
.catch(err => {
this.form.webformsEnabled = !this.form.webformsEnabled;
throw err;
});
}
}
};
Expand Down
6 changes: 6 additions & 0 deletions src/locales/en.json5
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -506,5 +506,11 @@
},
"router": {
"unsavedChanges": "Are you sure you want to leave this page? Your changes might not be saved."
},
"formSetting": {
"formTech": "Web based form technology",
"enableWebForms": "Use WebForms instead of Enketo",
"enableWebFormsExplanation": "When users fill out forms via the web (not via ODK Collect), we use Enketo by default. Its successor is \"WebForms\", which is a work in progress that you can already test.",
"enableWebFormsExplanationLinktext": "Before enabling this, read up on WebForms and which form features it currently supports!"
}
}
14 changes: 14 additions & 0 deletions transifex/strings_en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1035,6 +1035,20 @@
"string": "Are you sure you want to leave this page? Your changes might not be saved."
}
},
"formSetting": {
"formTech": {
"string": "Web based form technology"
},
"enableWebForms": {
"string": "Use WebForms instead of Enketo"
},
"enableWebFormsExplanation": {
"string": "When users fill out forms via the web (not via ODK Collect), we use Enketo by default. Its successor is \"WebForms\", which is a work in progress that you can already test."
},
"enableWebFormsExplanationLinktext": {
"string": "Before enabling this, read up on WebForms and which form features it currently supports!"
}
},
"component": {
"AccountClaim": {
"action": {
Expand Down