Toggle ko dod id input if Invite KO is checked

js/components/forms/cor.js

@@ -1,31 +0,0 @@
-import FormMixin from '../../mixins/form'
-import textinput from '../text_input'
-import checkboxinput from '../checkbox_input'
-
-export default {
-  name: 'cor',
-
-  mixins: [FormMixin],
-
-  components: {
-    textinput,
-    checkboxinput,
-  },
-
-  props: {
-    initialData: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-
-  data: function () {
-    const {
-      am_cor = false
-    } = this.initialData
-
-    return {
-        am_cor
-    }
-  }
-}

js/index.js

@@ -11,7 +11,7 @@ import textinput from './components/text_input'
 import checkboxinput from './components/checkbox_input'
 import DetailsOfUse from './components/forms/details_of_use'
 import poc from './components/forms/poc'
-import cor from './components/forms/cor'
+import oversight from './components/forms/oversight'
 import financial from './components/forms/financial'
 import toggler from './components/toggler'
 import NewApplication from './components/forms/new_application'
@@ -45,7 +45,7 @@ const app = new Vue({
     checkboxinput,
     DetailsOfUse,
     poc,
-    cor,
+    oversight,
     financial,
     NewApplication,
     selector,

templates/task_orders/new/oversight.html

@@ -13,16 +13,18 @@
 <!-- Oversight Section					 -->
 <h3 class="subheading">{{ "task_orders.new.oversight.ko_info_title" | translate }}</h3>
 <p>{{ "task_orders.new.oversight.ko_info_paragraph" | translate }}</p>
+<oversight inline-template v-bind:initial-data='{{ form.data|tojson }}'>
+    <div class='usa-input'>
         {{ UserInfo(form.ko_first_name, form.ko_last_name, form.ko_email, form.ko_phone_number) }}
         {{ CheckboxInput(form.ko_invite) }}
+        <template v-if="ko_invite">
             {{ TextInput(form.ko_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
+        </template>
 
 <hr />
 
 <h3 class="subheading">{{ "task_orders.new.oversight.cor_info_title" | translate }}</h3>
 <p>{{ "task_orders.new.oversight.cor_info_paragraph" | translate }}</p>
-<cor inline-template v-bind:initial-data='{{ form.data|tojson }}'>
-    <div class='usa-input'>
         {{ CheckboxInput(form.am_cor) }}
         <template v-if="!am_cor">
             {{ UserInfo(form.cor_first_name, form.cor_last_name, form.cor_email, form.cor_phone_number) }}
@@ -30,7 +32,7 @@
             {{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
         </template>
     </div>
-</cor>
+</oversight>
 
 <hr />