Toggle SO Invite checkbox

atst/forms/task_order.py

@@ -145,7 +145,7 @@ class OversightForm(CacheableForm):
     )
     so_dod_id = StringField(
         translate("forms.task_order.oversight_dod_id_label"),
-        validators=[Required(), Length(min=10), IsNumber()],
+        validators=[RequiredIf("so_invite"), Length(min=10), IsNumber()],
     )
 
     ko_invite = BooleanField(

js/components/forms/oversight.js

@@ -22,12 +22,14 @@ export default {
   data: function () {
     const {
       am_cor = false,
-      ko_invite = false
+      ko_invite = false,
+      so_invite = false,
     } = this.initialData
 
     return {
         am_cor,
-        ko_invite
+        ko_invite,
+        so_invite,
     }
   }
 }

templates/task_orders/new/oversight.html

@@ -31,8 +31,6 @@
             {{ CheckboxInput(form.cor_invite) }}
             {{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
         </template>
-    </div>
-</oversight>
 
         <hr />
 
@@ -40,6 +38,10 @@
         <p>{{ "task_orders.new.oversight.so_info_paragraph" | translate }}</p>
         {{ UserInfo(form.so_first_name, form.so_last_name, form.so_email, form.so_phone_number) }}
         {{ CheckboxInput(form.so_invite) }}
+        <template v-if="so_invite">
             {{ TextInput(form.so_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
+        </template>
+    </div>
+</oversight>
 
 {% endblock %}