|
49 | 49 | ></EceTextField> |
50 | 50 | </v-col> |
51 | 51 | </v-row> |
52 | | - <v-row> |
53 | | - <v-col md="8" lg="6" xl="4"> |
54 | | - <EceTextField |
55 | | - id="txtNumberOfHours" |
56 | | - v-model="professionalDevelopment.numberOfHours" |
57 | | - label="How many hours was it?" |
58 | | - :rules="[Rules.required('Enter your course or workshop hours'), Rules.numberToDecimalPlaces()]" |
59 | | - ></EceTextField> |
60 | | - </v-col> |
61 | | - </v-row> |
62 | 52 | <v-row> |
63 | 53 | <v-col md="8" lg="6" xl="4"> |
64 | 54 | <EceTextField |
65 | 55 | id="txtOrganizationName" |
66 | 56 | v-model="professionalDevelopment.organizationName" |
67 | | - label="Name of place that hosted the course or workshop" |
| 57 | + label="Name of the organization who offered this training" |
| 58 | + tooltip-text="Provide the name of the school, organization, or instructor that offered the training or issued the certificate. |
| 59 | +They should be able to confirm you completed the course or workshop." |
68 | 60 | maxlength="300" |
69 | | - :rules="[Rules.required('Enter the name of the place that hosted the course or workshop')]" |
| 61 | + :rules="[Rules.required('Enter the name of the organization that offered this training')]" |
70 | 62 | ></EceTextField> |
71 | 63 | </v-col> |
72 | 64 | </v-row> |
|
82 | 74 | ></EceTextField> |
83 | 75 | </v-col> |
84 | 76 | </v-row> |
| 77 | + <v-row> |
| 78 | + <v-col cmd="8" lg="6" xl="4"> |
| 79 | + <EceTextField |
| 80 | + id="txtInstructorName" |
| 81 | + v-model="professionalDevelopment.instructorName" |
| 82 | + label="Name of instructor or facilitator (if known)" |
| 83 | + maxlength="100" |
| 84 | + ></EceTextField> |
| 85 | + </v-col> |
| 86 | + </v-row> |
85 | 87 | <v-row> |
86 | 88 | <v-col> |
87 | | - <h3>When did you take it?</h3> |
| 89 | + <h3>Dates and duration</h3> |
88 | 90 | </v-col> |
89 | 91 | </v-row> |
90 | 92 | <v-row> |
|
152 | 154 | ></EceDateInput> |
153 | 155 | </v-col> |
154 | 156 | </v-row> |
| 157 | + <v-row> |
| 158 | + <v-col md="8" lg="6" xl="4"> |
| 159 | + <EceTextField |
| 160 | + id="txtNumberOfHours" |
| 161 | + v-model="professionalDevelopment.numberOfHours" |
| 162 | + label="How many hours was this course or workshop?" |
| 163 | + :rules="[Rules.required('Enter your course or workshop hours'), Rules.numberToDecimalPlaces()]" |
| 164 | + ></EceTextField> |
| 165 | + </v-col> |
| 166 | + </v-row> |
155 | 167 | <v-row> |
156 | 168 | <v-col> |
157 | | - <h3>Proof of course or workshop</h3> |
| 169 | + <h3>Proof of completion</h3> |
158 | 170 | <br /> |
159 | 171 | <p>We may need to verify you took this course. You'll need to provide at least one option below</p> |
160 | 172 | <br /> |
|
166 | 178 | <v-checkbox |
167 | 179 | id="chkInstructorPhoneNumber" |
168 | 180 | v-model="professionalDevelopment.selection" |
169 | | - label="Phone number for instructor of course or workshop" |
| 181 | + label="Phone number of host organization, instructor or facilitator" |
170 | 182 | :hide-details="true" |
171 | 183 | density="compact" |
172 | 184 | value="phone" |
| 185 | + :rules="[Rules.atLeastOneOptionRequired('')]" |
173 | 186 | @input="selectionChanged" |
174 | 187 | ></v-checkbox> |
| 188 | + <v-row v-if="showPhoneNumberInput" class="ml-4 mb-2"> |
| 189 | + <v-col md="8" lg="6" xl="4"> |
| 190 | + <EceTextField |
| 191 | + id="txtOrganizationPhoneNumber" |
| 192 | + v-model="professionalDevelopment.organizationContactInformation" |
| 193 | + label="Phone number" |
| 194 | + :rules="[ |
| 195 | + Rules.required('Enter the phone number for your course or workshop contact'), |
| 196 | + Rules.phoneNumber('Enter your reference\'s valid phone number'), |
| 197 | + ]" |
| 198 | + ></EceTextField> |
| 199 | + </v-col> |
| 200 | + </v-row> |
175 | 201 | <v-checkbox |
176 | 202 | id="chkInstructorEmailAddress" |
177 | 203 | v-model="professionalDevelopment.selection" |
178 | | - label="Email address for instructor of course or workshop" |
| 204 | + label="Email address of host organization, instructor or facilitator" |
179 | 205 | :hide-details="true" |
180 | 206 | value="email" |
181 | 207 | density="compact" |
| 208 | + :rules="[Rules.atLeastOneOptionRequired('')]" |
182 | 209 | @input="selectionChanged" |
183 | 210 | ></v-checkbox> |
| 211 | + <v-row v-if="showEmailInput" class="ml-4 mb-2"> |
| 212 | + <v-col md="8" lg="6" xl="4"> |
| 213 | + <EceTextField |
| 214 | + id="txtOrganizationEmailAddress" |
| 215 | + v-model="professionalDevelopment.organizationEmailAddress" |
| 216 | + label="Email address" |
| 217 | + :rules="[Rules.required('Enter the email address of your course or workshop contact'), Rules.email()]" |
| 218 | + ></EceTextField> |
| 219 | + </v-col> |
| 220 | + </v-row> |
184 | 221 | <v-checkbox |
185 | 222 | id="chkCourseCompletionDocument" |
186 | 223 | v-model="professionalDevelopment.selection" |
187 | | - label="A certificate or document that shows I completed the course" |
| 224 | + label="I can't provide contact information" |
188 | 225 | hide-details="auto" |
189 | 226 | value="file" |
190 | 227 | density="compact" |
|
193 | 230 | ></v-checkbox> |
194 | 231 | </v-col> |
195 | 232 | </v-row> |
196 | | - <v-row v-if="showInstructorNameInput"> |
197 | | - <v-col cmd="8" lg="6" xl="4"> |
198 | | - <EceTextField |
199 | | - id="txtInstructorName" |
200 | | - v-model="professionalDevelopment.instructorName" |
201 | | - label="Instructor name" |
202 | | - maxlength="100" |
203 | | - :rules="[Rules.required('Enter the instructor name of your course or workshop')]" |
204 | | - ></EceTextField> |
205 | | - </v-col> |
206 | | - </v-row> |
207 | | - <v-row v-if="showPhoneNumberInput"> |
208 | | - <v-col md="8" lg="6" xl="4"> |
209 | | - <EceTextField |
210 | | - id="txtOrganizationPhoneNumber" |
211 | | - v-model="professionalDevelopment.organizationContactInformation" |
212 | | - label="Phone number" |
213 | | - :rules="[ |
214 | | - Rules.required('Enter the phone number for your course or workshop contact'), |
215 | | - Rules.phoneNumber('Enter your reference\'s valid phone number'), |
216 | | - ]" |
217 | | - ></EceTextField> |
218 | | - </v-col> |
219 | | - </v-row> |
220 | | - <v-row v-if="showEmailInput"> |
221 | | - <v-col md="8" lg="6" xl="4"> |
222 | | - <EceTextField |
223 | | - id="txtOrganizationEmailAddress" |
224 | | - v-model="professionalDevelopment.organizationEmailAddress" |
225 | | - label="Email address" |
226 | | - :rules="[Rules.required('Enter the email address of your course or workshop contact'), Rules.email()]" |
227 | | - ></EceTextField> |
228 | | - </v-col> |
229 | | - </v-row> |
230 | | - <v-row v-if="showFileInput"> |
| 233 | + <v-row v-if="showFileInput" class="ml-4"> |
231 | 234 | <v-col> |
232 | 235 | <FileUploader :allow-multiple-files="false" :show-add-file-button="true" @update:files="handleFileUpdate" /> |
233 | 236 | </v-col> |
@@ -321,9 +324,6 @@ export default defineComponent({ |
321 | 324 | today() { |
322 | 325 | return formatDate(DateTime.now().toString()); |
323 | 326 | }, |
324 | | - showInstructorNameInput() { |
325 | | - return this.professionalDevelopment.selection.includes("email") || this.professionalDevelopment.selection.includes("phone"); |
326 | | - }, |
327 | 327 | showPhoneNumberInput() { |
328 | 328 | return this.professionalDevelopment.selection.includes("phone"); |
329 | 329 | }, |
@@ -355,11 +355,6 @@ export default defineComponent({ |
355 | 355 | }, |
356 | 356 | isNumber, |
357 | 357 | selectionChanged() { |
358 | | - if (!this.professionalDevelopment.selection.includes("phone") && !this.professionalDevelopment.selection.includes("email")) { |
359 | | - //no email or phone clear out instructor name |
360 | | - this.professionalDevelopment.instructorName = ""; |
361 | | - } |
362 | | -
|
363 | 358 | if (!this.professionalDevelopment.selection.includes("phone")) { |
364 | 359 | this.professionalDevelopment.organizationContactInformation = ""; |
365 | 360 | } |
|
0 commit comments