Skip to content

Commit 72e53f4

Browse files
ibodrovGitHub Enterprise
ibodrov
authored and
GitHub Enterprise
committedAug 8, 2019
examples: add a basic custom form example (no mustache.js) (#1207)
·
1.66.01.30.0
1 parent 8c5badf commit 72e53f4

File tree

12 files changed

+91
-1
lines changed

12 files changed

+91
-1
lines changed
 

‎examples/README.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,8 @@
4343
* [error_handling](error_handling) - how to handle failures;
4444
* [external_script](external_script) - calling an external JavaScript file;
4545
* [form_and_long_process](form_and_long_process) - how to deal with long "background" processes;
46-
* [forms_brandind](forms_branding) - using forms with custom HTML/CSS;
46+
* [custom_form](custom_form) - using forms with custom HTML/CSS and a templating library;
47+
* [custom_form_basic](custom_form_basic) - a basic example of a custom form;
4748
* [forms_override](forms_override) - how to override default values in forms;
4849
* [groovy](groovy) - running a Groovy script from a flow;
4950
* [groovy_grape](groovy_grape) - how to use Groovy's `@Grab` in scripts;

‎examples/forms_branding/README.md ‎examples/custom_form/README.md

File renamed without changes.

‎examples/forms_branding/concord.yml ‎examples/custom_form/concord.yml

File renamed without changes.

‎examples/forms_branding/run.sh ‎examples/custom_form/run.sh

File renamed without changes.

‎examples/custom_form_basic/README.md

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# Forms
2+
3+
Example of using custom forms.

‎examples/custom_form_basic/concord.yml

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
flows:
2+
default:
3+
- form: myForm
4+
fields:
5+
- name: { type: "string", value: "${initiator.displayName}" }
6+
7+
- log: "${myForm}"

‎examples/custom_form_basic/forms/myForm/data.js

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
data = {
2+
"submitUrl" : "/api/service/custom_form/6cf435f0-b85c-42ea-a454-1ac308aff8c3/9fe117b3-5dec-4de2-afe7-1765a0e4e305/continue",
3+
"success" : false,
4+
"definitions" : {
5+
"name" : {
6+
"type" : "string",
7+
"cardinality" : "ONE_AND_ONLY_ONE"
8+
}
9+
},
10+
"values" : {
11+
"name" : "John Smith"
12+
}
13+
};

‎examples/custom_form_basic/forms/myForm/index.html

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>My Form</title>
6+
<script src="data.js"></script>
7+
</head>
8+
<body>
9+
10+
<h1>My Form</h1>
11+
12+
<p>Example of a very basic custom form.</p>
13+
14+
<h2 id="successBox" style="display: none;">
15+
Success!
16+
</h2>
17+
18+
<h2 id="errorBox" style="display: none;">
19+
Validation error!
20+
</h2>
21+
22+
<form id="myForm" method="post" enctype="multipart/form-data" onsubmit="handleOnSubmit()">
23+
<label for="nameField">Name</label>
24+
<input id="nameField" name="name"/>
25+
<button id="submitButton" type="submit">Submit</button>
26+
</form>
27+
28+
<script>
29+
function handleOnSubmit() {
30+
// disable the button after submit
31+
var b = document.getElementById("submitButton");
32+
b.disabled = true;
33+
b.textContent = "Submitting...";
34+
}
35+
36+
var form = document.getElementById("myForm");
37+
form.action = data.submitUrl;
38+
39+
document.getElementById("nameField").value = data.values.name;
40+
41+
if (data.success) {
42+
// make the "success box" visible if the form was successfully submitted
43+
document.getElementById("successBox").style.display = "block";
44+
// and hide the form, we don't need it anymore
45+
form.style.display = "none";
46+
}
47+
48+
if (data.errors) {
49+
// show validation errors if any
50+
document.getElementById("errorBox").style.display = "block";
51+
}
52+
</script>
53+
54+
</body>
55+
</html>

‎examples/custom_form_basic/run.sh

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
#!/bin/bash
2+
3+
SERVER_ADDR="$1"
4+
5+
rm -rf target && mkdir target
6+
cp -R concord.yml forms target/
7+
8+
cd target && zip -r payload.zip ./* > /dev/null && cd ..
9+
10+
read -p "Username: " CURL_USER
11+
curl -u ${CURL_USER} -F archive=@target/payload.zip http://${SERVER_ADDR}/api/v1/process

0 commit comments

Comments
 (0)
Please sign in to comment.