rdv: init vue component for calendar range editing + refactor vue calendar code

src/Bundle/ChillCalendarBundle/Resources/views/Calendar/list.html.twig

@@ -8,12 +8,17 @@
     {% set accompanying_course_id = accompanyingCourse.id %}
 {% endif %}
 
-{% if user %}
+{% if context == 'user' %}
     <h2>{{ 'My calendar list' |trans }}</h2>
 {% else %}
     <h2>{{ 'Calendar list' |trans }}</h2>
 {% endif %}
 
+{% if context == 'user' %}
+    <div id="myCalendar"></div>
+{% endif %}
+
+
 {% if calendarItems|length == 0 %}
     <p class="chill-no-data-statement">
         {{ "There is no calendar items."|trans }}

src/Bundle/ChillCalendarBundle/Resources/views/Calendar/listByUser.html.twig

@@ -7,3 +7,16 @@
 {% block content %}
     {% include 'ChillCalendarBundle:Calendar:list.html.twig' with {'context': 'user'} %}
 {% endblock %}
+ 
+{% block js %}
+    {{ parent() }}
+    <script type="text/javascript">
+        window.userId = {{ user.id }};
+    </script>
+    {{ encore_entry_script_tags('vue_mycalendarrange') }}
+{% endblock %}
+
+{% block css %}
+    {{ parent() }}
+    {{ encore_entry_link_tags('vue_calendar') }}
+{% endblock %}