diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/api.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/api.js
index 2634a20cb..ada63846e 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/api.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/api.js
@@ -166,7 +166,16 @@ const postSocialIssue = (id, body, method) => {
 };
 
 const getUsers = () => {
-   const url = `/api/1.0/...json`;
+   const url = `/api/1.0/main/user.json`;
+   return fetch(url)
+      .then(response => {
+         if (response.ok) { return response.json(); }
+         throw Error('Error with request resource response'); 
+      });
+};
+
+const whoami = () => {
+   const url = `/api/1.0/main/whoami.json`;
    return fetch(url)
       .then(response => {
          if (response.ok) { return response.json(); }
@@ -201,6 +210,7 @@ export {
    postRequestor,
    postResource,
    getUsers,
+   whoami,
    getListOrigins,
    getOrigin,
    postSocialIssue
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
index 6229dda01..c566d2281 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
@@ -1,42 +1,43 @@
 <template>
-  <div class="vue-component">
-     <h2><a name="section-40"></a>{{ $t('referrer.title') }}</h2>
-     
-     <div class="my-4">
-        <label for="" class="">
-           {{ $t('referrer.label') }}
-        </label>
-        
-        <VueMultiselect
-           track-by="id"
-           label="text"
-           :multiple="false"
-           :searchable="true"
-           :placeholder="$t('referrer.placeholder')"
-           @update:model-value="updateReferrer"
-           :model-value="value"
-           :options="options">
-        </VueMultiselect>
-        
-        <ul class="record_actions">
-           <li>
-             <button 
-                class="sc-button bt-create" 
-                type="button" 
-                name="button"
-                @click="assignMe">
-                {{ $t('referrer.assign_me') }}
-             </button>
-           </li>
-        </ul>
-        
-     </div>
-  </div>
+<div class="vue-component">
+   <h2><a name="section-40"></a>{{ $t('referrer.title') }}</h2>
+
+   <div class="my-4">
+      <label for="" class="">
+         {{ $t('referrer.label') }}
+      </label>
+
+      <VueMultiselect
+         name="selectReferrer"
+         label="text"
+         track-by="id"
+         v-bind:multiple="false"
+         v-bind:searchable="true"
+         v-bind:placeholder="$t('referrer.placeholder')"
+         v-model="value"
+         v-bind:options="options"
+         @select="updateReferrer">
+      </VueMultiselect>
+
+      <ul class="record_actions">
+         <li>
+            <button 
+               class="sc-button bt-create"
+               type="button"
+               name="button"
+               @click="assignMe">
+               {{ $t('referrer.assign_me') }}
+            </button>
+         </li>
+      </ul>
+
+   </div>
+</div>
 </template>
 
 <script>
 import VueMultiselect from 'vue-multiselect';
-import { getUsers } from '../api';
+import { getUsers, whoami } from '../api';
 import { mapState } from 'vuex';
 
 export default {
@@ -58,19 +59,20 @@ export default {
    methods: {
       getOptions() {
          getUsers().then(response => new Promise((resolve, reject) => {
-            console.log(response);
+            this.options = response.results;
             resolve();
-         })).catch(er => this.$store.commit('catchError'), error);
+         }));
       },
       updateReferrer(value) {
-         this.$store.dispatch('updateReferrer', this.transformValue(value));
-      },
-      transformValue(value) {
-         let payload = value;
-         return { payload, body, method };
+         //console.log('value', value);
+         this.$store.dispatch('updateReferrer', value);
       },
       assignMe() {
-         console.log('assign me');
+         //console.log('assign me');
+         whoami().then(me => new Promise((resolve, reject) => {
+            this.$store.dispatch('updateReferrer', me);
+            resolve();
+         }));
       }
    }
 }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
index a6f547f73..5338a562a 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
@@ -81,6 +81,10 @@ let initPromise = getAccompanyingCourse(id)
             updateSocialIssues(state, value) {
                state.accompanyingCourse.socialIssues = value;
             },
+            updateReferrer(state, value) {
+               console.log('value', value);
+               state.accompanyingCourse.user = value;
+            },
             confirmAccompanyingCourse(state, response) {
                //console.log('### mutation: confirmAccompanyingCourse: response', response);
                state.accompanyingCourse.step = response.step;
@@ -187,6 +191,13 @@ let initPromise = getAccompanyingCourse(id)
                   resolve();
                })).catch((error) => { commit('catchError', error) });
             },
+            updateReferrer({ commit }, payload) {
+               patchAccompanyingCourse(id, { type: "accompanying_period", user: { id: payload.id, type: payload.type } })
+               .then(course => new Promise((resolve, reject) => {
+                  commit('updateReferrer', course.user);
+                  resolve();
+               })).catch((error) => { commit('catchError', error) });
+            },
             confirmAccompanyingCourse({ commit }) {
                //console.log('## action: confirmAccompanyingCourse');
                confirmAccompanyingCourse(id)