Skip to content

Commit e35a553

Browse files
themightychristhemightychris
committed
feat: scaffold template/markup for form
1 parent c27b1c8 commit e35a553

File tree

2 files changed

+151
-0
lines changed

2 files changed

+151
-0
lines changed

‎html-templates/questionnaire.tpl

+116
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
{extends "designs/site.tpl"}
2+
3+
{block "title"}{_ 'Onboarding Questionnaire'} — {$dwoo.parent}{/block}
4+
5+
{block "content"}
6+
<div class="container">
7+
<div class="row">
8+
<div class="col-8">
9+
<div class="page-header">
10+
<h1>Onboarding Questionnaire</h1>
11+
</div>
12+
13+
{contentBlock "questionnaire-introduction"}
14+
15+
{*if !$Project->isValid}
16+
<div class="error well">
17+
<strong>{_ "There were problems with your entry:"}</strong>
18+
<ul class="errors">
19+
{foreach item=error key=field from=$Project->validationErrors}
20+
<li>{$error}</li>
21+
{/foreach}
22+
</ul>
23+
</div>
24+
{/if*}
25+
26+
<form method="POST">
27+
28+
<fieldset class="form-group">
29+
<legend>I am a&hellip;</legend>
30+
31+
<div class="row">
32+
<div class="offset-sm-1 col-sm-6">
33+
{foreach from=$roles key=key item=title}
34+
<div class="form-check">
35+
<input class="form-check-input" type="checkbox" name="roles[]" id="role__{$key|escape}" value="{$key|escape}">
36+
<label class="form-check-label" for="role__{$key|escape}">{$title|escape}</label>
37+
</div>
38+
{/foreach}
39+
<div class="form-row align-items-center">
40+
<label class="sr-only" for="role__other">Other:</label>
41+
<input type="text" class="form-control" id="role__other" placeholder="Other&hellip;">
42+
</div>
43+
</div>
44+
</div>
45+
</fieldset>
46+
47+
<fieldset class="form-group">
48+
<legend>Technology Experience</legend>
49+
50+
<div class="row">
51+
<div class="offset-sm-4 col-sm-2 text-center">
52+
No experience / Want to learn
53+
</div>
54+
<div class="col-sm-2 text-center">
55+
Beginner
56+
</div>
57+
<div class="col-sm-2 text-center">
58+
Intermediate
59+
</div>
60+
<div class="col-sm-2 text-center">
61+
Advanced
62+
</div>
63+
</div>
64+
65+
{foreach from=$technologies key=key item=title}
66+
<div class="row">
67+
<div class="offset-sm-1 col-sm-3">
68+
{$title|escape}
69+
</div>
70+
<div class="col-sm-2 text-center">
71+
<input type="checkbox" name="skills[{$key|escape}]" value="1">
72+
</div>
73+
<div class="col-sm-2 text-center">
74+
<input type="checkbox" name="skills[{$key|escape}]" value="2">
75+
</div>
76+
<div class="col-sm-2 text-center">
77+
<input type="checkbox" name="skills[{$key|escape}]" value="3">
78+
</div>
79+
<div class="col-sm-2 text-center">
80+
<input type="checkbox" name="skills[{$key|escape}]" value="4">
81+
</div>
82+
</div>
83+
{/foreach}
84+
</fieldset>
85+
86+
<fieldset class="form-group">
87+
<legend>I would describe my tech experience as</legend>
88+
89+
<div class="row">
90+
<div class="offset-sm-1 col-sm-6">
91+
<div class="form-check">
92+
<input class="form-check-input" type="radio" name="experience" id="experience__1" value="1">
93+
<label class="form-check-label" for="experience__1">Just Starting/Student</label>
94+
</div>
95+
<div class="form-check">
96+
<input class="form-check-input" type="radio" name="experience" id="experience__2" value="2">
97+
<label class="form-check-label" for="experience__2">Mid-level</label>
98+
</div>
99+
<div class="form-check">
100+
<input class="form-check-input" type="radio" name="experience" id="experience__3" value="3">
101+
<label class="form-check-label" for="experience__3">Senior</label>
102+
</div>
103+
<div class="form-check">
104+
<input class="form-check-input" type="radio" name="experience" id="experience__4" value="4">
105+
<label class="form-check-label" for="experience__4">Lead</label>
106+
</div>
107+
</div>
108+
</div>
109+
</fieldset>
110+
111+
<button type="submit" class="btn btn-primary">{if $Project->isPhantom}{_ 'Create Project'}{else}{_ 'Save Changes'}{/if}</button>
112+
</form>
113+
</div>
114+
</div>
115+
</div>
116+
{/block}

‎site-root/questionnaire.php

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<?php
2+
3+
$roles = [
4+
'frontend' => 'Front-end Developer',
5+
'backend' => 'Back-end Developer',
6+
'fullstack' => 'Full Stack Engineer',
7+
'data-engineer' => 'Data Engineer',
8+
'data-analyst' => 'Data Scientist/Analyst',
9+
'devops' => 'DevOps Engineer',
10+
'product-manager' => 'Product Manager',
11+
'project-manager' => 'Project Manager',
12+
'ux' => 'UX/UI',
13+
'graphic-designer' => 'Graphic Designer',
14+
];
15+
16+
$technologies = [
17+
'react' => 'React',
18+
'django' => 'Django',
19+
'vue' => 'Vue',
20+
'php' => 'PHP',
21+
'python' => 'Python',
22+
'r' => 'R',
23+
'git' => 'Git',
24+
'change-management' => 'Change Management',
25+
'pm' => 'Project Management Frameworks/Tools',
26+
'docker' => 'Docker',
27+
'javascript' => 'Javascript',
28+
'ux' => 'UX/UI',
29+
'wordpress' => 'WordPress',
30+
];
31+
32+
RequestHandler::respond('questionnaire', [
33+
'roles' => $roles,
34+
'technologies' => $technologies
35+
]);

0 commit comments

Comments
 (0)