moving selected counter + cleaning code

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -15,9 +15,6 @@
 
             <label style="float: right;">
                {{ $tc('add_persons.suggested_counter', suggestedCounter) }}
-               <span v-if="selectedCounter > 0">
-                  {{ $tc('add_persons.selected_counter', selectedCounter) }}
-               </span>
             </label>
             
             <input class="my-4" 
@@ -25,12 +22,15 @@
                ref="search" 
                v-model="query" 
                :placeholder="$t('add_persons.search_some_persons')" />
+               
+            <div v-if="selectedCounter > 0">
+               {{ $tc('add_persons.selected_counter', selectedCounter) }}
+            </div>
                   
          </template>
          <template v-slot:body>
                
             <!--span class="discret">Selection: {{ selected }}</span-->
-            
             <div class="results">
                <person-suggestion 
                   v-for="item in this.selectedAndSuggested"
@@ -106,6 +106,17 @@ export default {
       addPersons() {
          console.log('add persons');
          // code here
+         /*
+         addPerson() {
+            console.log('[wip] opening add persons modal');
+            this.$store.dispatch('addParticipation', {
+               id: SimpsonId++,
+               person: { firstName: "Lisa", lastName: "Simpson", id: SimpsonId },
+               startDate: { datetime: "1975-09-15T00:00:00+0100" }, 
+               endDate: { datetime: "1975-09-28T00:00:00+0100" }, 
+            })
+         },
+         */
          this.modal.showModal = false;
       }
    }