Param pre prod

volume/www/website/www/app/Resources/translations/messages.fr.xlf

@@ -196,11 +196,11 @@
             </trans-unit>
             <trans-unit id="profile.company.brandname">
                 <source>profile.company.brandname</source>
-                <target>Nom commercial</target>
+                <target>Nom de votre entreprise</target>
             </trans-unit>
             <trans-unit id="profile.company.businessname">
                 <source>profile.company.businessname</source>
-                <target>Raison social</target>
+                <target>Raison sociale</target>
             </trans-unit>
             <trans-unit id="profile.company.siren">
                 <source>profile.company.siren</source>

volume/www/website/www/app/Resources/views/admin/ad_edit.html.twig

@@ -31,7 +31,6 @@
                 {{ form_row(form.location_gmap) }}
                 {{ form_row(form.beneficiaire) }}
                 {{ form_row(form.description) }}
-                {{ form_row(form.publicTag) }}
 
             </div>
         </div>

volume/www/website/www/app/Resources/views/admin/answer_list_moderation_v2.html.twig

@@ -70,7 +70,12 @@
                         <th width="11%"><input id='input4' type='text' class='form-control' placeholder='par prénom' style='font-family:Arial, FontAwesome; width:100%'/></th>
                         <th width="25%"><input id='input5' type='text' class='form-control' placeholder='par entreprise / offre' style='font-family:Arial, FontAwesome; width:100%'/></th>
                         
-                        <th width="15%"><input id='input7' type='text' class='form-control' placeholder='par statut' style='font-family:Arial, FontAwesome; width:100%'/></th>
+                        <th width="15%">
+                        <select  id='input7'>
+                            <option value="sended">Envoyé</option>
+                            <option value="draft">Brouillon</option>
+                        </select>
+                        </th>
                         
                     </tr>
                 </table>

volume/www/website/www/app/Resources/views/admin/base_dashboard.html.twig

@@ -62,7 +62,7 @@
         <div class=" container-fluid  container-fixed-lg footer">
           <div class="copyright sm-text-center">
             <p class="small-text no-margin pull-left sm-pull-reset">
-              ©2017-2020 Talents Tube
+              ©2017-2021 Talents Tube
             </p>
             <p class="small no-margin pull-right sm-pull-reset">
               Besoin d'aide ? 02 30 05 06 31

volume/www/website/www/app/Resources/views/admin/media_list_moderation.html.twig

@@ -22,7 +22,8 @@
                         <th>ID</th>
                         <th>Titre</th>
                         <th>Utilisateur</th>
-                        <th>Status</th>
+                        <th>Annonce?</th>
+                        <th>Date de réponse</th>
                         <th>action</th>
                     </tr>
                     </thead>
@@ -30,11 +31,21 @@
                     <tbody>
                     {% for m in medias %}
                         <tr>
-                            <td>{{ m.id }}</td>
-                            <td>{{ m.title }}</td>
-                            <td>{{ m.creator.firstname }} {{ m.creator.lastname }}</td>
+                            <td>{{ m.mediaid }}</td>
+                            <td><a href="{{ chemin }}{{ m.original_url }}" target="_blank">{{ m.title }}</a></td>
+                            <td>{{ m.firstname }} {{ m.lastname }} - ({{ m.email }}) </td>
                             <td>
-                                <span class="label pull-right bg-orange">{{ m.status }}</span>
+                            {% if m.answerid %}
+                                {% if m.adtitle %}
+                                ({{ m.adtitle }})
+                                {% else %}
+                                ({{ m.ctitle }})
+                                {% endif %}
+                            {% else %}
+                                <b>Vidéo orpheline</b>
+                            {% endif %}</td>
+                            <td>
+                                <span class="label pull-right bg-orange">{{ m.sendtime }}</span>
                             </td>
                             <td>
                                 <a href="{{ path('admin_video_moderation',{'id':m.id}) }}">
@@ -67,9 +78,11 @@
                     {"targets": 0, "searchable": true, "orderable": true},
                     {"targets": 1, "searchable": true, "orderable": true},
                     {"targets": 2, "searchable": true, "orderable": true},
-                    {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
-                    {"targets": 4, "searchable": false, "orderable": false, "className": "text-center"},
-                ]
+                    {"targets": 3, "searchable": true, "orderable": true},
+                    {"targets": 4, "searchable": true, "orderable": true, "className": "text-center"},
+                    {"targets": 5, "searchable": false, "orderable": false, "className": "text-center"},
+                ],
+                "order": [[ 0, "desc" ]]
             });
         });
     </script>

volume/www/website/www/app/Resources/views/admin/navigation_gauche.html.twig

@@ -57,52 +57,25 @@
           </span>
         </span>
       </li>
-
-      <li>
-        <a href="javascript:;"><span class="principal">Entreprise</span>
-          <span class=" arrow"></span></a>
-        <span class="icon-thumbnail">
-          <span class="material-icons">
-            business
-          </span>
-        </span>
-        <ul class="sub-menu">
-          <li class="">
-            <a href="{{ path('company_profile') }}">Profil de l'Entreprise</a>
+      <li class=" ">
+        <a href="{{ path('company_profile') }}">Profil de l'Entreprise</a>
             <span class="icon-thumbnail">
               <span class="material-icons">
                 store_mall_directory
               </span>
             </span>
-          </li>
-          <li class="">
-            <a href="{{ path('company_marque') }}">Vidéo marque employeur</a>
-            <span class="icon-thumbnail">
-              <span class="material-icons">
-                store_mall_directory
-              </span>
-            </span>
-          </li>
-          <li class="">
-            <a href="{{ path('users') }}">Utilisateurs</a>
-            <span class="icon-thumbnail">
-              <span class="material-icons">
-                group
-              </span>
-            </span>
-          </li>
-          {# <li class="">
-            <a href="{{ path('users') }}">Informations juridiques</a>
-            <span class="icon-thumbnail">
-              <span class="material-icons">
-                gavel
-              </span>
-
-            </span>
-          </li> #}
-
-        </ul>
       </li>
+      <li class="">
+        <a href="{{ path('company_marque') }}">Marque employeur</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                videocam
+              </span>
+            </span>
+      </li>
+      
+
+      
       <li class="">
         <a href="{{ path('company_ad') }}">
           <span class="">Offres d'emploi</span>
@@ -123,9 +96,17 @@
           </span>
         </span>
       </li>
+      <li class=" ">
+        <a href="{{ path('users') }}">Utilisateurs</a>
+            <span class="icon-thumbnail">
+              <span class="material-icons">
+                group
+              </span>
+            </span>
+      </li>
       <li class="">
         <a href="{{ path('company_my_account') }}">
-          <span class="">Mes paramètres</span>
+          <span class="">Paramètres</span>
         </a>
         <span class="icon-thumbnail">
           <span class="material-icons">
@@ -133,12 +114,7 @@
           </span>
         </span>
       </li>
-      <li class="">
-        <a href="mailto:contact@talentstube.com">
-          <span class="principal">Contacter Talents Tube</span>
-        </a>
-        <span class="icon-thumbnail"><i class="pg-icon">mail</i></span>
-      </li>
+
 
       {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
 

volume/www/website/www/app/Resources/views/admin/talent_list.html.twig

@@ -21,6 +21,9 @@
                     <th class="col-md-2">Date de création</th>
                     <th>Prénom - Nom</th>
                     <th>Email</th>
+                    <th>Dernière connexion</th>
+                    <th>Validé</th>
+                    <th>Annonce?</th>
                     <th class="col-md-1">Vidéos</th>
                     <th class="col-md-1">A la une</th>
                     <th>Action</th>
@@ -29,12 +32,34 @@
                 <tbody>
                 {% for talent in t if talent.MainUser %}
                     {% set user = talent.users|first %}
+                    {% set adId = talent.description|split(':') %}
                     <tr>
                         <td data-order="{{ talent.cTime|date('U') }}">{{ talent.cTime|date('d/m/Y') }}</td>
                         <td>
-                            {{ user.firstname }}  {{ user.lastname }}
+                            {{ user.firstname }} / {{ user.lastname }} -  {% if talent.extra["phoneTalent"] is defined %} (Tel : {{ talent.extra["phoneTalent"] }}) {% endif %}
                         </td>
                         <td><a href="mailto:{{ user.email }}">{{ user.email }}</a></td>
+                        <td>
+                        {% if  user.enabled == 1 %}
+                        {{ user.lastLogin|date('d-m-Y h:m') }}
+                        {% endif %}</td>
+                        <td>
+                            {% if  user.enabled == 1 %}
+                                oui
+                            {% else %}
+                                non
+                            {% endif %}
+                                </td>
+                        <td> {% if adId|length > 1 %}
+                                {% if user.medias|length > 0 %}
+                                    
+                                {% else %}
+                                    {% if adId[1] and adId[1] !="" %}
+                                        <a href="https://www.talentstube.com/Offre/{{ adId[1]|replace({' ': ''}) }}-{{ adId[1] }}" target="_blank">Lien vers l'annonce avant inscription</a>
+                                    {% endif %}
+                                {% endif %}
+                             {% endif %}
+                        </td>
                         <td>
                             {% if user.medias|length > 0 %}
                                 {{ user.medias|length }}
@@ -90,9 +115,12 @@
                         {"targets": 0, "searchable": true, "orderable": true},
                         {"targets": 1, "searchable": true, "orderable": true},
                         {"targets": 2, "searchable": true, "orderable": true},
-                        {"targets": 3, "searchable": true, "orderable": true, "className": "text-center"},
-                        {"targets": 4, "searchable": true, "orderable": true, "className": "text-center"},
-                        {"targets": 5, "searchable": false, "orderable": false, "className": "text-center"},
+                        {"targets": 3, "searchable": true, "orderable": true},
+                        {"targets": 4, "searchable": true, "orderable": true},
+                        {"targets": 5, "searchable": true, "orderable": true},
+                        {"targets": 6, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 7, "searchable": true, "orderable": true, "className": "text-center"},
+                        {"targets": 8, "searchable": false, "orderable": false, "className": "text-center"},
                     ],
                     "order": [[0, "desc"]]
                 });

volume/www/website/www/app/Resources/views/answer/answer_create_step1.html.twig

@@ -1,9 +1,12 @@
-{% extends 'base.html.twig' %}
+{% extends 'basev2.html.twig' %}
 
-{% block metarobot %}<meta name="robots" content="noindex,follow">{% endblock %}
+{% block metarobot %}
+<meta name="robots" content="noindex,follow">
+<link rel="canonical" href="https://www.talentstube.com/Offres" />
+{% endblock %}
 
 {% block content %}
-{% if typeObject == 'Ad' %}
+ {# {% if typeObject == 'Ad' %}
     {% set subtitle = 'Candidature à l\'offre d\'emploi:' %}
     {% set title = object.title %}
     {% set route  = "answer_create_ad_step2" %}
@@ -11,20 +14,20 @@
     {% set subtitle = 'Candidature pour l\'entreprise :' %}
     {% set title = object.brandName %}
     {% set route  = "answer_create_company_step2" %}
-{% endif %}
+{% endif %} #}
 
 <div class="fluid-container bg-grey-3">
     <div class="container contentWrapper contentPage">
         <div class="row">
-            <div class="col s12">
+            {# <div class="col s12">
                 <div class="col-content center-align m-t-20">
                     <strong>{{ subtitle }}</strong>
                     <h3 class="color-blue1 m-0 m-t-10">{{ title }}</h3>
                 </div>
-            </div>
+            </div> #}
         </div>
         <div class="row">
-            <div class="col s12 m6 ">
+            {# <div class="col s12 m6 ">
                 <div class="col-content p-15 bg-blue-1 center-align whiteColor z-depth-2 choice-answer-item">
                     <img src="{{ asset('img/img_popupcv/webcam_cv_video.svg')}}">
                     <h3>J'enregistre mon CV vidéo !</h3>
@@ -40,13 +43,13 @@
                     <a href="{{ path(route,{'id': object.id, 'type': 'import'}) }}" class="btn btn btn-default">Importer mon CV vidéo</a><br /><br />
                     <a id="link-videotheque" href="{{ route_videotheque }}">Choisir une vidéo de ma vidéothèque</a>
                 </div>
-            </div>
+            </div> #}
         </div>
     </div>
-</div>
+</div> 
 {% endblock %}
 {% block javascripts %}
-    {{ parent() }}
+    {# {{ parent() }}
     <script type="text/javascript">
         {% if mustLogin == true %}
             $('#link-videotheque').on('click',function(event){
@@ -54,5 +57,5 @@
                 $('#modal_login').modal('open');
             });
         {% endif %}
-    </script>
+    </script> #}
 {% endblock %} 

volume/www/website/www/app/Resources/views/company/ad_create.html.twig

@@ -1,6 +1,5 @@
 {# {% extends 'company/base_dashboard_company.html.twig' %} #}
 {% extends 'admin/base_dashboard.html.twig' %}
-
 {% block javascriptSupl %}
 <style>
     .saisie thead tr th,
@@ -10,9 +9,6 @@
 
     }
 
-
-
-
     .modalCompetences {
         height: 600px;
     }
@@ -49,16 +45,19 @@
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="competencesModalLabel">Souhaitez-vous sélectionner le métier  <span class="metierPopup"></span>?</h5>
+                <h5 class="modal-title" id="competencesModalLabel">Souhaitez-vous sélectionner le métier <span
+                        class="metierPopup"></span>?</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div class="modal-body">
-               <h5>&nbsp;</h5>
+                <h5>&nbsp;</h5>
                 <p>
-                
-                Si vous aviez précédemment sélectionné des compétences en lien avec l'ancien métier de rattachement, celles-ci seront remplacées par les nouvelles compétences, correspondant au métier <span class="metierPopup"></span>.
+
+                    Si vous aviez précédemment sélectionné des compétences en lien avec l'ancien métier de rattachement,
+                    celles-ci seront remplacées par les nouvelles compétences, correspondant au métier <span
+                        class="metierPopup"></span>.
                 </p>
             </div>
             <div class="modal-footer">
@@ -78,8 +77,9 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h6 class="modal-title">Sélectionnez les compétences recherchées pour le poste à pourvoir </h6>
-                <h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre d’emploi. </h7>
-            </div>    
+                <h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre
+                    d’emploi. </h7>
+            </div>
             <div class="modal-body">
 
                 {# <p>Etes vous sur de charger les compétences du métier <span id="metierPopup"></span></p> #}
@@ -87,18 +87,19 @@
                     <div class="card-body">
                         <div class="scrollable">
                             <div class="demo-card-scrollable">
-                                
-                                    
+
+
                                 <div id="competencesAdPopup"></div>
-                                
+
                             </div>
-                        </div><br/>
+                        </div><br />
                         <div id="competencesAdMessagePopup" class="text-danger"></div>
                     </div>
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal" onclick="" >Ajouter ces compétences</button>
+                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="">Ajouter ces compétences</button>
             </div>
         </div>
     </div>
@@ -107,7 +108,24 @@
 
 <!-- START CONTAINER FLUID -->
 <div class=" container-fluid   container-fixed-lg">
-    <div id="rootwizard" class="m-t-50">
+    <div class="col-lg-8 bloc-header">
+        <div class="card card-default container">
+            <div class="card-body">
+                <div class="row" style="min-height:10rem;">
+                    <div class="col-8">
+                        <h4 class="header-title" style="font-size:2em;line-height:1.5em;">Création d'une offre d'emploi
+                            vidéo</h4>
+                        <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce. <br>Plus votre annonce
+                            est précise et attractive, plus les candidatures seront ciblées.</p>
+                    </div>
+                    <div class="col-4"
+                        style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/creer-offre-emploi-video.svg');background-size: contain;background-position: center;">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="rootwizard" class="col-lg-8 m-t-50">
         {% if type is defined and type == 'update' %}
         {% include 'company/ad_stepsV2.html.twig' with {'tab':1, 'type':'update'} %}
         {% else %}
@@ -119,89 +137,105 @@
 
             <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
                 <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <i class="material-icons hint-text">info</i>
-                            <h2>Etape 1 : Je crée une annonce</h2>
-                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
-                                Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
-                                Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.
-                            </p>
-                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p> #}
-
+                    <div class="col-md">
+                        <h4>À propos du poste</h4>
+                        <br>
+                        {% if form.title is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_title" class="required active">Intitulé du poste</label><input type="text"
+                                id="ad_title" name="ad[title]" required="required" placeholder="Ex: Commercial (H/F)"
+                                class="form-control"> #}
+                            {{ form_row(form.title) }}
+                        </div>
+                        {% endif %}
+                        {% if form.reference is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_reference" class="required active">Référence de l'offre
+                                d'emploi</label><input type="text" id="ad_reference" name="ad[reference]"
+                                required="required" placeholder="Ex : BTH567" class="form-control"> #}
+                            {{ form_row(form.reference) }}
+                        </div>
+                        {% endif %}
+                        <div class="form-group form-group-default required" style="min-height:250px;">
+                            {# <label for="ad_description" class="required active">Description du poste</label>
+                            <textarea id="ad_description" name="ad[description]" required="required"
+                                class="form-control"
+                                placeholder="Décrivez le poste, les missions, le profil recherché..."></textarea> #}
+                            {{ form_row(form.description) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_location_gmap" class="required active">Localisation du poste</label><input
+                                type="text" id="ad_location_gmap" name="ad[location_gmap]" required="required" value=""
+                                class="form-control pac-target-input"
+                                placeholder="Ex : 3 Rue Louis de Broglie, Vannes, France" autocomplete="off"> #}
+                            {{ form_row(form.location_gmap) }}
+                            {{ form_row(form.location) }}
+                        </div>
+                        {# <input type="hidden" id="ad_location" name="ad[location]" value="null"> #}
+                        <br>
+                        <h6>Organisation cliente (facultatif)</h6>
+                        <div class="form-group form-group-default">
+                            {# <label for="ad_beneficiaire" class="active">Nom de l'organisation</label>
+                            <input type="text" id="ad_beneficiaire" name="ad[beneficiaire]" placeholder=""
+                                class="form-control"> #}
+                            {{ form_row(form.beneficiaire) }}
+                        </div>
+                        <p class="fs-12 bold">Vous souhaitez recruter pour l'un de vos clients ? Veuillez renseigner le
+                            champ ci-dessus</p>
+                        <br>
+                        <h4>Critères de l'offre d'emploi</h4>
+                        <br>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_contract_type" class="required">Type de contrat:</label>
+                            <select id="ad_contract_type" name="ad[contract_type]" class="form-control">
+                                <option value="CDI">CDI</option>
+                                <option value="CDD">CDD</option>
+                                <option value="Apprentissage">Apprentissage</option>
+                                <option value="professionnalisation">Contrat de professionnalisation</option>
+                                <option value="Stage">Stage</option>
+                                <option value="Indépendant">Indépendant</option>
+                                <option value="Interim">Interim</option>
+                            </select> #}
+                            {{ form_row(form.contract_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_duree_contrat_div">
+                            {# <label for="ad_duree_contrat" class="active">Durée du contrat en mois</label>
+                            <input type="number" id="ad_duree_contrat" name="ad[duree_contrat]" value="0"
+                                class="form-control" placeholder="Ex : 6" min="0" max="36" disabled=""> #}
+                            {{ form_row(form.duree_contrat) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_temps_type" class="required">Type d'emploi</label>
+                            <select id="ad_temps_type" name="ad[temps_type]" class="form-control">
+                                <option value="FULL_TIME">Temps plein </option>
+                                <option value="PART_TIME">Temps partiel </option>
+                                <option value="MIX_TIME">Temps plein ou temps partiel</option>
+                            </select> #}
+                            {{ form_row(form.temps_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_nombre_heure_div">
+                            {# <label for="ad_nombre_heure" class="active">Temps de travail (Le nombre saisi correspond au
+                                nombre d'heures/semaine.)</label>
+                            <input type="number" id="ad_nombre_heure" name="ad[nombre_heure]" value="0"
+                                class="form-control" placeholder="Ex : 20" min="0" max="35" disabled=""> #}
+                            {{ form_row(form.nombre_heure) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_teletravail" class="required">Possibilité de faire du Télétravail?</label>
+                            <select id="ad_teletravail" name="ad[teletravail]" class="form-control">
+                                <option value="tele_occasionel">Occasionnel </option>
+                                <option value="tele_partiel">Partiel </option>
+                                <option value="tele_total">Total</option>
+                                <option value="tele_non">Non</option>
+                            </select> #}
+                            {{ form_row(form.teletravail) }}
                         </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
 
-                            <table class="table table-condensed ">
-                                {% if form_errors(form) %}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-
-                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-
-                                    </td>
-                                </tr>
-                                {% endif %}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        {{ form_row(form.reference) }}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        {{ form_row(form.title) }}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.beneficiaire) }}
-                                        <br />
-                                        Vous souhaitez recruter pour l'un de vos clients, renseignez ce champ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.location_gmap) }}
-                                        {{ form_row(form.location) }}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.description) }}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.contract_type) }}
-                                    </td>
-                                </tr>
-                                {# US 380 : Mise en place du temps de contrat (CDD) #}
-                                <tr id="ligneDureeContrat">
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.duree_contrat) }}
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.temps_type) }}
-                                    </td>
-                                </tr>
-                                {# US 329 : Mise en place du temps de travail #}
-                                <tr id='ligneNbHeure'>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.nombre_heure) }}
-                                    </td>
-                                </tr>
-                                {# US 295 : Mise en place du télétravail #}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.teletravail) }}
-                                    </td>
-                                </tr>
-                            </table>
+                        <br>
+                        <h4 class="no-margin p-b-5">Compétences recherchées</h4>
+                        <br>
+                        <div class="col bg-contrast-lower">
+                            <br>
                             <table>
                                 <tr class='bg-contrast-lower'>
                                     <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
@@ -246,15 +280,16 @@
                                 <tr class='bg-contrast-lower'>
                                     <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
                                         <div id="competencesAd"></div><br />
-                                        <div id="competencesAdMessage" class="text-danger">Veuillez choisir un métier de rattachement pour votre annonce.</div><br />
-                                        <div id="loadingDiv" >Patientez...</div><br />
+                                        <div id="competencesAdMessage" class="text-danger">Veuillez choisir un métier de
+                                            rattachement pour votre annonce.</div><br />
+                                        <div id="loadingDiv">Patientez...</div><br />
                                         <div class="text-center" id="competencesButtonAd">
-                                            <button type="button" class="btn btn-primary" data-toggle="modal"
+                                            <button type="button" class="btn btn-info btn-lg" data-toggle="modal"
                                                 data-target="#ajoutCompetencesModal" id="ajoutCompetences">
                                                 Ajouter des compétences
                                             </button>
-                                            <input type="hidden" id ="nbCompetences">
-                                            <span id= "nbCompetencesText"></span>
+                                            <input type="hidden" id="nbCompetences">
+                                            <span id="nbCompetencesText"></span>
                                         </div>
                                     </td>
                                     {{ form_row(form.appellationId) }}
@@ -262,120 +297,56 @@
                                     {{ form_row(form.codeRome) }}
                                 </tr>
 
-                                <tr>
+                                {# <tr>
                                     <td class="col-lg-12 col-md-12 col-sm-12">
                                         {{ form_row(form.status) }}
                                     </td>
 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        {{ form_row(form.publicTag) }}
-                                        {{ form_row(form.competences) }}
-                                    </td>
+                                </tr> #}
+                                
 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        &nbsp;
-                                    </td>
 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        <button aria-label="" type="submit"
-                                            class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                                            type="button" id="saveAdButton">
-                                            <span>{% if type is defined and type == 'update' %}Sauvegarde et
-                                                étape
-                                                suivante {% else %}Je crée mon annonce{% endif %}</span>
-                                            <span class="hidden-block">
-                                                <i class="material-icons fs-16">videocam</i>
-                                            </span>
-                                        </button>
-                                        <br />&nbsp;
-
-                                        {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
-                                    </td>
-
-                                </tr>
 
                             </table>
-
-
                         </div>
+                        <br>
+
+                        <button aria-label="" type="submit"
+                            class="btn btn-lg btn-primary btn-cons btn-animated from-left" id="saveAdButton"
+                            disabled="">
+                            <span>Suivant</span>
+                            <span class="hidden-block">
+                                <i class="material-icons tab-icon">videocam</i>
+                            </span>
+                        </button>
                     </div>
                 </div>
+
             </div>
             {{ form_end(form) }}
-            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+        </div>
 
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
+        <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
+            <div class="row row-same-height">
+                <div class="col-md-5 b-r b-dashed b-grey ">
+                    <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
 
-                        </div>
                     </div>
                 </div>
-            </div>
-
-
-            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
-                {# <ul class="pager wizard no-style">
-                    <li class="next">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Je crée mon annonce</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">local_shipping</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="next finish hidden">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Finish</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous first hidden">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>First</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Previous</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-14">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                </ul> #}
-            </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                <p class="small hint-text pull-left no-margin">
-
-                </p>
-                <div class="pull-right">
+                <div class="col-md-7">
+                    <div class="padding-30 sm-padding-5">
 
+                    </div>
                 </div>
-                <div class="clearfix"></div>
             </div>
         </div>
+
+
+
+
     </div>
 </div>
+</div>
 <!-- END CONTAINER FLUID -->
 
 {% endblock %}
@@ -387,9 +358,11 @@
         if ($("#ad_temps_type").val() == "PART_TIME") {
             //$("#ligneNbHeure").show();
             $("#ad_nombre_heure").prop("disabled", false);
+            $("#ad_nombre_heure_div").removeClass("disabled");
         } else {
             //$("#ligneNbHeure").hide().prop('required',false) ;;
             $("#ad_nombre_heure").prop("disabled", true);
+            $("#ad_nombre_heure_div").addClass("disabled");
         }
     }
 
@@ -399,9 +372,11 @@
         if ($("#ad_contract_type").val() == "CDD") {
             //$("#ligneDureeContrat").show();
             $("#ad_duree_contrat").prop("disabled", false);
+            $("#ad_duree_contrat_div").removeClass("disabled");
         } else {
             //$("#ligneDureeContrat").hide().prop('required',false) ;
             $("#ad_duree_contrat").prop("disabled", true);
+            $("#ad_duree_contrat_div").addClass("disabled");
         }
     }
 
@@ -434,13 +409,13 @@
                 //on remplace la virgule par un esapce car sinon bug (les compétences sont séparés par une virgule)
                 var chaine = this.value.replace(",", " ");
                 //On limite a 10 compétences, au dela, on les enregistre pas dans le champ ad_competences
-                if(nbCompetencesSelect<11){
+                if (nbCompetencesSelect < 11) {
                     competences += chaine + ",";
                     nbCompetencesSelect++;
                 }
-                
-                $("#nbCompetencesText").html(nbCompetencesSelect+" compétences sélectionnées");
-                $("#ajouterCompetenceButtonMdal").html("Ajouter (+"+nbCompetencesSelect+")");
+
+                $("#nbCompetencesText").html(nbCompetencesSelect + " compétences sélectionnées");
+                $("#ajouterCompetenceButtonMdal").html("Ajouter (+" + nbCompetencesSelect + ")");
                 $("#nbCompetences").val(nbCompetencesSelect);
                 //return competence;
             }
@@ -449,45 +424,45 @@
         // on renseigne le champ ad_competences
         $("#ad_competences").val(competences);
         //Gestion des erreurs si aucune compétence
-        if(nbCompetencesSelect==0){
+        if (nbCompetencesSelect == 0) {
             $("#nbCompetencesText").html("");
             $("#competencesAdMessage").html(
-                        "Vous devez sélectionner au minimum une compétence "
+                "Vous devez sélectionner au minimum une compétence "
             );
             $("#competencesAdMessagePopup").html(
-                        "Vous devez sélectionner au minimum une compétence "
+                "Vous devez sélectionner au minimum une compétence "
             );
             $("#ajouterCompetenceButtonMdal").html("Ajouter (+0)");
             $("#ajouterCompetenceButtonMdal").hide();
             $("#saveAdButton").prop("disabled", true);
-        }else if(nbCompetencesSelect>9){
+        } else if (nbCompetencesSelect > 9) {
             //Gestion des erreurs si plusde 10 compétences
             $("#saveAdButton").prop("disabled", false);
             $("#competencesAdMessage").html(
-                        "Vous avez atteint le nombre maximum de compétences. "
+                "Vous avez atteint le nombre maximum de compétences. "
             );
             $("#competencesAdMessagePopup").html(
-                        "Vous avez atteint le nombre maximum de compétences. "
+                "Vous avez atteint le nombre maximum de compétences. "
             );
-            if(nbCompetencesSelect>10){
+            if (nbCompetencesSelect > 10) {
                 $("#ajouterCompetenceButtonMdal").hide();
-                
+
             }
-        }else{
+        } else {
             //cas standards, on reinitialise les champs a vide
-            
-            $("#competencesAdMessage").html( " ");
+
+            $("#competencesAdMessage").html(" ");
             $("#competencesAdMessagePopup").html(" ");
             $("#saveAdButton").prop("disabled", false);
             $("#ajouterCompetenceButtonMdal").show();
         }
         console.log("valeur saiisie");
-        if($("#saisie").val() =="" || !$("#saisie").val() ){
+        if ($("#saisie").val() == "" || !$("#saisie").val()) {
             $("#competencesAdMessage").html(
-                        "Veuillez choisir un métier de rattachement pour votre annonce. "
+                "Veuillez choisir un métier de rattachement pour votre annonce. "
             );
         }
-        
+
     }
 
     $(document).ready(function () {
@@ -503,7 +478,7 @@
         // renseignement du champ visible (init du métier)
         $("#saisie").val($("#ad_appellationLibelle").val());
         $("#competences_origine").val($("#ad_competences").val());
-        if ($("#ad_competences").val() !='null' ){
+        if ($("#ad_competences").val() != 'null') {
             $("#saveAdButton").prop("disabled", false);
         }
         //charger les compétences en fonction du métier d'origine
@@ -560,7 +535,8 @@
                         var chaine = data.metier_libelle.replace("'", "\\'");
                         return '<div onclick="chargerDonneesTemp(' + data.metier_id + ',\'' +
                             chaine +
-                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >'  + data.metier_libelle +
+                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >' +
+                            data.metier_libelle +
                             '</a></div>'
                     },
                     footer: function (query) {
@@ -632,13 +608,18 @@
                     }
                     var chaine = object.libelle.replace("'", " ");
                     var chaine = chaine.replace(",", " ");
-                    $("#competencesAd").append("<div id='competence_ad_"+object.code+"' name='competences_ad[]'><input type='checkbox'  "+checked+" onChange='genererCompetences(this);'  id='competence_" + object
-                            .code + "' value='" +chaine+"_"+ object.code + "'> " + object.libelle + "<br/></div>");
+                    $("#competencesAd").append("<div id='competence_ad_" + object.code +
+                        "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                        " onChange='genererCompetences(this);'  id='competence_" + object
+                        .code + "' value='" + chaine + "_" + object.code + "'> " + object.libelle +
+                        "<br/></div>");
 
-                    $("#competencesAdPopup").append("<div id='competence_ad_popup_"+object.code+"'><input type='checkbox' "+checked+" onChange='genererCompetences(this);' id='competencepopup_" + object
-                    .code + "' value='" + object.code + "'> " + object.libelle + "<br/></div>");
+                    $("#competencesAdPopup").append("<div id='competence_ad_popup_" + object.code +
+                        "'><input type='checkbox' " + checked +
+                        " onChange='genererCompetences(this);' id='competencepopup_" + object
+                        .code + "' value='" + object.code + "'> " + object.libelle + "<br/></div>");
                     if (object.competenceCle == false) {
-                        $("#competence_ad_"+object.code).hide();
+                        $("#competence_ad_" + object.code).hide();
                     }
                 });
 
@@ -653,18 +634,26 @@
                         var checked = "";
                         //On on ne coche pas ces competences clé (uniquement les compétences de base) sur le formulaire de base 
                         //if (competence.competenceCle == true && type != "init") {
-                            //checked = "checked";
+                        //checked = "checked";
                         //}
                         var chaine = competence.libelle.replace("'", " ");
                         var chaine = chaine.replace(",", " ");
-                        $("#competencesAd").append("<div id='competence_ad_"+competence.code+"' name='competences_ad[]'><input type='checkbox'  "+checked+" onChange='genererCompetences(this);'  id='competence_" + competence
-                                .code + "' value='" +chaine+"_"+ competence.code + "'> " + competence.libelle + "<br/></div>");
+                        $("#competencesAd").append("<div id='competence_ad_" + competence.code +
+                            "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                            " onChange='genererCompetences(this);'  id='competence_" +
+                            competence
+                            .code + "' value='" + chaine + "_" + competence.code + "'> " +
+                            competence.libelle + "<br/></div>");
 
-                        $("#competencesAdPopup").append("<div id='competence_ad_popup_"+competence.code+"'><input type='checkbox' "+checked+" onChange='genererCompetences(this);' id='competencepopup_" + competence
-                        .code + "' value='" + competence.code + "'> " + competence.libelle + "<br/></div>");
+                        $("#competencesAdPopup").append("<div id='competence_ad_popup_" + competence
+                            .code + "'><input type='checkbox' " + checked +
+                            " onChange='genererCompetences(this);' id='competencepopup_" +
+                            competence
+                            .code + "' value='" + competence.code + "'> " + competence.libelle +
+                            "<br/></div>");
                         //On n'affiche pas ces competences (meme les competences clé) sur le formulaire de base
                         //if (competence.competenceCle == false) {
-                            $("#competence_ad_"+competence.code).hide();
+                        $("#competence_ad_" + competence.code).hide();
                         //}
                     });
                 });
@@ -700,10 +689,11 @@
                     $("#competencesAdMessage").html(
                         "Une erreur est survenue dans la recherche du métier de rattachement.  <a href='#' onclick='chargerCompetences();'><br/><i class='fa fa-refresh fa-spin fa-fw'></i>Cliquez ici pour relancer la recherche</a> "
                     );
-                    
+
                 }
                 $('#loadingDiv').hide();
-                console.log("La requête s'est terminée en échec q= "+ $("#id_appellation_temporaire").val()+" Infos : " + JSON.stringify(error));
+                console.log("La requête s'est terminée en échec q= " + $("#id_appellation_temporaire").val() +
+                    " Infos : " + JSON.stringify(error));
             })
             //Ce code sera exécuté que la requête soit un succès ou un échec
             .always(function () {
@@ -717,7 +707,7 @@
         console.log("Clicked, target = " + cb.id);
         var id = cb.id.split('_');
         id = id[1];
-        if($("#nbCompetences").val()<10){
+        if ($("#nbCompetences").val() < 10) {
             $("#competence_" + id).prop("checked", cb.checked);
             $("#competencepopup_" + id).prop("checked", cb.checked);
             if (cb.checked) {
@@ -727,7 +717,7 @@
                 console.log("hidden de div  #competence_ad_" + id);
                 $("#competence_ad_" + id).hide();
             }
-        }else{
+        } else {
             $("#competence_" + id).prop("checked", false);
             $("#competence_ad_" + id).hide();
             //$("#competence_" + id).hide();

volume/www/website/www/app/Resources/views/company/ad_edit.html.twig

@@ -9,8 +9,8 @@
 
     }
 
-    .modalCompetences{
-        height:600px;
+    .modalCompetences {
+        height: 600px;
     }
 </style>
 
@@ -27,10 +27,10 @@
             <ol class="breadcrumb">
                 <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
                 <li class="breadcrumb-item"><a href="{{ path('company_ad') }}">Offres d'emploi</a></li>
-               
+
             </ol>
             <!-- END BREADCRUMB -->
-            
+
         </div>
     </div>
 </div>
@@ -44,16 +44,19 @@
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="competencesModalLabel">Souhaitez-vous sélectionner le métier <span class="metierPopup"></span>?</h5>
+                <h5 class="modal-title" id="competencesModalLabel">Souhaitez-vous sélectionner le métier <span
+                        class="metierPopup"></span>?</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
             <div class="modal-body">
-               <h5>&nbsp;</h5>
+                <h5>&nbsp;</h5>
                 <p>
-                
-                Si vous aviez précédemment sélectionné des compétences en lien avec l'ancien métier de rattachement, celles-ci seront remplacées par les nouvelles compétences, correspondant au métier  <span class="metierPopup"></span>.
+
+                    Si vous aviez précédemment sélectionné des compétences en lien avec l'ancien métier de rattachement,
+                    celles-ci seront remplacées par les nouvelles compétences, correspondant au métier <span
+                        class="metierPopup"></span>.
                 </p>
             </div>
             <div class="modal-footer">
@@ -73,10 +76,11 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h6 class="modal-title">Sélectionnez les compétences recherchées pour le poste à pourvoir </h6>
-                <h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre d’emploi. </h7>
-            </div>    
+                <h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre
+                    d’emploi. </h7>
+            </div>
             <div class="modal-body">
-                
+
                 {# <p>Etes vous sur de charger les compétences du métier <span id="metierPopup"></span></p> #}
                 <div class="card card-default">
                     <div class="card-body">
@@ -85,12 +89,13 @@
                                 <div id="competencesAdPopup"></div>
                             </div>
                         </div>
-                         <div id="competencesAdMessagePopup" class="text-danger"></div>
+                        <div id="competencesAdMessagePopup" class="text-danger"></div>
                     </div>
                 </div>
             </div>
             <div class="modal-footer">
-                 <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal" onclick="" >Ajouter ces compétences</button>
+                <button type="button" id="ajouterCompetenceButtonMdal" class="btn btn-secondary" data-dismiss="modal"
+                    onclick="">Ajouter ces compétences</button>
             </div>
         </div>
     </div>
@@ -100,100 +105,135 @@
 
 <!-- START CONTAINER FLUID -->
 <div class=" container-fluid   container-fixed-lg">
-    <div id="rootwizard" class="m-t-50">
+    <div class="col-lg-8 bloc-header">
+        <div class="card card-default container">
+            <div class="card-body">
+                <div class="row" style="min-height:10rem;">
+                    <div class="col-8">
+                        <h4 class="header-title" style="font-size:2em;line-height:1.5em;">Création d'une offre d'emploi
+                            vidéo</h4>
+                        <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce. <br>Plus votre annonce
+                            est précise et attractive, plus les candidatures seront ciblées.</p>
+                    </div>
+                    <div class="col-4"
+                        style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/creer-offre-emploi-video.svg');background-size: contain;background-position: center;">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="rootwizard" class="col-lg-8 m-t-50">
+        {% if type is defined and type == 'update' %}
+        {% include 'company/ad_stepsV2.html.twig' with {'tab':1, 'type':'update'} %}
+        {% else %}
         {% include 'company/ad_stepsV2.html.twig' with {'tab':1} %}
-        
+        {% endif %}
+
         <div class="tab-content">
+            {{ form_start(form, {'attr': {'class': ''}}) }}
+
             <div class="tab-pane padding-20 sm-no-padding active slide-left" id="tab1">
                 <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <i class="material-icons hint-text">shopping_cart</i>
-                            <h2>Etape 1 :  Je modifie une annonce</h2>
-                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
-Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
-Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</p>
-                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p> #}
+                    <div class="col-md">
+                        <h4>À propos du poste</h4>
+                        <br>
+                        {% if form.title is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_title" class="required active">Intitulé du poste</label><input type="text"
+                                id="ad_title" name="ad[title]" required="required" placeholder="Ex: Commercial (H/F)"
+                                class="form-control"> #}
+                            {{ form_row(form.title) }}
                         </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                          {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
-                            <table class="table table-condensed form-horizontal">
-                                {% if form_errors(form) %}<tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       
-                                        <span class="red-text text-darken-2">{{ form_errors(form) }}</span>
-                                        
-                                    </td>
-                                </tr>
-                                {% endif %}
-                                {% if form.reference is defined%}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                    
-                                       {{ form_row(form.reference) }}
-                                    
-                                    </td>
-                                </tr>
-                                {% endif %}
-                                 <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                       {% if form.title is defined%}
-                                            {{ form_row(form.title) }}
-                                       {% endif %}
-                                    </td>  
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.beneficiaire) }}
-                                       <br/>
-                                       Vous souhaitez recruter pour l'un de vos clients, renseignez ce champ
-                                    </td> 
-                                </tr>
-                                 
-                                
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.location_gmap) }}
-                                       {{ form_row(form.location) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.description) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.contract_type) }}
-                                    </td>   
-                                </tr>
-                                {# US 380 : Mise en place du temps de contrat (CDD) #}
-                                <tr id="ligneDureeContrat">
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.duree_contrat) }}
-                                    </td>   
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.temps_type) }}
-                                    </td>   
-                                </tr>
-                                {# US 329 : Mise en place du temps de travail #}
-                                <tr id="ligneNbHeure">
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.nombre_heure) }}
-                                    </td>   
-                                </tr>
-                                {# US 295 : Mise en place du télétravail #}
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.teletravail) }}
-                                    </td>   
-                                </tr>
-                            </table>
+                        {% endif %}
+                        {% if form.reference is defined%}
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_reference" class="required active">Référence de l'offre
+                                d'emploi</label><input type="text" id="ad_reference" name="ad[reference]"
+                                required="required" placeholder="Ex : BTH567" class="form-control"> #}
+                            {{ form_row(form.reference) }}
+                        </div>
+                        {% endif %}
+                        <div class="form-group form-group-default required" style="min-height:250px;">
+                            {# <label for="ad_description" class="required active">Description du poste</label>
+                            <textarea id="ad_description" name="ad[description]" required="required"
+                                class="form-control"
+                                placeholder="Décrivez le poste, les missions, le profil recherché..."></textarea> #}
+                            {{ form_row(form.description) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_location_gmap" class="required active">Localisation du poste</label><input
+                                type="text" id="ad_location_gmap" name="ad[location_gmap]" required="required" value=""
+                                class="form-control pac-target-input"
+                                placeholder="Ex : 3 Rue Louis de Broglie, Vannes, France" autocomplete="off"> #}
+                            {{ form_row(form.location_gmap) }}
+                            {{ form_row(form.location) }}
+                        </div>
+                        {# <input type="hidden" id="ad_location" name="ad[location]" value="null"> #}
+                        <br>
+                        <h6>Organisation cliente (facultatif)</h6>
+                        <div class="form-group form-group-default">
+                            {# <label for="ad_beneficiaire" class="active">Nom de l'organisation</label>
+                            <input type="text" id="ad_beneficiaire" name="ad[beneficiaire]" placeholder=""
+                                class="form-control"> #}
+                            {{ form_row(form.beneficiaire) }}
+                        </div>
+                        <p class="fs-12 bold">Vous souhaitez recruter pour l'un de vos clients ? Veuillez renseigner le
+                            champ ci-dessus</p>
+                        <br>
+                        <h4>Critères de l'offre d'emploi</h4>
+                        <br>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_contract_type" class="required">Type de contrat:</label>
+                            <select id="ad_contract_type" name="ad[contract_type]" class="form-control">
+                                <option value="CDI">CDI</option>
+                                <option value="CDD">CDD</option>
+                                <option value="Apprentissage">Apprentissage</option>
+                                <option value="professionnalisation">Contrat de professionnalisation</option>
+                                <option value="Stage">Stage</option>
+                                <option value="Indépendant">Indépendant</option>
+                                <option value="Interim">Interim</option>
+                            </select> #}
+                            {{ form_row(form.contract_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_duree_contrat_div">
+                            {# <label for="ad_duree_contrat" class="active">Durée du contrat en mois</label>
+                            <input type="number" id="ad_duree_contrat" name="ad[duree_contrat]" value="0"
+                                class="form-control" placeholder="Ex : 6" min="0" max="36" disabled=""> #}
+                            {{ form_row(form.duree_contrat) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_temps_type" class="required">Type d'emploi</label>
+                            <select id="ad_temps_type" name="ad[temps_type]" class="form-control">
+                                <option value="FULL_TIME">Temps plein </option>
+                                <option value="PART_TIME">Temps partiel </option>
+                                <option value="MIX_TIME">Temps plein ou temps partiel</option>
+                            </select> #}
+                            {{ form_row(form.temps_type) }}
+                        </div>
+                        <div class="form-group form-group-default disabled" id="ad_nombre_heure_div">
+                            {# <label for="ad_nombre_heure" class="active">Temps de travail (Le nombre saisi correspond au
+                                nombre d'heures/semaine.)</label>
+                            <input type="number" id="ad_nombre_heure" name="ad[nombre_heure]" value="0"
+                                class="form-control" placeholder="Ex : 20" min="0" max="35" disabled=""> #}
+                            {{ form_row(form.nombre_heure) }}
+                        </div>
+                        <div class="form-group form-group-default required">
+                            {# <label for="ad_teletravail" class="required">Possibilité de faire du Télétravail?</label>
+                            <select id="ad_teletravail" name="ad[teletravail]" class="form-control">
+                                <option value="tele_occasionel">Occasionnel </option>
+                                <option value="tele_partiel">Partiel </option>
+                                <option value="tele_total">Total</option>
+                                <option value="tele_non">Non</option>
+                            </select> #}
+                            {{ form_row(form.teletravail) }}
+                            {{ form_row(form.status) }}
+                        </div>
+
+                        <br>
+                        <h4 class="no-margin p-b-5">Compétences recherchées</h4>
+                        <br>
+                        <div class="col bg-contrast-lower">
+                            <br>
                             <table>
                                 <tr class='bg-contrast-lower'>
                                     <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
@@ -238,165 +278,112 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                                 <tr class='bg-contrast-lower'>
                                     <td class="col-lg-12 col-md-12 col-sm-12 bg-contrast-lower">
                                         <div id="competencesAd"></div><br />
-                                        <div id="competencesAdMessage" class="text-danger">Vous devez
-                                            sélectionner au minimum une compétence</div><br />
-                                        <div id="loadingDiv" >Patientez...</div><br />
+                                        <div id="competencesAdMessage" class="text-danger">Veuillez choisir un métier de
+                                            rattachement pour votre annonce.</div><br />
+                                        <div id="loadingDiv">Patientez...</div><br />
                                         <div class="text-center" id="competencesButtonAd">
-                                            <button type="button" class="btn btn-primary" data-toggle="modal"
+                                            <button type="button" class="btn btn-info btn-lg" data-toggle="modal"
                                                 data-target="#ajoutCompetencesModal" id="ajoutCompetences">
                                                 Ajouter des compétences
                                             </button>
-                                            <input type="hidden" id ="nbCompetences">
-                                            <span id= "nbCompetencesText"></span>
+                                            <input type="hidden" id="nbCompetences">
+                                            <span id="nbCompetencesText"></span>
                                         </div>
                                     </td>
                                     {{ form_row(form.appellationId) }}
                                     {{ form_row(form.appellationLibelle) }}
                                     {{ form_row(form.codeRome) }}
                                 </tr>
-                                
-                                <tr>
+
+                                {# <tr>
                                     <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.status) }}
-                                    </td> 
- 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                       {{ form_row(form.publicTag) }}
-                                       {{ form_row(form.competences) }}
-                                    </td> 
- 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12">
-                                        &nbsp;
+                                        {{ form_row(form.status) }}
                                     </td>
 
-                                </tr>
-                                <tr>
-                                    <td class="col-lg-12 col-md-12 col-sm-12 ">
-                                        <button aria-label="" type="submit" id="saveAdButton" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                                            type="button">
-                                            <span>Je crée mon annonce</span>
-                                            <span class="hidden-block">
-                                                <i class="material-icons fs-16">local_shipping</i>
-                                            </span>
-                                       </button>
-                                       {# <button class="btn btn-default" type="submit">Je crée mon annonce!</button> #}
-                                    </td>
-                                    
-                                </tr>
-                                
+                                </tr> #}
+
+
+
+
                             </table>
-                        {{ form_end(form) }}    
-                            
                         </div>
+                        <br>
+
+                        <button aria-label="" type="submit"
+                            class="btn btn-lg btn-primary btn-cons btn-animated from-left" id="saveAdButton"
+                            disabled="">
+                            <span>Suivant</span>
+                            <span class="hidden-block">
+                                <i class="material-icons tab-icon">videocam</i>
+                            </span>
+                        </button>
                     </div>
                 </div>
+
             </div>
-            <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey ">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                            
-                        </div>
+            {{ form_end(form) }}
+        </div>
+
+        <div class="tab-pane slide-left padding-20 sm-no-padding disabled" id="tab2">
+            <div class="row row-same-height">
+                <div class="col-md-5 b-r b-dashed b-grey ">
+                    <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
+
                     </div>
                 </div>
-            </div>
-            
-            
-            <div class="padding-20 sm-padding-5 sm-m-b-20 sm-m-t-20 bg-white clearfix">
-                {# <ul class="pager wizard no-style">
-                    <li class="next">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Je crée mon annonce</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">local_shipping</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="next finish hidden">
-                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Finish</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous first hidden">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>First</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-16">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                    <li class="previous">
-                        <button aria-label="" class="btn btn-default btn-cons btn-animated from-left pull-right"
-                            type="button">
-                            <span>Previous</span>
-                            <span class="hidden-block">
-                                <i class="material-icons fs-14">settings</i>
-                            </span>
-                        </button>
-                    </li>
-                </ul> #}
-            </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                <p class="small hint-text pull-left no-margin">
-                    
-                </p>
-                <div class="pull-right">
-                    
+                <div class="col-md-7">
+                    <div class="padding-30 sm-padding-5">
+
+                    </div>
                 </div>
-                <div class="clearfix"></div>
             </div>
         </div>
+
+
+
+
     </div>
 </div>
+</div>
 <!-- END CONTAINER FLUID -->
 
 {% endblock %}
 
 {% block javascriptsSecondaire %}
-    <script type="application/javascript">
-        //Methode permettant d'afficher le bloc nb d'heure si  est en temps partiel
-        function afficherTempsType(){
-            if( $( "#ad_soft_temps_type" ).val()=="PART_TIME" ){
-                //$("#ligneNbHeure").show();
-                $("#ad_soft_nombre_heure").prop("disabled", false);
-            }else{
-                //$("#ligneNbHeure").hide();
-                $("#ad_soft_nombre_heure").prop("disabled", true);
-            }
+<script type="application/javascript">
+    function afficherTempsType() {
+        if ($("#ad_temps_type").val() == "PART_TIME") {
+            //$("#ligneNbHeure").show();
+            $("#ad_nombre_heure").prop("disabled", false);
+            $("#ad_nombre_heure_div").removeClass("disabled");
+        } else {
+            //$("#ligneNbHeure").hide().prop('required',false) ;;
+            $("#ad_nombre_heure").prop("disabled", true);
+            $("#ad_nombre_heure_div").addClass("disabled");
         }
-        //Methode permettant d'afficher le bloc durée de contrat si le contrat est un CDI
-        function afficherDureeContrat(){
-            if( $( "#ad_soft_contract_type" ).val()=="CDD" ){
-                //$("#ligneDureeContrat").show();
-                $("#ad_soft_duree_contrat").prop("disabled", false);
-            }else{
-                //$("#ligneDureeContrat").hide();
-                $("#ad_soft_duree_contrat").prop("disabled", true);
-            }
+    }
+
+    //Methode permettant d'afficher le bloc durée de contrat si le contrat est un CDI
+    function afficherDureeContrat() {
+        console.log("type de contrat =" + $("#ad_contract_type").val());
+        if ($("#ad_contract_type").val() == "CDD") {
+            //$("#ligneDureeContrat").show();
+            $("#ad_duree_contrat").prop("disabled", false);
+            $("#ad_duree_contrat_div").removeClass("disabled");
+        } else {
+            //$("#ligneDureeContrat").hide().prop('required',false) ;
+            $("#ad_duree_contrat").prop("disabled", true);
+            $("#ad_duree_contrat_div").addClass("disabled");
         }
+    }
 
-        $( "#ad_soft_temps_type" ).change(function() {
-            afficherTempsType();
-        });
+    $("#ad_soft_temps_type").change(function () {
+        afficherTempsType();
+    });
 
-        $( "#ad_soft_contract_type" ).change(function() {
-            afficherDureeContrat();
-        });
+    $("#ad_soft_contract_type").change(function () {
+        afficherDureeContrat();
+    });
 
     //methode qui permet de générer le json des competences. 
     // c'est le champ ad_competences qui sert à l'enregistrement en base
@@ -417,13 +404,13 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                 //on remplace la virgule par un esapce car sinon bug (les compétences sont séparés par une virgule)
                 var chaine = this.value.replace(",", " ");
                 //On limite a 10 compétences, au dela, on les enregistre pas dans le champ ad_competences
-                if(nbCompetencesSelect<11){
+                if (nbCompetencesSelect < 11) {
                     competences += chaine + ",";
                     nbCompetencesSelect++;
                 }
-                
-                $("#nbCompetencesText").html(nbCompetencesSelect+" compétences sélectionnées");
-                $("#ajouterCompetenceButtonMdal").html("Ajouter (+"+nbCompetencesSelect+")");
+
+                $("#nbCompetencesText").html(nbCompetencesSelect + " compétences sélectionnées");
+                $("#ajouterCompetenceButtonMdal").html("Ajouter (+" + nbCompetencesSelect + ")");
                 $("#nbCompetences").val(nbCompetencesSelect);
                 //return competence;
             }
@@ -432,42 +419,42 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
         // on renseigne le champ ad_competences
         $("#ad_soft_competences").val(competences);
         //Gestion des erreurs si aucune compétence
-        if(nbCompetencesSelect==0){
+        if (nbCompetencesSelect == 0) {
             $("#nbCompetencesText").html("");
             $("#competencesAdMessage").html(
-                        "Vous devez sélectionner au minimum une compétence. "
+                "Vous devez sélectionner au minimum une compétence. "
             );
             $("#competencesAdMessagePopup").html(
-                        "Vous devez sélectionner au minimum une compétence. "
+                "Vous devez sélectionner au minimum une compétence. "
             );
             $("#ajouterCompetenceButtonMdal").html("Ajouter (+0)");
             $("#ajouterCompetenceButtonMdal").hide();
             $("#saveAdButton").prop("disabled", true);
-        }else if(nbCompetencesSelect>9){
+        } else if (nbCompetencesSelect > 9) {
             $("#saveAdButton").prop("disabled", false);
             //Gestion des erreurs si plusde 10 compétences
             $("#competencesAdMessage").html(
-                        "Vous avez atteint le nombre maximum de compétences. "
+                "Vous avez atteint le nombre maximum de compétences. "
             );
             $("#competencesAdMessagePopup").html(
-                        "Vous avez atteint le nombre maximum de compétences. "
+                "Vous avez atteint le nombre maximum de compétences. "
             );
-            if(nbCompetencesSelect>10){
+            if (nbCompetencesSelect > 10) {
                 $("#ajouterCompetenceButtonMdal").hide();
             }
-        }else{
+        } else {
             //cas standards, on reinitialise les champs a vide
             $("#saveAdButton").prop("disabled", false);
-            $("#competencesAdMessage").html( " ");
+            $("#competencesAdMessage").html(" ");
             $("#competencesAdMessagePopup").html(" ");
             $("#ajouterCompetenceButtonMdal").show();
         }
-        if($("#saisie").val() =="" || !$("#saisie").val() ){
+        if ($("#saisie").val() == "" || !$("#saisie").val()) {
             $("#competencesAdMessage").html(
-                        "Veuillez choisir un métier de rattachement pour votre annonce. "
+                "Veuillez choisir un métier de rattachement pour votre annonce. "
             );
         }
-        
+
     }
 
     $(document).ready(function () {
@@ -487,9 +474,9 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
         //cocher les cases par rapport aux compétences d'origine
 
     });
-    </script>
+</script>
 
-    <script>
+<script>
     $(document)
         .ready(function () {
             // Construction du champ typeahead d'auto compléetion de métier
@@ -540,7 +527,8 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                         var chaine = data.metier_libelle.replace("'", " ");
                         return '<div onclick="chargerDonneesTemp(' + data.metier_id + ',\'' +
                             chaine +
-                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >'  + data.metier_libelle +
+                            '\')" data-toggle="modal" data-target="#competencesModal" id="competences"><a href="#" >' +
+                            data.metier_libelle +
                             '</a></div>'
                     },
                     footer: function (query) {
@@ -609,18 +597,23 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                     //console.log(object.competenceCle);
                     var hidden = "";
                     var checked = "";
-                    if (object.competenceCle == true && type!="init") {
-                       checked = "checked";
+                    if (object.competenceCle == true && type != "init") {
+                        checked = "checked";
                     }
                     var chaine = object.libelle.replace("'", " ");
                     var chaine = chaine.replace(",", " ");
-                    $("#competencesAd").append("<div id='competence_ad_"+object.code+"' name='competences_ad[]'><input type='checkbox'  "+checked+" onChange='genererCompetences(this);'  id='competence_" + object
-                            .code + "' value='" +chaine+"_"+ object.code + "'> " + object.libelle + "<br/></div>");
+                    $("#competencesAd").append("<div id='competence_ad_" + object.code +
+                        "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                        " onChange='genererCompetences(this);'  id='competence_" + object
+                        .code + "' value='" + chaine + "_" + object.code + "'> " + object.libelle +
+                        "<br/></div>");
 
-                    $("#competencesAdPopup").append("<div id='competence_ad_popup_"+object.code+"'><input type='checkbox' "+checked+" onChange='genererCompetences(this);' id='competencepopup_" + object
-                    .code + "' value='" + object.code + "'> " + object.libelle + "<br/></div>");
+                    $("#competencesAdPopup").append("<div id='competence_ad_popup_" + object.code +
+                        "'><input type='checkbox' " + checked +
+                        " onChange='genererCompetences(this);' id='competencepopup_" + object
+                        .code + "' value='" + object.code + "'> " + object.libelle + "<br/></div>");
                     if (object.competenceCle == false) {
-                        $("#competence_ad_"+object.code).hide();
+                        $("#competence_ad_" + object.code).hide();
                     }
                 });
 
@@ -635,34 +628,42 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                         var checked = "";
                         //On on ne coche pas ces competences clé (uniquement les compétences de base) sur le formulaire de base 
                         //if (competence.competenceCle == true && type != "init") {
-                            //checked = "checked";
+                        //checked = "checked";
                         //}
                         var chaine = competence.libelle.replace("'", " ");
                         var chaine = chaine.replace(",", " ");
-                        $("#competencesAd").append("<div id='competence_ad_"+competence.code+"' name='competences_ad[]'><input type='checkbox'  "+checked+" onChange='genererCompetences(this);'  id='competence_" + competence
-                                .code + "' value='" +chaine+"_"+ competence.code + "'> " + competence.libelle + "<br/></div>");
+                        $("#competencesAd").append("<div id='competence_ad_" + competence.code +
+                            "' name='competences_ad[]'><input type='checkbox'  " + checked +
+                            " onChange='genererCompetences(this);'  id='competence_" +
+                            competence
+                            .code + "' value='" + chaine + "_" + competence.code + "'> " +
+                            competence.libelle + "<br/></div>");
 
-                        $("#competencesAdPopup").append("<div id='competence_ad_popup_"+competence.code+"'><input type='checkbox' "+checked+" onChange='genererCompetences(this);' id='competencepopup_" + competence
-                        .code + "' value='" + competence.code + "'> " + competence.libelle + "<br/></div>");
+                        $("#competencesAdPopup").append("<div id='competence_ad_popup_" + competence
+                            .code + "'><input type='checkbox' " + checked +
+                            " onChange='genererCompetences(this);' id='competencepopup_" +
+                            competence
+                            .code + "' value='" + competence.code + "'> " + competence.libelle +
+                            "<br/></div>");
                         //On n'affiche pas ces competences (meme les competences clé) sur le formulaire de base
                         //if (competence.competenceCle == false) {
-                            $("#competence_ad_"+competence.code).hide();
+                        $("#competence_ad_" + competence.code).hide();
                         //}
                     });
                 });
 
 
                 $("#competencesButtonAd").show();
-                if(type=="init"){
+                if (type == "init") {
                     const obj = JSON.parse($("#ad_soft_competences").val());
                     for (var key in obj) {
                         for (var key2 in obj[key]) {
                             //console.log(obj[key][key2]);
                             console.log(key2);
-                            
-                            $("#competencepopup_"+key2).prop("checked", true);
-                            $("#competence_"+key2).prop("checked", true);
-                            $("#competence_ad_"+key2).show();
+
+                            $("#competencepopup_" + key2).prop("checked", true);
+                            $("#competence_" + key2).prop("checked", true);
+                            $("#competence_ad_" + key2).show();
                         }
                     }
                 }
@@ -682,7 +683,7 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                         "Une erreur est survenue dans la recherche du métier de rattachement.  <a href='#' onclick='chargerCompetences();'><br/><i class='fa fa-refresh fa-spin fa-fw'></i>Cliquez ici pour relancer la recherche</a> "
                     );
                 }
-                 $('#loadingDiv').hide();
+                $('#loadingDiv').hide();
                 console.log("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
             })
 
@@ -699,7 +700,7 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
         console.log("Clicked, target = " + cb.id);
         var id = cb.id.split('_');
         id = id[1];
-        if($("#nbCompetences").val()<10){
+        if ($("#nbCompetences").val() < 10) {
             $("#competence_" + id).prop("checked", cb.checked);
             $("#competencepopup_" + id).prop("checked", cb.checked);
             if (cb.checked) {
@@ -709,13 +710,13 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                 console.log("hidden de div  #competence_ad_" + id);
                 $("#competence_ad_" + id).hide();
             }
-        }else{
+        } else {
             $("#competence_" + id).prop("checked", false);
             $("#competence_ad_" + id).hide();
             $("#competencepopup_" + id).prop("checked", false);
         }
-         // on génere le json a chaque fois
-         genererJson();
+        // on génere le json a chaque fois
+        genererJson();
     }
 </script>
 {% endblock %}

volume/www/website/www/app/Resources/views/company/answer_list.html.twig

@@ -131,7 +131,7 @@
                             </td>
                         </tr>
                         {% endfor %}
-                        {% if answers|length == 0  %}
+                        {% if spontaneous|length == 0  %}
                             <tr><th colspan="3" class="text-center">Aucune candidature pour le moment</th></tr>
                         {% endif %}
                     </tbody>

volume/www/website/www/app/Resources/views/company/base_dashboard_company_V2.html.twig

@@ -1,4 +1,4 @@
-{% extends 'base_dashboard_temporaire.html.twig' %}
+{% extends 'admin/base_dashboard.html.twig' %}
 
 
 {% block content %}

volume/www/website/www/app/Resources/views/company/createMedia.html.twig

@@ -62,40 +62,34 @@
 </div>
 <!-- END JUMBOTRON -->
 <div class=" container-fluid   container-fixed-lg">
-    <div id="rootwizard" class="m-t-50">
+<div class="col-lg-8 bloc-header">
+                        <div class="card card-default container">
+                            <div class="card-body">
+                                <div class="row" style="min-height:10rem;">
+                                    <div class="col-8">
+                                        <h4 class="header-title" style="font-size:2em;line-height:1.5em;">Création d'une offre d'emploi vidéo</h4>
+                                        <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce. <br>Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.</p>
+                                    </div>
+                                    <div class="col-4" style="background-repeat: no-repeat; background-image: url('https://blog.talentstube.com/wp-content/uploads/2021/02/creer-offre-emploi-video.svg');background-size: contain;background-position: center;">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+    <div id="rootwizard" class="col-lg-10 m-t-50">
         {% include 'company/ad_stepsV2.html.twig' with {'tab':2} %}
         
         <div class="tab-content">
-            <div class="tab-pane padding-20 sm-no-padding  slide-left disabled" id="tab1">
-                <div class="row row-same-height">
-                    <div class="col-md-5 b-r b-dashed b-grey sm-b-b">
-                        <div class="padding-30 sm-padding-5 sm-m-t-15 m-t-50">
-                            <i class="material-icons hint-text">shopping_cart</i>
-                            <h2>Etape 1 : détail de l'annonce</h2>
-                            <p>Pour trouver le bon profil, renseignez et personnalisez votre annonce.
-Plus votre annonce est précise et attractive, plus les candidatures seront ciblées.
-Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au poste proposé.</p>
-                            {# <p class="small hint-text">Below is a sample page for your cart , Created using pages design
-                                UI Elementes</p> #}
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="padding-30 sm-padding-5">
-                           
-                            
-                        </div>
-                    </div>
-                </div>
-            </div>
+
             <div class="tab-pane slide-left padding-20 sm-no-padding active" id="tab2">
                 <div class="row row-same-height">
-                    <div class="col-md-6 b-r b-dashed b-grey ">
+                    <div class="col-md-12 col-xl-6  ">
                         <div class="container-envoi-videos">
                             <div class="titre-bloc-envoi-videos">
                                 <img src='https://www.talentstube.com/statique/images/capture.svg'class="image-envoi-video"/img>
                                 <div class="texte-envoi-video">
                                     <h4>Choix n°1</h4>
-                                    <h5>J’<span class="underline">envoie</span> mes séquences vidéos à Talents Tube</h5>
+                                    <h5>J’<span class="underline">envoie</span> mes séquences vidéo à Talents Tube</h5>
                                 </div>
                             </div>
                             <div class="contenu-bloc-envoi-videos">
@@ -103,7 +97,7 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                                 {# {{ form_row(form.brochure) }}
                                 {{ form_row(form.brochure1) }}
                                 {{ form_row(form.brochure2) }} #}
-                                <p>Envoyez les séquences vidéos et Talents Tube s’occupe pour vous du montage complet de votre offre d’emploi sous <span class="underline">48h</span></p>
+                                <p>Envoyez les séquences vidéo et Talents Tube s’occupe pour vous du montage complet de votre offre d’emploi sous <span class="underline">48h</span></p>
                                 <label for="etape-import-video">Vidéo 1 : Présentation de l’entreprise</label>
                                 {{ form_row(formFile.file1) }}
                                 {# <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg"> #}
@@ -113,13 +107,14 @@ Afin de créer votre annonce, renseignez l’ensemble des champs relatifs au pos
                                 <label for="etape-import-video">Vidéo 3 : Témoignage d’un collaborateur</label>
                                 {{ form_row(formFile.file3) }}
                                 {# <input type="file" id="avatar" name="avatar" accept="image/png, image/jpeg"> #}
-                                <button aria-label class="btn btn-primary" type="submit" onClick='$("#encours").show();'>Envoyer les séquences vidéos</button>
+                                {# <button aria-label="" class="btn btn-info btn-lg btn-icon-right m-b-10" type="submit"><span class="">Envoyer les séquences vidéo</span><i class="pg-icon" onclick="$(&quot;#encours&quot;).show();">send</i></button> #}
+                                <button aria-label class="btn btn-info btn-lg m-b-10" type="submit" onClick='$("#encours").show();'><span class="">Envoyer les séquences vidéo</span></button>
                                 
                                 {{ form_end(formFile) }}
                                 {% if message !="" %}
                                 <div class="green center-align" style="border-radius:10px;padding:20px;color:#FFF;">{{ message }}</div>
                                 {% else %}
-                                <div class=" center-align"  id="encours">Vos séquences vidéos sont en cours d’envoi...
+                                <div class=" center-align"  id="encours">Vos séquences vidéo sont en cours d’envoi...
                                 Veuillez rester sur la page pendant le chargement qui peut durer plusieurs minutes.
                                 </div>
                                 
@@ -134,7 +129,7 @@ Talents Tube peut vous accompagner dans la réalisation de votre
 vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="_blank">Contactez-nous</a></p>
                             </div>-->
                     </div>
-                    <div class="col-md-6">
+                    <div class="col-md-12 col-xl-6">
                         <div class="padding sm-padding-5" id="tab-video-new">
                             <div class="container-envoi-videos">
                                 <div class="titre-bloc-envoi-videos">
@@ -152,23 +147,24 @@ vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="
                                     {{ form_row(form.brochure1) }}
                                     {{ form_row(form.brochure2) }} #}
                                     <br/>
-                                    <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" class="btn btn-round btn-dark">
-                                        <button aria-label="" class="btn btn-primary btn-cons btn-animated from-left pull-right"
-                                            type="button">
-                                            <span>Retour au détail de l'annonce </span>
-                                            <span class="hidden-block">
-                                                <i class="material-icons fs-16">info</i>
-                                            </span>
-                                        </button>
-                                    </a>
-                                    <button aria-label="" id="submit" type="submit" class="btn btn-primary btn-cons btn-animated from-left pull-right hide"
-                                            type="button">
-                                            <span>Valider l'annonce</span>
-                                            <span class="hidden-block">
-                                                <i class="material-icons fs-16">save</i>
-                                            </span>
-                                        </button>
-                                    
+                                    <div class="row">
+                                        <div class="col-6">
+                                            <a href="{{ path('company_ad_edit',{"id": ad.getId()}) }}" >
+                                                <button aria-label="" class="btn btn-default btn-lg m-b-10"
+                                                    type="button">
+                                                    <span>Retour  </span>
+                                                    
+                                                </button>
+                                            </a>
+                                        </div>
+                                        <div class="col-6">
+                                            <button aria-label="" id="submit" type="submit" class="btn btn-primary btn-lg m-b-10 hide"
+                                                    type="button">
+                                                    <span>Publier l'offre</span>
+                                                
+                                            </button>
+                                        </div>
+                                    </div>
                                     {{ form_end(form) }}
                                 </div>
                             </div>
@@ -253,10 +249,7 @@ vidéo d'offre d'emploi. <a href="https://blog.talentstube.com/contact" target="
                     </li>
                 </ul> #}
             </div>
-            <div class="wizard-footer padding-20 bg-contrast-low">
-                
-                <div class="clearfix"></div>
-            </div>
+            
         </div>
     </div>
 </div>

volume/www/website/www/app/Resources/views/company/dashboard.html.twig

@@ -50,13 +50,329 @@
         </div>
     </div>
     <script>
-        document.location.href="/entreprise/me/profil";
+        document.location.href = "/entreprise/me/profil";
     </script>
+
     {# {{ render("/entreprise/me/profil") }} #}
 </div>
 {% endif %}
 
-{% include 'company/ad_table_listing.html.twig' with {'ads':ads} %}
+
+
+
+
+
+
+
+
+
+
+<!-- START JUMBOTRON -->
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner" style="transform: translateY(0px); opacity: 1;">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="https://recruteur.talentstube.com/entreprise/me/">Accueil</a></li>
+            </ol>
+            <!-- END BREADCRUMB -->
+        </div>
+    </div>
+</div>
+<!-- END JUMBOTRON -->
+<!--Boutons actions Tableau de bord -->
+
+<div class=" container-fluid container-fixed-lg bloc-tdb">
+    <!-- START card -->
+    <div class="col-lg-12">
+        <div class="card card-default container">
+            <div class="row">
+                <div class="col-md">
+                    <button class="card-action" type="button">
+                        <a href="{{path('company_ad_create')}}">
+                            <span class="material-icons">movie_creation</span>
+                            <div class="row lien-fleche" style="justify-content: center; align-items: center">
+                                <h6 class="col-10">Créer une offre d’emploi vidéo</h6>
+                                <span class="material-icons col-2 fleche">arrow_right_alt</span>
+                            </div>
+                        </a>
+                    </button>
+                </div>
+                <div class="col-md" type="button">
+                
+                    <button class="card-action" style="" type="button">
+                        <a href="{{path('company_ad')}}">
+                            <span class="material-icons" style="">work</span>
+                            <div class="row lien-fleche" style="justify-content: center; align-items: center">
+                                <h6 class="col-10">Gérer mes offres d’emploi</h6>
+                                <span class="material-icons col-2 fleche">arrow_right_alt</span>
+                            </div>
+                        </a>
+                    </button>
+                </div>
+                <div class="col-md" type="button">
+                    <button class="card-action" style="" type="button">
+                    
+                        <a href="{{path('company_answer_list')}}">
+                            <span class="material-icons" style="">face</span>
+                            <div class="row lien-fleche" style="justify-content: center; align-items: center">
+                                <h6 class="col-10">Gérer mes candidatures</h6>
+                                <span class="material-icons col-2 fleche">arrow_right_alt</span>
+                            </div>
+                        </a>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--Fin Boutons actions Tableau de bord -->
+
+<!--Blocs statistiques Tableau de bord -->
+<div class=" container-fluid container-fixed-lg bloc-tdb">
+    <!-- START card -->
+    <div class="col-lg-12">
+        <div class="card card-default container">
+            <div class="row">
+                <div class="col-lg text-card">
+                    <div class="bloc-stats">
+                        <span class="font-montserrat fs-11 all-caps">Nombre total de candidats</span>
+                        <h3 class="bold no-margin p-b-5"><a class="bold no-margin p-b-5"
+                                href="{{ path('company_answer_list') }}">{{nbAnswersSended}}</a></h3>
+                        <span class="fs-12 ">Nouveaux candidats</span>
+                        <h4 class="bold no-margin" class=""><a class="bold no-margin"
+                                href="{{ path('company_answer_list') }}">+{{nbAnswersSended}}</a></h4>
+                    </div>
+                </div>
+                <div class="col-lg text-card">
+                    <div class="bloc-stats">
+                        <span class="font-montserrat fs-11 all-caps">Visites de la page entreprise</span>
+                        <h3 class="bold no-margin p-b-5">{{ records.totalRecordsCompany }}</h3>
+                        <div class="row">
+                            <div class="col-sm vertical-border" border-right: 1px solid white;>
+                                <span class="fs-12">7 derniers jours</span>
+                                <h4 class="bold no-margin">+{{ records7days.totalRecordsCompany }}</h4>
+                            </div>
+                            <div class="col-sm">
+                                <span class="fs-12">30 derniers jours</span>
+                                <h4 class="bold no-margin" style="opacity:0.75">+{{ records30days.totalRecordsCompany }}
+                                </h4>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg text-card">
+                    <div class="bloc-stats">
+                        <span class="font-montserrat fs-11 all-caps">Vues globales des offres d’emploi</span>
+                        <h3 class="bold no-margin p-b-5">{{ records.totalRecords-records.totalRecordsCompany }}</h3>
+                        <div class="row">
+                            <div class="col-sm vertical-border">
+                                <span class="fs-12">7 derniers jours</span>
+                                <h4 class="bold no-margin">
+                                    +{{ records7days.totalRecords-records7days.totalRecordsCompany }}</h4>
+                            </div>
+                            <div class="col-sm">
+                                <span class="fs-12">30 derniers jours</span>
+                                <h4 class="bold no-margin" style="opacity:0.75">+{{ records30days.totalRecordsCompany }}
+                                </h4>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--Fin Blocs statistiques Tableau de bord -->
+
+
+<!-- START CONTAINER FLUID -->
+<!-- START CONTAINER FLUID -->
+{# <div class=" container-fluid container-fixed-lg bg-white">
+    <!-- START card -->
+    <div class="card card-transparent">
+        <div class="card-header ">
+            <div class="card-title">Statistiques</div>
+        </div>
+        <div class="row">
+            <div class="col-lg-12 col-xl-12 col-xlg-12">
+                <div class="col-md-12 m-b-10" style="display:flex;">
+                    <!-- Nombre de candidatures vidéo - START WIDGET D3 widget_graphTileFlat-->
+                    <div class="widget-8 card m-r-15 widget-loader-bar card-header card-background-1">
+                        <div class="container-xs-height">
+                            <!--full-height-->
+                            <div class="">
+                                <!--row-xs-height -->
+                                <div class="col-xs-height col-top">
+                                    <div class="">
+                                        <!--card-header top-left top-right -->
+                                        <div class="card-title text-card">
+                                            <span class="font-montserrat fs-11 all-caps">Nombre total de
+                                                candidats</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top relative">
+                                    <div class="row full-height">
+                                        <div class="col-sm-12 text-card">
+                                            <h3 class="bold no-margin p-b-5 text-card"><a
+                                                    class="bold no-margin p-b-5 text-card"
+                                                    href="{{ path('company_answer_list') }}">{{nbAnswersSended}}</a>
+                                            </h3>
+                                        </div>
+                                        <div class="col-sm-8">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">Nouveaux candidats</span>
+                                                </p>
+                                                <h4 class="bold no-margin"><a class="bold no-margin"
+                                                        href="{{ path('company_answer_list') }}">+{{nbAnswersSended}}</a>
+                                                </h4>
+                                            </div>
+                                        </div>
+                                        <!--<div class="col-sm-5">
+                                <div class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                    <p class="small m-t-5 m-b-0">
+                                        <span class="fs-12 ">30 derniers jours</span>
+                                    </p>
+                                    <h4 class="bold no-margin" style="opacity:0.75">+48</h4>
+                                </div>
+                            </div>-->
+                                    </div>
+                                    <!--<div class="widget-8-chart line-chart" data-line-color="white" data-points="true" data-point-color="warning" data-stroke-width="2">
+                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END WIDGET -->
+                    <!-- Nombre de visite page entreprise vidéo - START WIDGET D3 widget_graphTileFlat-->
+                    <div class="widget-8 card m-r-15 widget-loader-bar card-header card-background-2">
+                        <div class="container-xs-height">
+                            <div class="">
+                                <!--row-xs-height -->
+                                <div class="col-xs-height col-top">
+                                    <div class="">
+                                        <!--card-header top-left top-right -->
+                                        <div class="card-title text-card">
+                                            <span class="font-montserrat fs-11 all-caps">Visites de la page
+                                                entreprise</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top relative">
+                                    <div class="row full-height">
+                                        <div class="col-sm-12 text-card">
+                                            <h3 class="bold no-margin p-b-5 text-card">{{ records.totalRecordsCompany }}
+                                            </h3>
+                                        </div>
+                                        <div class="col-sm-5 vertical-border">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">7 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin">+{{ records7days.totalRecordsCompany }}</h4>
+                                            </div>
+                                        </div>
+                                        <div class="col-sm-5">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">30 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin" style="opacity:0.75">
+                                                    +{{ records30days.totalRecordsCompany }}</h4>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <!--<div class="widget-8-chart line-chart" data-line-color="white" data-points="true" data-point-color="warning" data-stroke-width="2">
+                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END WIDGET -->
+
+                    <!-- Nombre de visites global offres d'emploi --START WIDGET D3 widget_graphTileFlat-->
+                    <div class="widget-8 card no-margin widget-loader-bar card-header card-background-3">
+                        <div class="container-xs-height">
+                            <div class="">
+                                <!--row-xs-height -->
+                                <div class="col-xs-height col-top">
+                                    <div class="">
+                                        <!--card-header top-left top-right -->
+                                        <div class="card-title text-card">
+                                            <span class="font-montserrat fs-11 all-caps">Vues globales des offres
+                                                d’emploi</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row-xs-height">
+                                <div class="col-xs-height col-top relative">
+                                    <div class="row full-height">
+                                        <div class="col-sm-12 text-card">
+                                            <h3 class="bold no-margin p-b-5 text-card">
+                                                {{ records.totalRecords-records.totalRecordsCompany }}</h3>
+                                        </div>
+                                        <div class="col-sm-5 vertical-border">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">7 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin">
+                                                    +{{ records7days.totalRecords-records7days.totalRecordsCompany }}
+                                                </h4>
+                                            </div>
+                                        </div>
+                                        <div class="col-sm-5">
+                                            <div
+                                                class="p-l-0 full-height d-flex flex-column justify-content-between text-card">
+                                                <p class="small m-t-5 m-b-0">
+                                                    <span class="fs-12 ">30 derniers jours</span>
+                                                </p>
+                                                <h4 class="bold no-margin" style="opacity:0.75">
+                                                    +{{ records30days.totalRecords-records30days.totalRecordsCompany }}
+                                                </h4>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <!--<div class="widget-8-chart line-chart" data-line-color="white" data-points="true" data-point-color="warning" data-stroke-width="2">
+                        </div>-->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- END WIDGET -->
+
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!--class="col-lg-8 sm-p-b-10 md-p-b-10"-->
+
+
+
+
+
+</div> #}
+<!-- END card -->
+
+
+
+
+
 
 {% endblock %}
 
@@ -65,178 +381,192 @@
 {# <script src="{{ asset('/js/vendors/Chart.bundle.min.js') }}"></script> #}
 <script type="text/javascript">
     var currentMonth = '{{ "now"|date("m") }}';
-    var arrayRecords;
-    {# var ctx, myChart, arrayCurrentsLabel, arrayCurrentsAdsValues, arrayCurrentsCompanyValues, donughtRecords; #}
+    var arrayRecords; {
+        #
+        var ctx, myChart, arrayCurrentsLabel, arrayCurrentsAdsValues, arrayCurrentsCompanyValues, donughtRecords;#
+    }
     var sumVisitsAds = 0;
     var sumCompanyValues = 0;
 
-    {# function loadChartData() {
-        setArrayValues();
-        myChart.update();
-        myDoughnutChart.update();
-    } #}
-
-    {# function getChartData(date1, date2) {
-        $.ajax({
-            type: "POST",
-            url: '{{ path("company_ajax_dashboard") }}',
-            data: 'date1=' + date1 + '&date2=' + date2,
-            dataType: "json",
-            success: function (data) {
-                arrayRecords = data.lineRecords;
-                donughtRecords = data.donughtRecords;
-                myDoughnutChart.data.datasets[0].data = donughtRecords;
-                loadChartData();
-                $('.fa-refresh').hide();
-            },
-            error: function (data) {
-                $('.fa-refresh').hide();
-            }
-        });
-    } #}
-
-    {# document.addEventListener("DOMContentLoaded", function (event) {
-        $('.fa-refresh').hide();
-        getChartData(0, 0);
-        configDatePicker = {
-            applyBtnClass: 'btn btn-default',
-            format: 'DD-MM-YYYY',
-            separator: ' au ',
-            endDate: new Date(),
-            maxDays: 365
-        }
-        $('#choiceMonth').dateRangePicker(configDatePicker).bind('datepicker-apply', function (event, obj) {
-            $('.fa-refresh').show();
-            var month1 = obj.date1.getMonth();
-            var day1 = obj.date1.getDate();
-            var year1 = obj.date1.getFullYear();
-            var month2 = obj.date2.getMonth();
-            var day2 = obj.date2.getDate();
-            var year2 = obj.date2.getFullYear();
-            var date1 = (month1 + 1) + "/" + day1 + "/" + year1 + " 00:00:01";
-            var date2 = (month2 + 1) + "/" + day2 + "/" + year2 + " 23:59:59";
-            getChartData(date1, date2);
-        });
-        $('.apply-btn').attr('value', 'Valider');
-    }); #}
-
-    {# function setArrayValues() {
-        arrayCurrentsLabel = [];
-        arrayCurrentsAdsValues = [];
-        arrayCurrentsCompanyValues = [];
-        arrayRecords['labels'].forEach(function (element, index) {
-            var date = element.split("-");
-            var dateAffiche = date[2] + "-" + date[1] + "-" + date[0];
-            arrayCurrentsLabel.push(dateAffiche);
-            arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
-            arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
-        });
-        myChart.data.labels = arrayCurrentsLabel;
-        myChart.data.datasets[0].data = arrayCurrentsAdsValues;
-        myChart.data.datasets[1].data = arrayCurrentsCompanyValues;
-
-        if (arrayCurrentsAdsValues.length > 0) {
-            sumVisitsAds = arrayCurrentsAdsValues.reduce(function (memo, val) {
-                let value = val || 0;
-                if (value != null) {
-                    return memo + value;
-                }
-            });
-        } else {
-            sumVisitsAds = 0;
-        }
-        if (arrayCurrentsCompanyValues.length > 0) {
-            sumCompanyValues = arrayCurrentsCompanyValues.reduce(function (memo, val) {
-                let value = val || 0;
-                if (value != null) {
-                    return memo + value;
-                }
-            });
-        } else {
-            sumCompanyValues = 0;
-        }
-
-        $('.countVisitsAds').html(sumVisitsAds);
-        $('.countVisitsCompany').html(sumCompanyValues);
+    {
+        #
+        function loadChartData() {
+            setArrayValues();
+            myChart.update();
+            myDoughnutChart.update();
+        }#
     }
 
-    var dataLine = {
-        datasets: [{
-            label: "Nombre de visite d'annonce par jour",
-            fill: false,
-            fontColor: "rgba(39,139,231,1)",
-            backgroundColor: "rgba(39,139,231,1)",
-            borderColor: "rgba(39,139,231,1)"
-        }, {
-            label: "Nombre de visite de votre page entreprise",
-            fill: false,
-            fontColor: "#F9C339",
-            backgroundColor: "#F9C339",
-            borderColor: "#F9C339"
-        }]
-    };
+    {
+        #
+        function getChartData(date1, date2) {
+            $.ajax({
+                type: "POST",
+                url: '{{ path("company_ajax_dashboard") }}',
+                data: 'date1=' + date1 + '&date2=' + date2,
+                dataType: "json",
+                success: function (data) {
+                    arrayRecords = data.lineRecords;
+                    donughtRecords = data.donughtRecords;
+                    myDoughnutChart.data.datasets[0].data = donughtRecords;
+                    loadChartData();
+                    $('.fa-refresh').hide();
+                },
+                error: function (data) {
+                    $('.fa-refresh').hide();
+                }
+            });
+        }#
+    }
 
-    var ctx = document.getElementById("nb_visits");
-    var myChart = new Chart(ctx, {
-        type: 'line',
-        data: dataLine,
-        options: {
-            legend: {
-                display: false
-            },
-            scales: {
-                xAxes: [{
-                    display: true,
-                    scaleLabel: {
-                        display: true,
-                        labelString: 'Date'
-                    }
-                }],
-                yAxes: [{
-                    ticks: {
-                        min: 0
-                    },
-                    scaleLabel: {
-                        display: true,
-                        labelString: 'Valeur'
-                    }
-                }]
+    {
+        #
+        document.addEventListener("DOMContentLoaded", function (event) {
+            $('.fa-refresh').hide();
+            getChartData(0, 0);
+            configDatePicker = {
+                applyBtnClass: 'btn btn-default',
+                format: 'DD-MM-YYYY',
+                separator: ' au ',
+                endDate: new Date(),
+                maxDays: 365
             }
-        }
-    });
+            $('#choiceMonth').dateRangePicker(configDatePicker).bind('datepicker-apply', function (event, obj) {
+                $('.fa-refresh').show();
+                var month1 = obj.date1.getMonth();
+                var day1 = obj.date1.getDate();
+                var year1 = obj.date1.getFullYear();
+                var month2 = obj.date2.getMonth();
+                var day2 = obj.date2.getDate();
+                var year2 = obj.date2.getFullYear();
+                var date1 = (month1 + 1) + "/" + day1 + "/" + year1 + " 00:00:01";
+                var date2 = (month2 + 1) + "/" + day2 + "/" + year2 + " 23:59:59";
+                getChartData(date1, date2);
+            });
+            $('.apply-btn').attr('value', 'Valider');
+        });#
+    }
 
-    var dataDonught = {
-        labels: [
-            "Visites de talents",
-            "Visites d'entreprises",
-            "Visites d'internautes non inscrit"
-        ],
-        datasets: [{
-            data: donughtRecords,
-            backgroundColor: [
-                "#FF6384",
-                "#36A2EB",
-                "#FFCE56"
+    {
+        #
+        function setArrayValues() {
+            arrayCurrentsLabel = [];
+            arrayCurrentsAdsValues = [];
+            arrayCurrentsCompanyValues = [];
+            arrayRecords['labels'].forEach(function (element, index) {
+                var date = element.split("-");
+                var dateAffiche = date[2] + "-" + date[1] + "-" + date[0];
+                arrayCurrentsLabel.push(dateAffiche);
+                arrayCurrentsAdsValues.push(arrayRecords['datasetsAd'][index]);
+                arrayCurrentsCompanyValues.push(arrayRecords['datasetsCompany'][index]);
+            });
+            myChart.data.labels = arrayCurrentsLabel;
+            myChart.data.datasets[0].data = arrayCurrentsAdsValues;
+            myChart.data.datasets[1].data = arrayCurrentsCompanyValues;
+
+            if (arrayCurrentsAdsValues.length > 0) {
+                sumVisitsAds = arrayCurrentsAdsValues.reduce(function (memo, val) {
+                    let value = val || 0;
+                    if (value != null) {
+                        return memo + value;
+                    }
+                });
+            } else {
+                sumVisitsAds = 0;
+            }
+            if (arrayCurrentsCompanyValues.length > 0) {
+                sumCompanyValues = arrayCurrentsCompanyValues.reduce(function (memo, val) {
+                    let value = val || 0;
+                    if (value != null) {
+                        return memo + value;
+                    }
+                });
+            } else {
+                sumCompanyValues = 0;
+            }
+
+            $('.countVisitsAds').html(sumVisitsAds);
+            $('.countVisitsCompany').html(sumCompanyValues);
+        }
+
+        var dataLine = {
+            datasets: [{
+                label: "Nombre de visite d'annonce par jour",
+                fill: false,
+                fontColor: "rgba(39,139,231,1)",
+                backgroundColor: "rgba(39,139,231,1)",
+                borderColor: "rgba(39,139,231,1)"
+            }, {
+                label: "Nombre de visite de votre page entreprise",
+                fill: false,
+                fontColor: "#F9C339",
+                backgroundColor: "#F9C339",
+                borderColor: "#F9C339"
+            }]
+        };
+
+        var ctx = document.getElementById("nb_visits");
+        var myChart = new Chart(ctx, {
+            type: 'line',
+            data: dataLine,
+            options: {
+                legend: {
+                    display: false
+                },
+                scales: {
+                    xAxes: [{
+                        display: true,
+                        scaleLabel: {
+                            display: true,
+                            labelString: 'Date'
+                        }
+                    }],
+                    yAxes: [{
+                        ticks: {
+                            min: 0
+                        },
+                        scaleLabel: {
+                            display: true,
+                            labelString: 'Valeur'
+                        }
+                    }]
+                }
+            }
+        });
+
+        var dataDonught = {
+            labels: [
+                "Visites de talents",
+                "Visites d'entreprises",
+                "Visites d'internautes non inscrit"
             ],
-            hoverBackgroundColor: [
-                "#FF6384",
-                "#36A2EB",
-                "#FFCE56"
-            ]
-        }]
-    };
-    var ctxDonught = document.getElementById("donught_visits");
-    var myDoughnutChart = new Chart(ctxDonught, {
-        type: 'doughnut',
-        data: dataDonught,
-        options: {
-            legend: {
-                display: false,
-            },
-            animation: {
-                animateScale: true
+            datasets: [{
+                data: donughtRecords,
+                backgroundColor: [
+                    "#FF6384",
+                    "#36A2EB",
+                    "#FFCE56"
+                ],
+                hoverBackgroundColor: [
+                    "#FF6384",
+                    "#36A2EB",
+                    "#FFCE56"
+                ]
+            }]
+        };
+        var ctxDonught = document.getElementById("donught_visits");
+        var myDoughnutChart = new Chart(ctxDonught, {
+            type: 'doughnut',
+            data: dataDonught,
+            options: {
+                legend: {
+                    display: false,
+                },
+                animation: {
+                    animateScale: true
+                }
             }
-        }
-    }); #}
+        });#
+    }
 </script>
 {% endblock %}

volume/www/website/www/app/Resources/views/landing/offreEmploiOriginal.html.twig

@@ -0,0 +1,434 @@
+<!DOCTYPE html>
+
+<html lang="fr">
+
+  <head>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-98246968-7"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'UA-98246968-7');
+    </script>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700;900&display=swap" rel="stylesheet">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Réalisez une offre d’emploi originale vous-même</title>
+    <meta name="description" content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez">
+    <link rel="shortcut icon" href="/landing/img/talentstubeIco.svg" type="image/x-icon">
+    <link rel="icon" href="/landing/img/favicon.ico" type="image/x-icon">
+    <link href="/landing/css/bootstrap.min.css" rel="stylesheet">
+    <link href="/landing/css/owl.carousel.css" rel="stylesheet">
+    <link href="/landing/css/main.css" rel="stylesheet">
+    <link href="/landing/css/fontawesome.min.css" rel="stylesheet">
+    <!-- Latest compiled and minified CSS -->
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+	<!-- Optional theme -->
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
+    <script src="/landing/js/modernizr.min.js"></script>
+    <!--Ajout pour le référencement-->
+    {# <link rel="canonical" href="" /> #}
+	<meta property="og:locale" content="fr_FR" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="Réalisez une offre d’emploi originale vous-même" />
+	<meta property="og:description" content="Créez des vidéos d’offres d’emploi originales avec Talents Tube. Réalisez vos vidéos rapidement avec un smartphone et recrutez" />
+	<meta property="og:url" content="https://recruteur.talentstube.com/offre-emploi-originale" />
+	<meta property="og:site_name" content="Talents Tube" />
+	<meta property="og:image" content="https://recruteur.talentstube.com/landing/img/offre-emploi-originale-en-video.jpg" />
+	<meta name="twitter:card" content="summary_large_image" />
+</head>
+
+    <body>
+    <!-- Modal : Vidéo -->
+    <div class="modal fade bd-example-modal-lg" id="exampleModalCenter" tabindex="-1" role="dialog"
+      aria-labelledby="myLargeModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <div class="container-video" style="position:relative;width:100%;height:0;padding-bottom:56.25%;">
+              <iframe src="https://www.youtube.com/embed/gOXg9e29dyc"
+                style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen id="player"></iframe>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="fermerVideo()">Fermer</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--Modal : Vidéo End -->
+
+    <!-- Modal : Formulaire -->
+    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+      aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+
+          </div>
+          <div class="modal-body">
+            <div class="container-fluid">
+              <div class="row" id="demandeRdvContainer">
+                <div class="col-sm-12">
+                  <h2>Demandez votre rendez-vous</h2>
+
+                  <div class="row">
+
+                    <div class="col-12 col-sm-12">
+                      <div class="form-group">
+                        <label for="exampleInputPrenom>">Prénom</label>
+                        <input type="text" class="form-control" id="prenom" placeholder="Votre prénom">
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row">
+
+                    <div class="col-12 col-sm-12">
+                      <div class="form-group">
+                        <label for="exampleInputNom">Nom</label>
+                        <input type="text" class="form-control" id="nom" placeholder="Votre nom">
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row">
+
+                    <div class="col-12 col-sm-12">
+                      <div class="form-group">
+                        <label for="exampleInputEmail1">E-mail</label>
+                        <input type="email" class="form-control" id="email" placeholder="Votre email">
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row">
+
+                    <div class="col-12 col-sm-12">
+                      <div class="form-group">
+                        <label for="exampleInputPhone">Téléphone</label>
+                        <input type="phone" class="form-control" id="telephone" placeholder="Votre téléphone">
+                      </div>
+                      <div class="form-group">
+                        <p class="text-danger" id="erreur">Veuillez compléter l'ensemble des champs ci-dessus pour
+                          demander un rendez-vous</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="row" id="felicitationRdvContainer" class="text-center">
+                <div class="text-center">
+                  <img src="/landing/img/demande-rendez-vous.svg">
+                  <h2>Merci!</h2>
+                  <p>Votre demande a bien été envoyée. Un conseiller vous contactera <b>sous 48h</b>.
+                    En attendant, nous allons vous rediriger vers notre blog afin de vous faire découvrir tous nos
+                    conseils pour un recrutement réussi.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button class="bttn" onClick="demanderRdv();" id="boutonDemandeRdv">Demander un rendez-vous</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--Modal : Formulaire End -->
+
+    <main>
+      <data id="mj-w-res-data" data-token="3ff0355b417f4f6e84deb70f12fcbca8" class="mj-w-data" data-apikey="2jWA"
+        data-w-id="HpL" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="588"
+        data-statics="statics"></data>
+      <!--Header : Menu et Vidéo en fond-->
+      <header class="hero-section">
+        <!--HTML5 Video-->
+        <video autoplay loop muted id="bgvid" poster="">
+          <source src="/landing/video/modele-offre-emploi-originale.mp4" type="video/mp4"
+            alt="Modèle offre d'emploi originale">
+          <!--Prévoir une image fixe pour la version mobile : main.css : 102-->
+        </video>
+
+        <!--HTML5 Video end-->
+        <div class="overlay"></div>
+        <div class="container">
+          <div class="row">
+            <div class="col-md-12">
+              <div class="logo-header" style="display:inline-block;">
+                <img src="/landing/img/talentstube-logo-blanc.svg" data-at2x="/landing/img/talentstube-logo-blanc@2x.svg"
+                  alt="Talents Tube" class="logo-talentstube" style="width:150px">
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--nav-->
+        <nav class="navbar-default">
+          <!-- clas="navbar"-->
+          <div class="container">
+            <div class="logo-brand">
+              <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+                data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/TalentsTube-logo-blanc.svg"
+                alt="Talents Tube, plateforme de recrutement en vidéo" class="logo-head">
+            </div>
+            <!--<div class="navbar-header">
+                      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
+                          <span class="sr-only">Toggle navigation</span> 
+                          <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span> 
+                      </button>
+                  </div>-->
+            <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
+              <div class="row">
+                <div class="logo-header" style="display:inline-block;">
+                  <img src="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg'"
+                    data-at2x="https://blog.talentstube.com/wp-content/uploads/2021/02/talents-tube-logo-color.svg"
+                    alt="Talents Tube" class="logo-nav">
+                </div>
+                <ul class="nav navbar-nav navbar-right">
+                  <li>
+                    <div class="mj-w-button mj-w-btn bttn" data-toggle="modal" data-target="#exampleModal">Demander un
+                      rendez-vous</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <!--nav end-->
+
+        <div class="container">
+          <div class="row">
+            <div class="col-md-12">
+              <!--welcome-message-->
+              <div class="welcome-message">
+                <h1>Créez des vidéos d’offres d’emploi avec votre smartphone</h1>
+                <p>Vous voulez recruter rapidement, efficacement, vous démarquer de la concurrence tout en restant
+                  vous-même ? Votre recrutement, c’est dans la poche avec Talents Tube !</p>
+              </div>
+              <!--welcome-message end-->
+              <div class="action-btn video-header">
+                <button class="bttn" data-toggle="modal" data-target="#exampleModal">Demander un rendez-vous</button>
+                <button class="bttn" data-toggle="modal" data-target=".bd-example-modal-lg">Voir la démo</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </header>
+      <!--Header end-->
+      <!--about 1-->
+      <section class="about section-spacing-little" style="margin-top:20px">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/realiser-offre-emploi-originale.jpg"
+                alt="Réaliser une offre d'emploi originale avec un smartphone" data-no-retina> </div>
+            <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+              <h2>Votre offre d’emploi originale en vidéo</h2>
+              <p>Parce que <span class="texte-gras">votre recrutement mérite mieux que du texte</span>, lancez-vous dans
+                <span class="texte-gras">la vidéo de recrutement !</span></p>
+              <p>Vous êtes en quête de rapidité et d’efficacité dans votre processus de recrutement? Vous ne voulez pas
+                ressembler à vos concurrents?</p>
+              <p>Démarquez-vous avec des <span class="texte-gras">annonces de recrutement originales et
+                  attractives.</span>En filmant vos collaborateurs, vos gestes métiers, vous offrez une <span
+                  class="texte-gras">meilleure expérience candidat</span>, vous engagez et valorisez vos collaborateurs et
+                vous <span class="texte-gras">recrutez plus efficacement.</span></p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--about end-->
+
+      <!--about 2-->
+      <section class="about section-spacing-little">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-7 bloc-droit-2" style="padding: 2em 4em;">
+              <h2>Votre vidéo de recrutement originale avec un smartphone</h2>
+              <p>Vous vous dites que c’est une super idée mais <span class="texte-gras">faire une vidéo c’est trop
+                  compliqué, trop cher et pas pour vous !</span></p>
+              <p>Sachez qu’aujourd’hui, vous pouvez <span class="texte-gras">créer des vidéos facilement !</span></p>
+              <p>Vous possédez <span class="texte-gras">un smartphone avec une caméra</span> ultra performante qui vous
+                permet de créer du contenu vidéo tout le temps et partout, avec une qualité pro. Et tout ceci ne nécessite
+                aucun investissement supplémentaire.</p>
+              <p><span class="texte-gras">Le recrutement vidéo</span> est dans votre poche !</p>
+            </div>
+            <div class="col-md-5 bloc-gauche-2"> <img src="/landing/img/recruter-rapidement-offre-emploi-originale.jpg"
+                alt="Recruter rapidement avec une offre d'emploi vidéo originale" data-no-retina> </div>
+          </div>
+        </div>
+      </section>
+      <!--about end-->
+
+      <!--about 3-->
+      <section class="about section-spacing-little">
+        <div class="container">
+          <div class="row">
+            <div class="col-md-5 bloc-gauche-1"> <img src="/landing/img/etape-realisation-offre-emploi-originale.jpg"
+                alt="3 étapes pour réaliser une offre d'emploi originale" data-no-retina> </div>
+            <div class="col-md-7 bloc-droit-1" style="padding: 2em 4em;">
+              <h2>Un recrutement vidéo rapide en quelques étapes</h2>
+              <p>Avec Talents Tube, vous allez recruter de nouveaux profils en seulement 3 étapes :</p>
+              <ul class="list-puces">
+                <li>Rédigez votre scénario pour préparer le tournage de votre vidéo</li>
+                <li>Réalisez votre offre d’emploi vidéo avec un smartphone</li>
+                <li>Envoyez-nous vos séquences vidéo</li>
+                <li>Pour vous, nous réalisons le montage de votre vidéo</li>
+                <li>Et nous vous accompagnons dans votre recherche du candidat idéal</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--about end-->
+
+      <!--sponsor-->
+      <section class="sponsor section-spacing text-center">
+        <div class="container">
+          <header>
+            <h2>Ils ont recruté en vidéo</h2>
+            <h3>Ces entreprises ont choisi Talents Tube pour recruter avec des offres d'emploi originales !</h3>
+          </header>
+          <div class="row">
+            <div class="col-md-12">
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/94c787c21c93a6b905eca6b739eedbf2.png"
+                  alt="actual-offre-emploi-orignale"></figure>
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg"
+                  alt="aer-recyclage-offre-emploi-orignale"></figure>
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/154d998227e24b1e44e6e520ab2e09a2.png"
+                  alt="cdg-offre-emploi-orignale"></figure>
+              <figure><img
+                  src="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
+                  data-at2x="https://recruteur.talentstube.com/media/cache/profile_thumb/uploads/img/c076323088783c6aa0093563dcdd1f16.jpeg"
+                  alt="temporis-offre-emploi-orignale"></figure>
+            </div>
+          </div>
+          <!--<div class="row">
+              <div class="col-md-12">
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/c99c8a1e7cd4b9bf249053774d72e0c9.jpeg" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0dc350ae6a639b3671b7a262e51ad581.jpeg" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0a4c111bc35a4b2ab654ab8fce9f1d53.png" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/0a4c111bc35a4b2ab654ab8fce9f1d53.png" alt="sponsor"></figure>
+                <figure><img src="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" data-at2x="https://recruteur.talentstube.com//media/cache/profile_thumb/uploads/img/4f3dba583fea12c01a9c708772b1e0ac.jpeg" alt="sponsor"></figure>
+              </div>
+            </div>-->
+        </div>
+      </section>
+      <!--sponsor end-->
+      <!--venue-->
+      <section class="venue section-spacing" id="venue">
+        <div class="container">
+          <div class="row">
+            <div class="container text-center">
+              <div class="row">
+                <div class="col-md-12">
+                  <!--goodbye-message-->
+                  <div class="appel-action">
+                    <h2>Créez votre première offre d’emploi originale avec un smartphone</h2>
+                    <p>Il ne vous reste plus qu'un clic pour recruter rapidement, efficacement et vous démarquer de la
+                      concurrence...</p>
+                    <p>Lancez-vous et demandez un rendez-vous dès maintenant !</p>
+                    <button class="bttn" data-toggle="modal" data-target="#exampleModal" style="margin-top:30px;">Demander
+                      un rendez-vous</button>
+                  </div>
+                  <!--goodbye-message end-->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>
+    <script src="/landing/js/jquery-2.1.3.min.js"></script>
+    <script src="/landing/js/bootstrap.min.js"></script>
+    <script src="/landing/js/waypoints.min.js"></script>
+    <!--Ordre important-->
+    <script src="/landing/js/waypoints-sticky.min.js"></script> <!-- Nécessaire header sticky -->
+    <script src="/landing/js/retina.min.js"></script> <!-- Nécessaire logo header (à voir pour l'enlever) -->
+    <script src="/landing/js/owl.carousel.min.js"></script> <!-- Nécessaire avec les avantages (+de 3 avantages) -->
+    <script src="/landing/js/jquery.ajaxchimp.min.js"></script> <!-- Nécessaire FAQ-->
+    <script src="/landing/js/jquery.validate.min.js"></script>
+    <script src="/landing/js/main.js"></script>
+    <!--<script src="js/jquery.animateNumber.min.js"></script>-->
+    <!--<script src="js/jquery.form.min.js"></script>-->
+    <script>
+      $("#erreur").hide();
+      $("#felicitationRdvContainer").hide();
+
+
+      function demanderRdv() {
+        if ($("#nom").val() == "" || $("#prenom").val() == "" || $("#email").val() == "" || $("#telephone").val() == "") {
+          $("#erreur").show();
+        } else {
+          $("#erreur").hide();
+          $("#boutonDemandeRdv").hide();
+          $("#felicitationRdvContainer").show();
+          $("#demandeRdvContainer").hide();
+ 
+          $.ajax({
+              //L'URL de la requête 
+              
+              url: "/app_dev.php/api/demanderRdv?nom=" + $("#nom").val() + "&prenom=" + $("#prenom").val() + "&email=" +
+                $("#email").val() + "&telephone=" + $("#telephone").val() + "&page=Demande rdv module vidéo",
+              method: "GET",
+              //La méthode d'envoi (type de requête)
+
+
+              //Le format de réponse attendu
+              dataType: "json",
+            })
+            //Ce code sera exécuté en cas de succès - La réponse du serveur est passée à done()
+            /*On peut par exemple convertir cette réponse en chaine JSON et insérer
+            * cette chaine dans un div id="res"*/
+            .done(function (response) {
+              console.log("Requête demande rdv done");
+              setTimeout(function () {
+                document.location.href = "https://blog.talentstube.com/articles-entreprise/";
+              }, 8000);
+
+            })
+
+            //Ce code sera exécuté en cas d'échec - L'erreur est passée à fail()
+            //On peut afficher les informations relatives à la requête et à l'erreur
+            .fail(function (error) {
+              aconsole.log("Requête  demande rdvfail");
+              console.log(error);
+            })
+
+            //Ce code sera exécuté que la requête soit un succès ou un échec
+            .always(function () {
+              console.log("Requête demande rdv effectuée");
+            });
+        }
+
+
+      }
+
+
+      function fermerVideo() {
+        var videoURL = $('#player').prop('src');
+        videoURL = videoURL.replace("&autoplay=1", "");
+        $('#player').prop('src', '');
+        $('#player').prop('src', videoURL);
+
+      }
+      $('#exampleModalCenter').on('hidden.bs.modal', function (e) {
+        console.log("exampleModalCenter11");
+        fermerVideo();
+      })
+    </script>
+  </body>
+
+</html>

volume/www/website/www/app/Resources/views/media/media_list.html.twig

@@ -1,221 +1,221 @@
 {% if is_granted('ROLE_COMPANY') %}
-    {% set extendTemplate='company/base_dashboard_company_V2.html.twig' %}
+{% set extendTemplate='company/base_dashboard_company_V2.html.twig' %}
 {% elseif is_granted('ROLE_TERRITORY') %}
-    {% set extendTemplate='territory/base_dashboard_territory.html.twig' %}
+{% set extendTemplate='territory/base_dashboard_territory.html.twig' %}
 {% else %}
-    {% set extendTemplate='talent/base_dashboard_talent.html.twig' %}
+{% set extendTemplate='talent/base_dashboard_talent.html.twig' %}
 {% endif %}
 
 {% extends extendTemplate %}
 
 {% block dashContent %}
-    <div class="row">
-        <div class="col s12">
 
-            {% if medias|length == 0 and is_granted('ROLE_TALENT') %}
-                <div class="col s12 center-align">
-                    <br/><br/>
-                    <strong class="color-grey3">Vous ne possédez pas encore de CV vidéo!</strong><br/>
-                    <span class="color-grey2">Cliquez sur le bouton pour ajouter votre première vidéo.</span>
-                    <br/><br/>
-                    <a class="btn btn-default modal-trigger" href="#addVideo">Ajouter une
-                        vidéo</a>
-                </div>
-            {% else %}
-                {% if app.user.company.presentationVideo %}
-                    {% set media = app.user.company.presentationVideo %}
-                {% endif %}
-                <div class="video_premier card z-depth-3">
-                    <div class="card-content">
-                        <h4> Vous souhaitez booster vos recrutements ?</h4>
-                        <p>Ajoutez une vidéo marque employeur pour présenter
-votre entreprise et attirer de nouveaux talents.</p>
+<div class="jumbotron" data-pages="parallax">
+    <div class=" container-fluid   container-fixed-lg sm-p-l-0 sm-p-r-0">
+        <div class="inner">
+            <!-- START BREADCRUMB -->
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
+                <li class="breadcrumb-item"><a href="#">Marque Employeur</a></li>
+
+            </ol>
+            <!-- END BREADCRUMB -->
+
+        </div>
+    </div>
+</div>
+<div class=" container-fluid   container-fixed-lg">
+    <div class="col-lg-8 bloc-header">
+        {% set video = null %}
+        <div id="addVideo">
+            <div class="modal-content">
+                <div class="row">
+                    {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
+                    <div class="input-field  col s8">
+                        {{ form_rest(form) }}
+                    </div>
+                    <div class="col s4 right-align">
+                        <button id="submit" class="btn btn-default disabled" type="submit">Enregistrer</button>
+                        {% set messageTooltiped = "Votre vidéo ne doit pas dépasser les 500Mo.\n
+                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm." %}
+                        <i class="fa fa-question-circle tooltipped" data-position="top" data-delay="50"
+                            data-tooltip="{{ messageTooltiped }}" aria-hidden="true"></i>
+                    </div>
+                    {{ form_end(form) }}
+                    <div class="col s12">
+                        {% include 'media/dropzone.html.twig' with {'deleting': 'false'} %}
                     </div>
                 </div>
-                <div class="video_premier card z-depth-3">
-                    <div class="card-image">
-                        {% if app.user.company.presentationVideo %}
-                            <div class="embed-responsive embed-responsive-16by9">
-                                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
-                                        width="100%" height="550" frameborder="0" webkitallowfullscreen
-                                        mozallowfullscreen allowfullscreen></iframe>
-                            </div>
-                        {# {% else %}
+            </div>
+
+        </div>
+    </div>
+    <div class="col-lg-8 m-t-50">
+
+        {% if app.user.company.presentationVideo %}
+        {% set media = app.user.company.presentationVideo %}
+
+        <div class="video_premier card z-depth-3">
+            <div class="card-content">
+                <h4> Vous souhaitez booster vos recrutements ?</h4>
+                <p>Ajoutez une vidéo marque employeur pour présenter
+                    votre entreprise et attirer de nouveaux talents.</p>
+            </div>
+        </div>
+        <div class="video_premier card z-depth-3">
+            <div class="card-image">
+                {% if app.user.company.presentationVideo %}
+                <div class="embed-responsive embed-responsive-16by9">
+                    <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
+                        width="100%" height="550" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                        allowfullscreen></iframe>
+                </div>
+                {# {% else %}
                             <div class="no-presentation-video">
                                 <strong>
                                     Vous ne disposez pas de vidéo de présentation !
                                 </strong><br/>
                                 Cliquez sur le bouton ci-dessous pour la sélectionner dans votre bibliothèque.
                             </div> #}
-                        {% endif %}
-                    </div>
-                    
-                    <div class="card-content">
-                        <p>
-                        {# {% if app.user.getCompany().hasCompanyVideo() != true  and is_granted('ROLE_COMPANY') %}
+                {% endif %}
+            </div>
+
+            <div class="card-content">
+                <p>
+                    {# {% if app.user.getCompany().hasCompanyVideo() != true  and is_granted('ROLE_COMPANY') %}
                             {% set storePath = path('company_process_cart_video_corporate') %}
                             {% set message = "Vous ne disposez pas de l'option présentation vidéo pour votre entreprise, il est nécessaire de vous procurer
                             l'option sur la boutique talents tube.<br /><br /><a class='btn btn-default' href='"~storePath~"'>boutique Talents Tube</a>" %}
                             {{ message|raw }}
                         {% else %} #}
-                            {% if app.user.company.presentationVideo %}
-                                <div><strong><span data-id="{{ media.id }}"
-                                            class="titleVideo">{{ media.title }}</span></strong></div>
-                            {% else %}
-                                {% set label_title_video = "" %}
-                                {% if is_granted('ROLE_COMPANY') %}
-                                    {% set label_title_video = "Mon entreprise en vidéo" %}
-                                {% elseif is_granted('ROLE_TALENT') %}
-                                    {% set label_title_video = "Mon CV Générique" %}
-                                {% endif %}
-                                <strong>{{ label_title_video }}</strong>
-                            {% endif %}
-                            <a class="btn btn-cancel-premier red tooltipped btn-round right" href="#!"
-                            data-position="top" data-tooltip="Annuler">Annuler</a>
-                            
-                            <a class="btn btn-default btn-video-premier right btn-orange">
-                                {% if app.user.company.presentationVideo %}
-                                    Remplacer ma vidéo marque employeur
-                                {% else %}
-                                    Choisir une vidéo marque employeur
-                                {% endif %}
-                            </a>
-
-                            
-
-                            <div class="clearfix"></div>
-                            <div class="">
-                                <strong>
-                                    Guide 
-                                </strong><br/>
-                                Pour choisir votre vidéo marque employeur, cliquer sur le bouton remplacer et choisissez une vidéo dans la liste ci dessous                            </div>
-                        {# {% endif %} #}
-                                
+                    {% if app.user.company.presentationVideo %}
+                    <div><strong><span data-id="{{ media.id }}" class="titleVideo">{{ media.title }}</span></strong>
                     </div>
-                </div>
-            {% endif %}
+                    {% else %}
+                    {% set label_title_video = "" %}
+                    {% if is_granted('ROLE_COMPANY') %}
+                    {% set label_title_video = "Mon entreprise en vidéo" %}
+                    {% elseif is_granted('ROLE_TALENT') %}
+                    {% set label_title_video = "Mon CV Générique" %}
+                    {% endif %}
+                    <strong>{{ label_title_video }}</strong>
+                    {% endif %}
+                    
+
+                    {# <a class="btn btn-default">
+                        {% if app.user.company.presentationVideo %}
+                        Remplacer ma vidéo marque employeur
+                        {% else %}
+                        Choisir une vidéo marque employeur
+                        {% endif %}
+                    </a> #}
+
+
+
+                    <div class="clearfix"></div>
+                    <div class="">
+                        <strong>
+                            Guide
+                        </strong><br />
+                        Pour choisir votre vidéo marque employeur, cliquer sur le bouton remplacer et choisissez une
+                        vidéo dans la liste ci dessous
+                    </div>
+                    {# {% endif %} #}
+
+            </div>
         </div>
+        {% endif %}
     </div>
-    <div class="divider"></div>
-     <br />
-     <div class="row">
-        <div class="col s12 center-align"><h4>Gestion de mes vidéos</h4>
-        </div>
-    </div>
-    <div class="row">
-        <div class="col s12">
+    <div class="col-lg-12 m-t-50">
+        <h4>Gestion de mes vidéos</h4>
         {% if medias|length > 0 or is_granted('ROLE_COMPANY') or is_granted('ROLE_TERRITORY')%}
-            <div class="col s12 col-actions">
-                <a class="waves-effect waves-light btn btn-default modal-trigger" href="#addVideo">Ajouter une vidéo</a>
-                <a class="btn btn-delete-video btn-round tooltipped red right" href="#!" data-position="top"
+        <div class="col-lg-12">
+            <a class="waves-effect waves-light btn btn-default modal-trigger" href="#addVideo">Ajouter une vidéo</a>
+            <a class="btn btn-delete-video btn-round tooltipped red right" href="#!" data-position="top"
                 data-tooltip="Supprimer des vidéos"><i class="fa fa-trash" aria-hidden="true"></i></a>
-            </div>  
+        </div>
         {% endif %}
         {% for media in medias %}
-            {% set classVideo = "" %}
-            {% if app.user.company.presentationVideo %}
-                {% set idPresentationVideo = app.user.company.presentationVideo.id %}
-            {% else %}
-                {% set idPresentationVideo = false %}
-            {% endif %}
-            {% if idPresentationVideo != media.id %}
-            
-                <div class="col s12 m6 l4 col-card">
-                    <div class="card card-video-action z-depth-1">
-                        <div class="card-image">
-                            <div class="embed-responsive embed-responsive-16by9">
-                                <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
-                                        width="100%" height="230px" frameborder="0" webkitallowfullscreen
-                                        mozallowfullscreen allowfullscreen></iframe>
-                            </div>
-                            <div class="card-fog choice-fog">
-                                <div class="card-fog-container">
-                                    <a data-id="{{ media.getId() }}"
-                                       class="btn btn-default btn-default-video {{ classVideo }} tooltipped"
-                                       data-position="top"
-                                       data-tooltip="{{ 'global.video.defaultaction.label'|trans }}">
-                                        Choisir cette vidéo
-                                    </a>
-                                </div>
-                            </div>
-                            {% set classFog ="" %}
-                            {% set messageTooltipFog ="" %}
-                            {% if media.getAds().toArray() %}
-                                {% set classFog = "fogLight" %}
-                                {% set messageTooltipFog ="Vidéo associée à une annonce" %}
-                            {% endif %}
+        {% set classVideo = "" %}
+        {% if app.user.company.presentationVideo %}
+        {% set idPresentationVideo = app.user.company.presentationVideo.id %}
+        {% else %}
+        {% set idPresentationVideo = false %}
+        {% endif %}
+        {% if idPresentationVideo != media.id %}
 
-                            {% if media.getAnswers().toArray() %}
-                                {% set classFog = "fogLight" %}
-                                {% set messageTooltipFog ="Vidéo associée à une réponse" %}
-                            {% endif %}
-                            <div class="card-fog delete-fog {{ classFog }}">
-                                <div class="card-fog-container">
-                                    {% if media.getAds().toArray() or media.getAnswers().toArray() %}
-                                        <div class="card-fog-message">
-                                            Vous ne pouvez pas supprimer cette vidéo.<br/>
-                                            <i data-position="top" data-tooltip="{{ messageTooltipFog }}"
-                                               class="fa fa-question-circle tooltipped" aria-hidden="true"></i>
-                                        </div>
-                                    {% else %}
-                                        <a class="btn btn-default halfway-fab waves-effect waves-light red delete_unattached_media tooltipped"
-                                           href="{{ path("delete_unattached_media",{"id" : media.getId()}) }}"
-                                           data-position="top" data-tooltip="{{ 'media.delete.video.label'|trans }}">Supprimer</a>
-                                    {% endif %}
-                                </div>
-                            </div>
+        <div class="col-lg-4">
+            <div class="card card-video-action z-depth-1">
+                <div class="card-image">
+                    <div class="embed-responsive embed-responsive-16by9">
+                        <iframe src="https://player.vimeo.com{{ media.getCdnUrl()|replace({ "videos": "video"}) }}"
+                            width="100%" height="230px" frameborder="0" webkitallowfullscreen mozallowfullscreen
+                            allowfullscreen></iframe>
+                    </div>
+                    <div class="card-fog choice-fog">
+                        <div class="card-fog-container">
+                            <a data-id="{{ media.getId() }}"
+                                class="btn btn-default btn-default-video {{ classVideo }} tooltipped"
+                                data-position="top" data-tooltip="{{ 'global.video.defaultaction.label'|trans }}">
+                                Choisir cette vidéo
+                            </a>
                         </div>
-                        <div class="card-content">
-                            <p>
-                                <strong><span data-id="{{ media.id }}" class="titleVideo truncate tooltipped"
-                                              data-position="top"
-                                              data-tooltip="{{ media.title }}">{{ media.title }}</span></strong>
-                            </p>
+                    </div>
+                    {% set classFog ="" %}
+                    {% set messageTooltipFog ="" %}
+                    {% if media.getAds().toArray() %}
+                    {% set classFog = "fogLight" %}
+                    {% set messageTooltipFog ="Vidéo associée à une annonce" %}
+                    {% endif %}
+
+                    {% if media.getAnswers().toArray() %}
+                    {% set classFog = "fogLight" %}
+                    {% set messageTooltipFog ="Vidéo associée à une réponse" %}
+                    {% endif %}
+                    <div class="card-fog delete-fog {{ classFog }}">
+                        <div class="card-fog-container">
+                            {% if media.getAds().toArray() or media.getAnswers().toArray() %}
+                            <div class="card-fog-message">
+                                Vous ne pouvez pas supprimer cette vidéo.<br />
+                                <i data-position="top" data-tooltip="{{ messageTooltipFog }}"
+                                    class="fa fa-question-circle tooltipped" aria-hidden="true"></i>
+                            </div>
+                            {% else %}
+                            <a class="btn btn-default halfway-fab waves-effect waves-light red delete_unattached_media tooltipped"
+                                href="{{ path("delete_unattached_media",{"id" : media.getId()}) }}"
+                                target="_blank">Supprimer</a>
+                            {% endif %}
                         </div>
                     </div>
                 </div>
-            {% endif %}
-        {% endfor %}
-    </div>
-    </div>
-    {% set video = null %}
-    <div id="addVideo" class="modal modal-fixed-footer">
-        <div class="modal-content">
-            <div class="row">
-                {{ form_start(form, {'attr': { 'id': 'form_media' } }) }}
-                <div class="input-field  col s8">
-                    {{ form_rest(form) }}
-                </div>
-                <div class="col s4 right-align">
-                    <button id="submit" class="btn btn-default disabled" type="submit">Enregistrer</button>
-                    {% set messageTooltiped = "Votre vidéo ne doit pas dépasser les 500Mo.\n
-                    Les formats de vidéo acceptés sont les suivants : .mp4, .mov, .qt, .mkv, .avi, .m4v, .webm." %}
-                    <i class="fa fa-question-circle tooltipped" data-position="top" data-delay="50"
-                       data-tooltip="{{ messageTooltiped }}" aria-hidden="true"></i>
-                </div>
-                {{ form_end(form) }}
-                <div class="col s12">
-                    {% include 'media/dropzone.html.twig' with {'deleting': 'false'} %}
+                <div class="card-content">
+                    <p>
+                        <strong><span data-id="{{ media.id }}" class="titleVideo truncate tooltipped"
+                                data-position="top" data-tooltip="{{ media.title }}">{{ media.title }}</span></strong>
+                    </p>
                 </div>
             </div>
         </div>
-        <div class="modal-footer">
-            <a href="#!" class="modal-action modal-close  btn btn-default btn-round">Fermer</a>
-        </div>
+        {% endif %}
+        {% endfor %}
     </div>
+</div>
+
+
+
 {% endblock %}
 {% block javascripts %}
-    {{ parent() }}
-    <script type="text/javascript">
-        var urlDropzone = '{{ path("upload_media_default", {"id": app.user.id }) }}';
-        var urlDelete = '';
-        var idObject = null;
-        var typeObject = null;
-        var videoExist = false;
-        var mediaDefaultUrl = '{{ path("media_default") }}';
-        var idUser = '{{ app.user.id }}';
-        var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
-    </script>
-    <script src="{{ asset('/js/mediaListing.js') }}"></script>
-    <script src="{{ asset('/js/dropzone.js') }}"></script>
+{{ parent() }}
+<script type="text/javascript">
+    var urlDropzone = '{{ path("upload_media_default", {"id": app.user.id }) }}';
+    var urlDelete = '';
+    var idObject = null;
+    var typeObject = null;
+    var videoExist = false;
+    var mediaDefaultUrl = '{{ path("media_default") }}';
+    var idUser = '{{ app.user.id }}';
+    var mediaEditTitleUrl = "{{ path('media_edit_title', {'id': 'id_video'})|escape('js') }}";
+</script>
+<script src="{{ asset('/js/mediaListing.js') }}"></script>
+<script src="{{ asset('/js/dropzone.js') }}"></script>
 {% endblock %}

volume/www/website/www/app/Resources/views/profile/form_logo.html.twig

@@ -3,22 +3,18 @@
         <div class="errors"></div>
     </div>
 </div>
+
 <div id="profile_picture_upload">
-    {{ form_start(form, { 'action': path('profile_logo'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
-     <div class="col s6">
-        <label for="profile_logo_file" class="btn btn-default custom-file-upload">
-        <i class="fa fa-cloud-upload"></i> Importer une photo
-        </label>
-        {{ form_widget(form.file) }}
-        {{ form_rest(form) }}
-    </div>
-    <div class="col s6" style="text-align: center;">
-        <div id="preview_profile_picture">
-            <img src="" class="resize-image responsive-img">
-        </div>
-        <button class="hide btn btn-default btn-save-profile-picture" type="submit">
-            <i class="fa fa-floppy-o" aria-hidden="true"></i> Sauvegarder
-        </button>
-    </div>
-    {{ form_end(form) }}
+    {{ form_start(formLogo, { 'action': path('profile_logo'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
+
+
+
+    <div class="input-group">
+   {{ form_widget(formLogo.file) }}
+        {{ form_rest(formLogo) }}
+        <button aria-label="" type="button" class="btn btn-outline-primary btn-lg" onclick="profile_logo_file.click()">Choisir votre logo</button>
+        <button class="btn btn-primary btn-lg"  type="submit" id="inputGroupFileAddon04">Valider le logo</button>
+</div>
+    
+    {{ form_end(formLogo) }}
 </div>

volume/www/website/www/app/config/config.yml

@@ -80,7 +80,7 @@ twig:
     globals:
         push_public_key: "%push_params.public_key%" 
         fairlane_cookie_consent: '@fairlane_cookie_consent.twig'
-        version: '2.5.1'
+        version: '2.7.1'
 
     
 

volume/www/website/www/src/AppBundle/Controller/Admin/AnswerController.php

@@ -159,6 +159,16 @@ class AnswerController extends AbstractController
                             // But if that werent't the case, its value should have been tested
                             // before assigning it to $responseTemp
                             $responseTemp = $answer->getUser()->getFirstname();
+                            if($answer->getUser()->getCompany()){
+                                if($answer->getUser()->getCompany()->getCv()){
+                                    if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                                        $cheminCv = "../../../../../uploads/cv/";
+                                    }else{
+                                        $cheminCv = "../../../../uploads/cv/";
+                                    }
+                                    $responseTemp .= "<br> <a target='_blank' href='".$cheminCv.$answer->getUser()->getCompany()->getCv()."'>Lien vers le CV papier</a>";
+                                }     
+                            }
                             break;
                         }
                     
@@ -206,7 +216,12 @@ class AnswerController extends AbstractController
                     }
                     case 'status':
                         {
-                            $responseTemp = "<span id='status_".$answer->getId()."'> ".$answer->getstatus()."</span> ";
+                            if($answer->getstatus()=="SENDED"){
+                                $status= "ENVOYE";
+                            }else{
+                                $status=$answer->getstatus();
+                            }
+                            $responseTemp = "<span id='status_".$answer->getId()."'> ".$status."</span> ";
                             
     
                             break;

volume/www/website/www/src/AppBundle/Controller/Admin/MediaController.php

@@ -24,10 +24,15 @@ class MediaController extends Controller
     public function adminVideoModerationListAction()
     {
         $em = $this->getDoctrine()->getManager();
-        $medias = $em->getRepository('AppBundle:Media')->findByStatus('TO_MODERATE');
-
+        $medias = $em->getRepository('AppBundle:Media')->getMedias();
+        if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+            $chemin="../../../../uploads/videos/";
+        }else{
+            $chemin="../../../uploads/videos/";
+        }
         return $this->render('admin/media_list_moderation.html.twig', array(
             'medias' => $medias,
+            'chemin' => $chemin,
         ));
     }
 

volume/www/website/www/src/AppBundle/Controller/AnswerController.php

@@ -271,42 +271,37 @@ class AnswerController extends Controller
      */
     public function talentCreateSpontaneaousAction(Request $request, Company $company)
     {
-        $securityContext = $this->container->get('security.authorization_checker');
-        if (!$securityContext->isGranted('IS_AUTHENTICATED_FULLY')) {
-            $this->createAnonymousUser();
-        }
-        $em = $this->getDoctrine()->getManager();
-        $existAnswer = $em->getRepository('AppBundle:Answer')->findOneBy(array('user' => $this->getUser(), 'company' => $company));
-        if ($existAnswer) {
-            if ($existAnswer->getStatus() == "SENDED") {
-                $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
-                $em->persist($answer);
-                $em->flush();
-            } else {
-                $answer = $existAnswer;
-            }
-        } else {
-            $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
-            $em->persist($answer);
-            $em->flush();
-        }
-        $em->persist($answer);
-        $em->flush();
-        $user = $this->getUser();
-        $mustLogin = false;
-        if (!$user->hasRole('ROLE_TALENT')) {
-            $mustLogin = true;
-        }
-        $route_videotheque = $this->generateUrl("answer_create_company_step2", array('id' => $company->getId(), 'type' => 'videotheque'));
-        $this->get('twig')->addGlobal('destination_login', $route_videotheque);
+        // $securityContext = $this->container->get('security.authorization_checker');
+        // if (!$securityContext->isGranted('IS_AUTHENTICATED_FULLY')) {
+        //     $this->createAnonymousUser();
+        // }
+        // $em = $this->getDoctrine()->getManager();
+        // $existAnswer = $em->getRepository('AppBundle:Answer')->findOneBy(array('user' => $this->getUser(), 'company' => $company));
+        // if ($existAnswer) {
+        //     if ($existAnswer->getStatus() == "SENDED") {
+        //         $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
+        //         $em->persist($answer);
+        //         $em->flush();
+        //     } else {
+        //         $answer = $existAnswer;
+        //     }
+        // } else {
+        //     $answer = new Answer($this->getUser(), null, 'DRAFT', $company);
+        //     $em->persist($answer);
+        //     $em->flush();
+        // }
+        // $em->persist($answer);
+        // $em->flush();
+        // $user = $this->getUser();
+        // $mustLogin = false;
+        // if (!$user->hasRole('ROLE_TALENT')) {
+        //     $mustLogin = true;
+        // }
+        // $route_videotheque = $this->generateUrl("answer_create_company_step2", array('id' => $company->getId(), 'type' => 'videotheque'));
+        // $this->get('twig')->addGlobal('destination_login', $route_videotheque);
 
-        return $this->render('answer/answer_create_step1.html.twig', array(
-            'typeObject' => 'Company',
-            'answer' => $answer,
-            'object' => $company,
-            'mustLogin' => $mustLogin,
-            'route_videotheque' => $route_videotheque,
-        ));
+        return $this->render('answer/answer_create_step1.html.twig'
+        );
     }
 
     /**
@@ -386,7 +381,7 @@ class AnswerController extends Controller
         if ($form->isSubmitted() && $form->isValid()) {
             $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
             // $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
-            $contactMail = $user->getEmail();
+            $contactMail = $answer->getUser()->getEmail();
             if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
                 $contactMail = "dev@talentstube.com";
             }

volume/www/website/www/src/AppBundle/Controller/Api/AnswerController.php

@@ -173,34 +173,44 @@ class AnswerController extends FOSRestController
                     
                     $mailManager = $this->get('app.mail_manager');
                     foreach ($usersCompany as $user){
-                        $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+                        $mj = new Client("355697fac93fca865660734b4fdffaeb", "ddecf75321ca89c09e561857b13534c8");
                         $link = $this->generateUrl('company_answer_show', array('id' => $answer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
                         $contactMail = $user->getEmail();
                         if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
                             $contactMail = "dev@talentstube.com";
+
+                        }else{
+                            // $complSubject="";
+                            // if($user->getEmail()){
+                            //     $complSubject=$user->getEmail();
+                            // }
+                            if($answer->getUser()){
+                                $body = [
+                                    'FromEmail' => "noreply@talentstube.io",
+                                    'FromName' => "Talents Tube",
+                                    // 'To' => $contactMail,
+                                    'Subject' => "Une nouvelle candidature reçue sur Talents Tube ",
+                                    'MJ-TemplateID' =>2297838 ,
+                                    'MJ-TemplateLanguage' => true,
+                                    'Recipients' => [
+                                        [
+                                            'Email' => $contactMail,
+                                            'Name' => $user->getLastname(), 
+                                            'Vars' => [
+                                                'prenomRecruteur' => $user->getFirstname(),
+                                                'nomRecruteur' => $user->getLastname(),
+                                                'prenom' => $answer->getUser()->getFirstname(),
+                                                'nom' => $answer->getUser()->getLastname(),
+                                                'urlCandidature' => $link,
+                                            ]
+                                        ]
+                                    ],
+                                    
+                                ];
+                                $response = $mj->post(Resources::$Email, ['body' => $body]);
+                                $response->success() ;
+                            }
                         }
-                        $body = [
-                            'FromEmail' => "noreply@talentstube.io",
-                            'FromName' => "Talents Tube",
-                            'Subject' => "Une nouvelle candidature reçue sur Talents Tube",
-                            'MJ-TemplateID' =>2164146 ,
-                            'MJ-TemplateLanguage' => true,
-                            'Recipients' => [
-                                [
-                                    'Email' => $contactMail, 
-                                    'Vars' => [
-                                        'prenomRecruteur' => $user->getFirstname(),
-                                        'nomRecruteur' => $user->getLastname(),
-                                        'prenom' => $answer->getUser()->getFirstname(),
-                                        'nom' => $answer->getUser()->getLastname(),
-                                        'imgCandidature' => $img,
-                                        'urlCandidature' => $link,
-                                    ]
-                                ]
-                            ]
-                        ];
-                        $response = $mj->post(Resources::$Email, ['body' => $body]);
-                        $response->success() && var_dump($response->getData());
 
                         
                         // $mailManager->sendMail(

volume/www/website/www/src/AppBundle/Controller/Api/CompanyController.php

@@ -18,6 +18,12 @@ use JMS\Serializer\SerializationContext;
 use Symfony\Component\HttpFoundation\JsonResponse;
 use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
 use Symfony\Component\HttpFoundation\Request;
+//MAILJET
+use AppBundle\Entity\Mailjet;
+// use AppBundle\Entity\Response;
+use AppBundle\Entity\Resources;
+use AppBundle\Entity\Config;
+use AppBundle\Entity\Client;
 
 class CompanyController extends FOSRestController
 {
@@ -111,7 +117,7 @@ class CompanyController extends FOSRestController
     /**
      * @Rest\Get(path="/api/getAppelationsMetier", name="api_getAppelationsMetier")
      * @Rest\View
-     * Récupérer des appelations à partir d'un métier (code ROME)
+     * Récupérer des appelations pole emploi à partir d'un métier (code ROME)
      */
     public function getAppelationsMetierAction(Request $request)
     {
@@ -162,7 +168,7 @@ class CompanyController extends FOSRestController
     /**
      * @Rest\Get(path="/api/getAppelationsLibelle", name="api_getAppelationsLibelle")
      * @Rest\View
-     * Récupérer des appelations à partir d'un libellé
+     * Récupérer des appelations pole emploi à partir d'un libellé
      */
     public function getAppelationsLibelleAction(Request $request)
     {
@@ -214,7 +220,7 @@ class CompanyController extends FOSRestController
     /**
      * @Rest\Get(path="/api/getDetailAppelation", name="api_getDetailAppelation")
      * @Rest\View
-     * Récupérer le détail d'une appelation
+     * Récupérer le détail d'une appelation pole meploi
      */
     public function getDetailAppelationAction(Request $request)
     {
@@ -328,6 +334,57 @@ class CompanyController extends FOSRestController
          return new JsonResponse($response, 200, [], true);
     }
 
+
+    /**
+     * @Rest\Get(path="/api/demanderRdv", name="api_demanderRdv")
+     * @Rest\View
+     */
+    public function demanderRdvAction(Request $request)
+    {
+        //APPEL  de l'api Pole emploi pour recuperer Token
+        $nom=$request->query->get('nom');
+        $prenom=$request->query->get('prenom');
+        $email=$request->query->get('email');
+        $telephone=$request->query->get('telephone');
+        $page=$request->query->get('page');
+        if(isset($_SERVER['HTTP_REFERER'])) {
+            $previous = $_SERVER['HTTP_REFERER']." / ".$_SERVER['REQUEST_URI'];
+        }
+        
+        $mj = new Client($this->getParameter('mailjet_public'), $this->getParameter('mailjet_private'));
+            // $link = $this->generateUrl('company_answer_show', array('id' => $existAnswer->getId()), UrlGeneratorInterface::ABSOLUTE_URL);
+            $contactMail = "contact@talentstube.com";
+            if ($this->container->get( 'kernel' )->getEnvironment()  == "dev") {
+                $contactMail = "dev@talentstube.com";
+            }
+            $body = [
+                'FromEmail' => "noreply@talentstube.io",
+                'FromName' => "Talents Tube",
+                'Subject' => "Demande de rdv ",
+                'MJ-TemplateID' =>2383497 ,
+                'MJ-TemplateLanguage' => true,
+                'Recipients' => [
+                    [
+                        'Email' => $contactMail, 
+                        'Vars' => [
+                            'prenom' => $prenom,
+                            'nom' => $nom,
+                            'email' => $email,
+                            'telephone' => $telephone,
+                            'page' => $page,
+                            'precedent' => $previous
+                        ]
+                    ]
+                ]
+            ];
+            $response = $mj->post(Resources::$Email, ['body' => $body]);
+         
+
+            return new JsonResponse(array('retour' => "true"));
+    }
+
+
+
     /**
      * @Rest\Get("/api/companies", name="api_company_list")
      * @Rest\QueryParam(

volume/www/website/www/src/AppBundle/Controller/Api/SecurityController.php

@@ -100,6 +100,7 @@ class SecurityController extends FOSRestController
           $alias = $slugService->slugify($user->getId() . "-" . $user->getFirstname() . "-" . $user->getLastname());
           $company->setAlias($alias);
           $company->setType("TALENT");
+          $company->setDescription("Annonce consultée : ".$adId);
           $user->setCompany($company);
           $userManager->updateUser($user);
         }
@@ -164,6 +165,21 @@ class SecurityController extends FOSRestController
         $countryTalent = "";
       }
       $titleTalent = htmlspecialchars($request->get('currentJob'));
+     
+      $geoloc = htmlspecialchars($request->get('geoloc'));
+      $street_number = htmlspecialchars($request->get('street_number'));
+      $route = htmlspecialchars($request->get('route'));
+      $locality = htmlspecialchars($request->get('locality'));
+      $administrative_area_level_2 = htmlspecialchars($request->get('administrative_area_level_2'));
+      $administrative_area_level_1 = htmlspecialchars($request->get('administrative_area_level_1'));
+      $country = htmlspecialchars($request->get('country'));
+      $postal_code = htmlspecialchars($request->get('postal_code'));
+      $formatted_address =  str_replace('"', '', $request->get('formatted_address'));
+      $lat = stripslashes($request->get('lat'));
+      $lng = stripslashes($request->get('lng'));
+
+//
+
       $newLinkedin = htmlspecialchars($request->get('linkedin'));
       $newTwitter = htmlspecialchars($request->get('twitter'));
       $newWebsite = htmlspecialchars($request->get('website'));
@@ -180,6 +196,26 @@ class SecurityController extends FOSRestController
           $talent->setLinkedin($newLinkedin);
           $talent->setTwitter($newTwitter);
           $talent->setTitleTalent($titleTalent);
+          $array = Array ();
+        
+          // \"$formatted_address
+          if($formatted_address!=""){
+            $array[] =  Array (
+              "street_number" => $street_number,
+              "route" => $route,
+              "administrative_area_level_2" => $administrative_area_level_2,
+              "administrative_area_level_1" => $administrative_area_level_1,
+              "country" => $country,
+              "locality" => $locality,
+              "postal_code" => $postal_code,
+              "formatted_address" => $formatted_address,
+              "lat" =>  stripslashes($lat),
+              "lng" =>  stripslashes($lng)
+            );
+             
+           $usr->setGeoloc($array);
+          }
+          
           $talent->setPhoneTalent($phoneTalent);
           //$talent->setPhoneTalent($phoneTalent);
           $billing = array(
@@ -194,7 +230,7 @@ class SecurityController extends FOSRestController
 
           $companyManager->updateTalent($usr);
 
-          $status = array('status' => "success");
+          $status = array('status' => "success!!!!!!!!!!!!!!!!!!");
       }
     } else {
         $status = array('status' => "failure", 'message' => "Vous n'êtes pas connecté.");

volume/www/website/www/src/AppBundle/Controller/CompanyController.php

@@ -6,6 +6,7 @@ use AppBundle\Entity\Company;
 use AppBundle\Entity\User;
 use AppBundle\Form\AdSearchType;
 use AppBundle\Form\CompanyProfileType;
+use AppBundle\Form\ProfileLogoType;
 use AppBundle\Form\UserType;
 use AppBundle\Form\UserTypeCreate;
 use Edeclic\PrestashopBridgeBundle\Event\PrestashopBridgeEvents;
@@ -36,9 +37,27 @@ class CompanyController extends Controller
         $stats = $this->get("app.stats_manager");
         $em = $this->getDoctrine()->getManager();
         $ads = $em->getRepository('AppBundle:Ad')->findBy(array('company' => $this->getUser()->getCompany()));
+        $arrayDate['dateBegin'] = new \DateTime('now -7 Day');
+        $arrayDate['dateEnd'] = new \DateTime('now');
+        $records7days = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), $arrayDate);
+        //dump($records7days);
+        $arrayDate['dateBegin'] = new \DateTime('now -30 Day');
+        $records30days = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), $arrayDate); 
+        //dump($records30days);
         $records = $stats->getCompanyDashboard($this->getUser()->getCompany()->getId(), null);
+        //dump($records);
+        $answersSended = $em->getRepository('AppBundle:Answer')->getAnswerByCompanyStatus($this->getUser()->getCompany()->getId(), 'SENDED');
+        $answersDraft = $em->getRepository('AppBundle:Answer')->getAnswerByCompanyStatus($this->getUser()->getCompany()->getId(), 'DRAFT');
+        $nbAnswersSended =count($answersSended);
+        $nbAnswersDraft =count($answersDraft);
+        
         return $this->render('company/dashboard.html.twig', [
             'ads' => $ads,
+            'records7days' => $records7days,
+            'records30days' => $records30days,
+            'records' => $records,
+            'nbAnswersSended' => $nbAnswersSended,
+            'nbAnswersDraft' => $nbAnswersDraft,
             'arrayByAds' => $records['arrayByAds'],
         ]);
     }
@@ -83,15 +102,36 @@ class CompanyController extends Controller
         if ($form->isSubmitted() && $form->isValid()) {
             $companyManager = $this->get('app.company_manager');
             $companyManager->updateCompany($company);
-            $event = new UserEvent($user);
-            $this->get('event_dispatcher')->dispatch(PrestashopBridgeEvents::USER_PROFIL_EDIT_SUCCESS, $event);
+            //$event = new UserEvent($user);
+            //$this->get('event_dispatcher')->dispatch(PrestashopBridgeEvents::USER_PROFIL_EDIT_SUCCESS, $event);
+            
             $this->addFlash(
                 'notice',
                 $this->get('translator')->trans('company.profile.save.title')
             );
         }
+
+
+   
+        $formMedia = $this->createForm(ProfileLogoType::class, $company);
+        $formMedia->handleRequest($request);
+        if ($formMedia->isSubmitted() && $formMedia->isValid()) {
+            $companyManager = $this->get('app.company_manager');
+            $companyManager->updateLogo($company);
+            
+            $this->addFlash(
+                'notice',
+                $this->get('translator')->trans('Le logo de votre entreprise a bien été modifié')
+            );
+            
+        }
+
+
+
         return $this->render('company/profile.html.twig', [
+            'company'=>$company,
             'form' => $form->createView(),
+            'formMedia' => $formMedia->createView(),
         ]);
     }
 

volume/www/website/www/src/AppBundle/Controller/DefaultController.php

@@ -401,6 +401,31 @@ class DefaultController extends Controller
         //return $this->render('page_static/video_territoire.html.twig');
         return $this->render('page_static/accompagnement_video_territoire.html.twig');
     }
+
+    /**
+     * @Route("/offre-emploi-originale", name="offre_emploi_originale")
+     */
+    public function landingAction()
+    {
+        $previous="";
+        if(isset($_SERVER['HTTP_REFERER'])) {
+            $previous = $_SERVER['HTTP_REFERER']." / ".$_SERVER['REQUEST_URI'];
+        }
+        //return $this->render('page_static/marque_employeur.html.twig');
+        //return $this->render('page_static/offre_emploi.html.twig');
+        //return $this->render('page_static/accompagnement_video_company.html.twig');
+        //return $this->render('page_static/reussir_video_company.html.twig');
+        //return $this->render('page_static/accompagnement_video_talent.html.twig');
+        //return $this->render('page_static/cvvideo.html.twig');
+        //return $this->render('page_static/reussir_video_talent.html.twig');
+        //return $this->render('page_static/video_territoire.html.twig');
+        return $this->render('landing/offreEmploiOriginal.html.twig',  [
+            'previous'     => $previous,
+            
+        ]);
+    }
+
+
     /**
      * @param Request $request
      *

volume/www/website/www/src/AppBundle/Controller/MediaController.php

@@ -36,6 +36,7 @@ class MediaController extends Controller
     public function companyMediaAction(Request $request)
     {
         $event = new UserEvent($this->getUser());
+        $company = $this->getUser()->getCompany();
         $this->get('event_dispatcher')->dispatch(PrestashopBridgeEvents::USER_PROD_UPDATE, $event);
         $em = $this->getDoctrine()->getManager();
         $medias = $em->getRepository('AppBundle:Media')->findBy(array('creator' => $this->getUser()));
@@ -48,8 +49,10 @@ class MediaController extends Controller
             $media->setTitle($title);
             $em->persist($media);
             $em->flush();
-
-            return $this->redirectToRoute('company_ad');
+            $company->setPresentationVideo($media);
+            $em->persist($company);
+            $em->flush();
+            return $this->redirectToRoute('company_marque');
         }
 
         return $this->render('media/media_list.html.twig', array(
@@ -111,9 +114,9 @@ class MediaController extends Controller
         ]);
     }
     public function convertKekab($string){
-        $search  = array('À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'à', 'á', 'â', 'ã', 'ä', 'å', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ð', 'ò', 'ó', 'ô', 'õ', 'ö', 'ù', 'ú', 'û', 'ü', 'ý', 'ÿ');
+        $search  = array('À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'à', 'á', 'â', 'ã', 'ä', 'å', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ð', 'ò', 'ó', 'ô', 'õ', 'ö', 'ù', 'ú', 'û', 'ü', 'ý', 'ÿ', "/");
 			//Préférez str_replace à strtr car strtr travaille directement sur les octets, ce qui pose problème en UTF-8
-		$replace = array('A', 'A', 'A', 'A', 'A', 'A', 'C', 'E', 'E', 'E', 'E', 'I', 'I', 'I', 'I', 'O', 'O', 'O', 'O', 'O', 'U', 'U', 'U', 'U', 'Y', 'a', 'a', 'a', 'a', 'a', 'a', 'c', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'o', 'o', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'u', 'y', 'y');
+		$replace = array('A', 'A', 'A', 'A', 'A', 'A', 'C', 'E', 'E', 'E', 'E', 'I', 'I', 'I', 'I', 'O', 'O', 'O', 'O', 'O', 'U', 'U', 'U', 'U', 'Y', 'a', 'a', 'a', 'a', 'a', 'a', 'c', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'o', 'o', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'u', 'y', 'y', "s");
 
 		$string = str_replace($search, $replace, $string);
         $string = strtolower (str_replace(" ", "-", $string));
@@ -324,7 +327,7 @@ class MediaController extends Controller
                 ];
                 $response = $mj->post(Resources::$Email, ['body' => $body]);
                 $response->success() && var_dump($response->getData()); 
-            $message="Talents Tube a bien reçu vos séquences vidéos. Nous vous recontacterons par email pour finaliser la publication de votre annonce.";
+            $message="Talents Tube a bien reçu vos séquences vidéo. Nous vous recontacterons par email pour finaliser la publication de votre annonce.";
         }
 
         return $this->render('company/createMedia.html.twig', array(
@@ -529,10 +532,10 @@ class MediaController extends Controller
                 'notice',
                 $this->get('translator')->trans('Le logo de votre entreprise a bien été modifié')
             );
-            return $this->redirect($this->generateUrl('company_dashboard'));
+            return $this->redirect($this->generateUrl('company_profile'));
         }
         return $this->render('profile/form_logo.html.twig', [
-            'form' => $form->createView(),
+            'formLogo' => $form->createView(),
         ]);
     }
 

volume/www/website/www/src/AppBundle/Entity/User.php

@@ -80,6 +80,15 @@ class User extends BaseUser
      */
     private $status;
 
+
+    /**
+     * @var array
+     *
+     * @ORM\Column(name="geoloc", type="json_document", nullable=true, options={"jsonb":true})
+     * @Groups({"ad_detail", "ad_list", "answer_detail", "company_detail"})
+     */
+    private $geoloc;
+
     /**
      * @ORM\ManyToOne(targetEntity="AppBundle\Entity\Company", inversedBy="users", cascade={"persist"})
      */
@@ -407,6 +416,8 @@ class User extends BaseUser
             $linkedin="";
             $twitter="";
             if($this->getCompany()->getExtra()){
+                //19/01 j'ai eneleve le initExtra de ExtraJsonTrait
+                $this->getCompany()->initExtra();
                 if(array_key_exists("phoneTalent", $this->getCompany()->getExtra())){
                     if($this->getCompany()->getExtra()["phoneTalent"]){
                         $phone= $this->getCompany()->getExtra()["phoneTalent"];
@@ -449,6 +460,7 @@ class User extends BaseUser
             "country" => $country,
             "type" => $type,
             "currentJob" => $this->getCompany()->getExtra()["titleTalent"],
+            "geoloc" => $this->getGeoloc(),
             "website" => $this->getCompany()->getWebsite(),
         );
         return $card;
@@ -615,6 +627,32 @@ class User extends BaseUser
         return $this->status;
     }
 
+
+    /**
+     * Set Geoloc.
+     *
+     * @param json_document|null $geoloc
+     *
+     * @return User
+     */
+    public function setGeoloc($geoloc = null)
+    {
+        $this->geoloc = $geoloc;
+        return $this;
+    }
+
+    /**
+     * Get geoloc.
+     *
+     * @return json_document|null
+     */
+    public function getGeoloc()
+    {
+        //19/01 : modif pour size et siren cote Symfony. Effet sur la web app?
+        //$this->initExtra();
+        return $this->geoloc;
+    }
+
     /**
      * Set facebookId.
      *

volume/www/website/www/src/AppBundle/Form/AdSoftType.php

@@ -82,15 +82,15 @@ class AdSoftType extends AbstractType
                 'label' => 'Description du poste',
                 'attr' => array(
                     'class' => 'materialize-textarea',
-                    'placeholder' => 'Décrire votre annonce',
-                    'class' => 'form-control'
+                    'placeholder' => 'Décrire le poste, les missions, le profil recherché...',
+                    'class' => 'form-control',
+                    'style' => 'min-height:250px;'
                 )
             ))
             ->add('beneficiaire', TextType::class, array(
-                'label' => 'Organisation cliente (facultatif)',
+                'label' => "Nom de l'organisation",
                 'required' => false,
                 'attr' => array(
-                    'placeholder' => 'Indiquer une organisation',
                     'class' => 'form-control'
                 )
             ))
@@ -110,6 +110,7 @@ class AdSoftType extends AbstractType
                 'attr' => array(
                     'class' => 'form-control',
                     //'data-init-plugin' => 'cs-select'
+                    
                 )
             ))
             ->add('duree_contrat', IntegerType::class, array(
@@ -190,25 +191,13 @@ class AdSoftType extends AbstractType
                     
                 )
             ))
-            ->add('status', ChoiceType::class, array(
+            ->add('status', HiddenType::class, array(
                 'label' =>'Statut',
-                'choices' => array(
-                    'Brouillon' => 'DRAFT',
-                    'A publier (Validation par Talents Tube)' => 'TO_PUBLISH',
-                ),
                 'attr' => array(
                     'class' => 'form-control',
+                    'value' => 'TO_PUBLISH',
                 )
-
             ))
-            ->add('publicTag', TextType::class, array(
-                'label' => 'profile.company.tags',
-                'data' => $publicTags,
-                'attr' => array(
-                    'class' => 'tag label label-info'
-                    )
-                )
-            )
             ->add('competences', HiddenType::class, array(
                 'mapped' => false,
                 'label' => 'competences',

volume/www/website/www/src/AppBundle/Form/AdType.php

@@ -71,22 +71,21 @@ class AdType extends AbstractType
             ->add('reference', TextType::class, array(
                 'label' => 'Référence de l\'annonce',
                 'attr' => array(
-                    'placeholder' => 'Indiquer une référence',
+                    'placeholder' => 'Ex : OFFRE_521',
                     'class' => 'form-control'
                 )
             ))
             ->add('title', TextType::class, array(
                 'label' => 'Intitulé du poste',
                 'attr' => array(
-                    'placeholder' => 'Indiquer un titre',
+                    'placeholder' => 'Ex : Commercial (H/F)',
                     'class' => 'form-control'
                 )
             ))
             ->add('beneficiaire', TextType::class, array(
-                'label' => 'Organisation cliente (facultatif) ',
+                'label' => "Nom de l'organisation",
                 'required' => false,
                 'attr' => array(
-                    'placeholder' => 'Indiquer une organisation',
                     'class' => 'form-control'
                 )
             ))
@@ -106,13 +105,14 @@ class AdType extends AbstractType
                 'label' => 'Description du poste',
                 'attr' => array(
                     'class' => 'materialize-textarea',
-                    'placeholder' => 'Décrire votre annonce',
-                    'class' => 'form-control'
+                    'placeholder' => 'Décrire le poste, les missions, le profil recherché...',
+                    'class' => 'form-control',
+                    'style' => 'min-height:250px;'
                 )
             ))
             ->add('contract_type', ChoiceType::class, array(
                 'mapped' => false,
-                'label' => 'Type de contrat:',
+                'label' => 'Type de contrat',
                 'data' => $contract_type,
                 'choices'  => array(
                     'CDI' => 'CDI',
@@ -206,27 +206,6 @@ class AdType extends AbstractType
                     //'data-init-plugin' => 'cs-select'
                 )
             ))
-            ->add('publicTag', TextType::class, array(
-                'label' => 'profile.company.tags',
-                'data' => $publicTags,
-                'attr' => array(
-                    'value' => $publicTags,
-                    'class' => 'tag label label-info',
-                    'data-role'=>"tagsinput" 
-
-                )
-            ))
-            ->add('status', ChoiceType::class, array(
-                'label' =>'Statut',
-                'choices' => array(
-                    'Brouillon' => 'DRAFT',
-                    'A publier (Validation par Talents Tube)' => 'TO_PUBLISH',
-                ),
-                'attr' => array(
-                    'class' => 'form-control',
-                )
-
-            ))
             ->add('competences', HiddenType::class, array(
                 'mapped' => false,
                 'label' =>'Compétences',

volume/www/website/www/src/AppBundle/Form/Admin/AdType.php

@@ -75,13 +75,13 @@ class AdType extends AbstractType
                     'class' => 'form-control'
                 )
             ))
-            ->add('publicTag', TextType::class, array(
-                'label' => 'Tags de l\'annonce (séparés par une virgules)',
-                'data' => $publicTags,
-                'attr' => array(
-                    'class' => 'form-control'
-                )
-            ))
+            // ->add('publicTag', TextType::class, array(
+            //     'label' => 'Tags de l\'annonce (séparés par une virgules)',
+            //     'data' => $publicTags,
+            //     'attr' => array(
+            //         'class' => 'form-control'
+            //     )
+            // ))
             ->add('status', ChoiceType::class, array(
                 'label' =>'Statut',
                 'choices' => array(

volume/www/website/www/src/AppBundle/Form/CompanyProfileType.php

@@ -45,7 +45,8 @@ class CompanyProfileType extends AbstractType
             ->add('description', TextareaType::class, array(
                 'label' => 'profile.company.description',
                 'attr' => array(
-                    'class' => 'form-control'
+                    'class' => 'form-control',
+                    'style'=>"min-height:250px;"
                 )
             ))
             ->add('website', UrlType::class, array(
@@ -117,15 +118,15 @@ class CompanyProfileType extends AbstractType
                 )
             ));
         //Tags field
-        $builder
-            ->add('tagsComma', TextType::class, array(
-                'label' => 'profile.company.tags',
-                'attr' => array(
-                    'data-role'=>"materialtags",
-                    'placeholder' => 'Insérez une virgule ou appuyez sur ENTRÉE pour séparer vos mots-clés.',
-                    'class' => 'form-control'
-                )
-            ));
+        // $builder
+        //     ->add('tagsComma', TextType::class, array(
+        //         'label' => 'profile.company.tags',
+        //         'attr' => array(
+        //             'data-role'=>"materialtags",
+        //             'placeholder' => 'Insérez une virgule ou appuyez sur ENTRÉE pour séparer vos mots-clés.',
+        //             'class' => 'form-control'
+        //         )
+        //     ));
         // File fields
         /*$builder
             ->add('file', FileType::class, array(

volume/www/website/www/src/AppBundle/Form/ProfileLogoType.php

@@ -15,6 +15,7 @@ namespace AppBundle\Form;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Form\Extension\Core\Type\FileType;
+use Symfony\Component\Validator\Constraints\File;
 
 class ProfileLogoType extends AbstractType
 {
@@ -22,11 +23,24 @@ class ProfileLogoType extends AbstractType
     {
         $builder
             ->add('file', FileType::class, array(
-                'label' => 'Logo de votre entreprise',
+                'label' => ' ',
                 'required' => false,
+                
                 'attr' => array(
-                    'class' => 'file-path validate'
-                )
+                    'accept' => "image/x-png,image/gif,image/jpeg",
+                    // 'style' => 'display: none;',
+                ),
+                'constraints' => [
+                    new File([
+                        'maxSize' => '5120k',
+                        'mimeTypes' => [
+                            'image/jpg',
+                            'image/jpeg',
+                            'image/png',
+                        ],
+                        'mimeTypesMessage' => 'Votre fichier doit être un fichier image',
+                    ])
+                ],
             ));
     }
 }

volume/www/website/www/src/AppBundle/Repository/AnswerRepository.php

@@ -113,6 +113,26 @@ class AnswerRepository extends AbstractRepository
             ->getResult();
     }
 
+    public function getAnswerByCompanyStatus($id, $status)
+    {
+        $qb = $this
+            ->createQueryBuilder('a')
+            ->select('a')
+            ->where('a.ad IN (
+            SELECT p.id
+            FROM AppBundle:Ad p
+            WHERE p.company = :id
+            )')
+            ->setParameter(':id', $id)
+            ->andWhere('a.status = :status')
+            ->setParameter(':status', $status)
+            ->orderBy('a.uTime','DESC');
+
+        return $qb
+            ->getQuery()
+            ->getResult();
+    }
+
 
     public function getAnswerByAdsShare( $adId)
     {
@@ -318,4 +338,26 @@ class AnswerRepository extends AbstractRepository
             "countResult"	=> $countResult
         );
     }
+
+    public function getMedias()
+    {
+        $qb = $this
+            ->createQueryBuilder('a')
+            ->select(['a','video'])
+            ->leftJoin('a.video', 'video')
+            ->andWhere('video.status = :status')
+            ->setParameter(':status', "TO_MODERATE")
+            ->orderBy('video.id', 'DESC');
+
+        
+        $medias = $qb->getQuery()->getResult();
+
+
+
+
+
+       
+        
+        return $medias;
+    }
 }

volume/www/website/www/src/AppBundle/Repository/MediaRepository.php

@@ -2,12 +2,45 @@
 
 namespace AppBundle\Repository;
 
+use Doctrine\ORM\EntityRepository;
+
 /**
  * MediaRepository
  *
  * This class was generated by the Doctrine ORM. Add your own custom
  * repository methods below.
  */
-class MediaRepository extends \Doctrine\ORM\EntityRepository
+class MediaRepository extends AbstractRepository
 {
+    public function getMedias()
+    {
+        $qb = $this
+            ->createQueryBuilder('m')
+            ->andWhere('m.status = :status')
+            ->setParameter(':status', "TO_MODERATE")
+            ->orderBy('m.id', 'DESC');
+
+        
+        $medias = $qb->getQuery()->getResult();
+        $rawSql = "SELECT m.id as mediaid, m.title as title, m.original_url as original_url , u.* , a.id as answerId, a.send_time as sendtime, ad.title as adTitle, c.brand_name as cTitle 
+        FROM media AS m 
+        JOIN fos_user AS u ON (u.id=m.creator_id)
+        LEFT JOIN answer AS a ON (a.video_id=m.id) 
+        LEFT JOIN ad AS ad ON (ad.id=a.ad_id)
+        LEFT JOIN company AS c ON (c.id=a.company_id)   
+        WHERE m.status='TO_MODERATE'
+        ORDER by m.id DESC";
+
+        $stmt = $this->getEntityManager()->getConnection()->prepare($rawSql);
+        $stmt->execute([]);
+
+    return $stmt->fetchAll();
+
+
+
+
+       
+        
+        //return $medias;
+    }
 }

volume/www/website/www/src/AppBundle/Utils/Services/CompanyManager.php

@@ -77,8 +77,12 @@ class CompanyManager
                 );
             }
 
+            $company->setExtra(null);
+            $this->em->persist($company);
+            $this->em->flush();
             $company->setExtra($extra);
             $company->upload();
+            
             //$company->uploadCv();
         }
         $this->em->persist($company);

volume/www/website/www/src/AppBundle/Utils/Services/MediaManager.php

@@ -64,6 +64,7 @@ class MediaManager
         } else {
             return null;
         }
+        // TODO : THUNBNAIL A OPTIMISER
         if ($video) {
             $arrayThumb = $video->getThumbnails();
             if ($force == true || empty($arrayThumb[0])) {
@@ -84,11 +85,12 @@ class MediaManager
      */
     public function delete($entity)
     {
-        if ($this->env != "dev") {
+        
             $video = $entity;
             if (unlink($this->mediaVideoDir . $video->getOriginalUrl())) {
-                $response = $this->vimeo->request($video->getCdnUrl(), [], 'DELETE');
-            
+                if ($this->env != "dev") {
+                    $response = $this->vimeo->request($video->getCdnUrl(), [], 'DELETE');
+                }
                 $this->em->remove($video);
                 $this->em->flush();
 
@@ -96,9 +98,7 @@ class MediaManager
             } else {
                 return array('success' => "false");
             }
-        } else {
-            return array('success' => "true");
-        }
+        
     }
 
     /**

volume/www/website/www/src/AppBundle/Utils/Traits/ExtraJsonTrait.php

@@ -66,8 +66,8 @@ trait ExtraJsonTrait
      */
     public function getExtra()
     {
-        
-        $this->initExtra();
+        //19/01 : modif pour size et siren cote Symfony. Effet sur la web app?
+        //$this->initExtra();
         return $this->extra;
     }
 

volume/www/website/www/web/dashboard/css/style.css

@@ -3,23 +3,25 @@
 * Override Pages default styles or create your own styles here
 
 */
-.jumbotron h1.large-demo-text{
+.jumbotron h1.large-demo-text {
 	font-size: 150px;
 }
 
-.icon-text-search{
+.icon-text-search {
 	font-size: 42px;
 	width: 150%;
 }
 
-.green{
+.green {
 	background-color: green;
-	
+
 }
-.fondBlanc{
+
+.fondBlanc {
 	background-color: #fff;
-	
+
 }
+
 .circle-letters {
 	margin: 0 auto;
 	width: 170px;
@@ -29,71 +31,182 @@
 	color: #fff;
 	line-height: 170px;
 	text-align: center;
-	background: #155ee4; 
+	background: #155ee4;
 }
 
 .font-2 {
-	font-family: "Varela Round", sans-serif; }
+	font-family: "Varela Round", sans-serif;
+}
 
-	.container-envoi-videos{
-		width:100%;
-		height:auto;
-		border:1px solid #1689FB;
-		border-radius:5px;
-		margin-bottom:30px;
-	}
-	
-	.titre-bloc-envoi-videos{
-		background-color:#1689FB;
-		padding:15px;
-	}
-	
-	.image-envoi-video{
-		display:inline-block;
-		width:60px;
-		height:60px;
-		vertical-align: baseline;
-		margin-right:20px;
-	}
-	
-	.texte-envoi-video{
-		display:inline-block;
-	}
-	
-	.container-envoi-videos h4,.container-envoi-videos h5 {
+.container-envoi-videos {
+	width: 100%;
+	height: auto;
+	border: 1px solid #1689FB;
+	border-radius: 5px;
+	margin-bottom: 30px;
+}
+
+.titre-bloc-envoi-videos {
+	background-color: #1689FB;
+	padding: 15px;
+}
+
+.image-envoi-video {
+	display: inline-block;
+	width: 60px;
+	height: 60px;
+	vertical-align: baseline;
+	margin-right: 20px;
+}
+
+.texte-envoi-video {
+	display: inline-block;
+}
+
+.container-envoi-videos h4,
+.container-envoi-videos h5 {
+	color: #fff;
+}
+
+.container-envoi-videos h4 {
+	font-size: 1.250em;
+}
+
+.container-envoi-videos h5 {
+	font-size: 1em;
+}
+
+.contenu-bloc-envoi-videos {
+	padding: 15px;
+}
+
+.contenu-bloc-envoi-videos p,
+.contenu-bloc-envoi-videos label {
+	color: #000;
+	font-weight: bold;
+	font-size: 1em;
+	margin: 10px 0;
+}
+
+.contenu-bloc-envoi-videos button {
+	display: block;
+	margin: 20px 0;
+}
+
+.contenu-bloc-envoi-videos input {
+	display: block;
+}
+
+.underline {
+	text-decoration: underline;
+
+}
+
+/* .text-card h3, .text-card span, .text-card h4{
 		color:#fff;
 	}
 	
-	.container-envoi-videos h4{
-		font-size:1.250em;
+	.card-background-1{
+		background-color:#25D89A !important;
+		border-radius:3px !important;
+		padding:20px;
+		min-height:180px;
+		
 	}
 	
-	.container-envoi-videos h5{
-		font-size:1em;
+	.card-background-2{
+		background-color:#1689fb !important;
+		border-radius:3px !important;
+		
+		padding:20px;
+		min-height:180px;
 	}
 	
-	.contenu-bloc-envoi-videos{
-		padding:15px;    
+	.card-background-3{
+		background-color:#FF5A5F !important;
+		border-radius:3px !important;
+		padding:20px;
+		min-height:180px;
 	}
 	
-	.contenu-bloc-envoi-videos p, .contenu-bloc-envoi-videos label{
-		color:#000;
-		font-weight: bold;
-		font-size:1em;
-		margin:10px 0;
-	}
-	
-	.contenu-bloc-envoi-videos button{
-		display:block;
-		margin :20px 0;
-	}
-	
-	.contenu-bloc-envoi-videos input{
-		display:block;
-	}
-	
-	.underline{
-		text-decoration : underline;
-	
-	}
-	
+	.vertical-border{
+		border-right: 1px solid white;
+	} */
+
+/********************************************
+Statistiques
+Nombre total de candidatures / 
+*******************************************/
+.text-card {
+	margin-top: 10px;
+}
+
+.text-card a {
+	color: #1689fb;
+}
+
+.vertical-border {
+	border-right: 1px solid #e8e8e9;
+}
+
+.bloc-stats {
+	background-color: white;
+	padding: 1.2em;
+	border-radius: 5px;
+}
+
+/********************************************
+Boutons d'action : Tableau de bord
+Créer une offre d'emploi vidéo / Gérer mes offres d'emploi / Gérer mes candidatures
+*******************************************/
+
+.bloc-tdb .container {
+	background-color: transparent;
+	margin-top: 3em
+}
+
+.card-action {
+	margin-top: 10px;
+	border: none;
+	height: 8em;
+	padding: 1.2em;
+	width: 100%;
+	background-color: #1689fb;
+	text-align: left;
+	border-radius: 20px;
+	cursor: pointer;
+	box-shadow: 0px 2px 5px rgb(30 35 39 / 5%);
+	transition: background-color 0.3s;
+	transition: box-shadow 0.5s;
+}
+
+.card-action:hover {
+	background: #2c94fb;
+}
+
+.card-action span {
+	color: #fff
+}
+
+.card-action a {
+	color: #fff;
+}
+
+.card-action:hover {
+	box-shadow: 0px 6px 16px rgb(30 35 39 / 15%);
+}
+
+.lien-fleche {
+	align-items: center;
+	justify-content: center
+}
+
+.fleche {
+	padding-left: 0;
+	text-align: right;
+}
+
+.fleche-stats {
+	color: #1689fb;
+	text-align: right;
+}

volume/www/website/www/web/js/mediaListing.js

@@ -1,32 +1,33 @@
-var titleConfirmationDelete = "Comfirmation de suppression";
+var titleConfirmationDelete = "Confirmation de suppression";
 var texteConfirmationDelete = "Souhaitez-vous supprimer cette vidéo ?";
 
 $(".delete_unattached_media").click(function(event){
     event.preventDefault();
     parentDiv = $(this).closest('.col');
     var url = $(this).attr('href');
-    $.confirm({
-        title: titleConfirmationDelete,
-        content: texteConfirmationDelete,
-        type: 'red',
-        boxWidth: '30%',
-        useBootstrap: false,
-        buttons: {
-            confirm: {
-                text: 'Confirmer',
-                action: function () {
-                $.get(url, 
-                function(response){
-                    console.log(response);
-                }, "json");
-                parentDiv.fadeOut();
-                }
+    if (window.confirm(texteConfirmationDelete)) {
+        
+        $.ajax({
+            url : url,
+            success : function(code_html, statut){ // success est toujours en place, bien sûr !
+                console.log("SUPPRESSION EFFECTUE");
+                location.reload();
             },
-                cancel: {
-                text: 'Annuler',
+     
+            error : function(resultat, statut, erreur){
+             console.log("SUPPRESSION KO")
             }
-        }
-    });
+     
+         });
+            
+    }
+    
+     
+        
+       
+    
+    
+
     
     return false;
 });

volume/www/website/www/web/landing/css/owl.carousel.css

@@ -0,0 +1,153 @@
+/* 
+ * 	Core Owl Carousel CSS File
+ *	v1.3.3
+ */
+
+/* clearfix */
+.owl-carousel .owl-wrapper:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+}
+/* display none until init */
+.owl-carousel{
+	display: none;
+	position: relative;
+	width: 100%;
+	-ms-touch-action: pan-y;
+}
+.owl-carousel .owl-wrapper{
+	display: none;
+	position: relative;
+	-webkit-transform: translate3d(0px, 0px, 0px);
+}
+.owl-carousel .owl-wrapper-outer{
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.owl-carousel .owl-wrapper-outer.autoHeight{
+	-webkit-transition: height 500ms ease-in-out;
+	-moz-transition: height 500ms ease-in-out;
+	-ms-transition: height 500ms ease-in-out;
+	-o-transition: height 500ms ease-in-out;
+	transition: height 500ms ease-in-out;
+}
+	
+.owl-carousel .owl-item{
+	float: left;
+}
+.owl-controls .owl-page,
+.owl-controls .owl-buttons div{
+	cursor: pointer;
+}
+.owl-controls {
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* mouse grab icon */
+.grabbing { 
+    cursor:url(../img/grabbing.png) 8 8, move;
+}
+
+/* fix */
+.owl-carousel  .owl-wrapper,
+.owl-carousel  .owl-item{
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility:    hidden;
+	-ms-backface-visibility:     hidden;
+  -webkit-transform: translate3d(0,0,0);
+  -moz-transform: translate3d(0,0,0);
+  -ms-transform: translate3d(0,0,0);
+}
+
+/*
+* 	Owl Carousel Owl Demo Theme 
+*	v1.3.3
+*/
+
+.owl-theme .owl-controls{
+	margin-top: 10px;
+	text-align: center;
+}
+
+/* Styling Next and Prev buttons */
+
+.owl-theme .owl-controls .owl-buttons div{
+	color: #FFF;
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+	margin: 5px;
+	padding: 3px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+	background: #869791;
+	filter: Alpha(Opacity=50);/*IE7 fix*/
+	opacity: 0.5;
+}
+/* Clickable class fix problem with hover on touch devices */
+/* Use it for non-touch hover action */
+.owl-theme .owl-controls.clickable .owl-buttons div:hover{
+	filter: Alpha(Opacity=100);/*IE7 fix*/
+	opacity: 1;
+	text-decoration: none;
+}
+
+/* Styling Pagination*/
+
+.owl-theme .owl-controls .owl-page{
+	display: inline-block;
+	zoom: 1;
+	*display: inline;/*IE7 life-saver */
+}
+.owl-theme .owl-controls .owl-page span{
+	display: block;
+	width: 12px;
+	height: 12px;
+	margin: 5px 7px;
+	filter: Alpha(Opacity=50);/*IE7 fix*/
+	opacity: 0.5;
+	-webkit-border-radius: 20px;
+	-moz-border-radius: 20px;
+	border-radius: 20px;
+	background: #FF5A5F;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span{
+	filter: Alpha(Opacity=100);/*IE7 fix*/
+	opacity: 1;
+}
+
+/* If PaginationNumbers is true */
+
+.owl-theme .owl-controls .owl-page span.owl-numbers{
+	height: auto;
+	width: auto;
+	color: #FFF;
+	padding: 2px 10px;
+	font-size: 12px;
+	-webkit-border-radius: 30px;
+	-moz-border-radius: 30px;
+	border-radius: 30px;
+}
+
+.screenshot-slider .item{
+  margin: 3px;
+}
+.screenshot-slider .item img{
+  display: block;
+  width: 100%;
+  height: auto;
+}

volume/www/website/www/web/landing/img/TalentsTube-logo-blanc.svg

@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/TalentsTube-logo-blanc@2x.svg

@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/demande-rendez-vous.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <g id="Groupe_8222" data-name="Groupe 8222" transform="translate(-905 -178)">
+    <g id="Groupe_8166" data-name="Groupe 8166" transform="translate(-23 -21.541)">
+      <circle id="Ellipse_130" data-name="Ellipse 130" cx="50" cy="50" r="50" transform="translate(928 199.541)" fill="#1689fb"/>
+      <g id="_001-like" data-name="001-like" transform="translate(948.325 227.541)">
+        <path id="Tracé_429" data-name="Tracé 429" d="M52.8,33.254a6.076,6.076,0,0,0,1.422-4.061,6.239,6.239,0,0,0-1.33-3.519,5.467,5.467,0,0,0-1.3-6.291C49.963,17.9,47.2,17.235,43.376,17.42a32.1,32.1,0,0,0-5.033.644h-.01c-.511.092-1.054.2-1.606.327-.041-.655.072-2.281,1.279-5.943,1.432-4.357,1.35-7.692-.266-9.922A6.5,6.5,0,0,0,32.533,0a2.569,2.569,0,0,0-1.974.9c-1.135,1.32-1,3.754-.859,4.879-1.35,3.621-5.135,12.5-8.336,14.965a1.1,1.1,0,0,0-.164.143,10.988,10.988,0,0,0-2,3.007,4.221,4.221,0,0,0-2.025-.511H10.93a4.258,4.258,0,0,0-4.255,4.255V44.26a4.258,4.258,0,0,0,4.255,4.255h6.24a4.246,4.246,0,0,0,2.455-.777l2.4.286a102.986,102.986,0,0,0,13.635.747c1.217.092,2.363.143,3.427.143a22.95,22.95,0,0,0,4.756-.43c3.13-.665,5.268-1.995,6.352-3.948a6.261,6.261,0,0,0,.7-3.918,6.524,6.524,0,0,0,2.322-5.309A6.91,6.91,0,0,0,52.8,33.254ZM10.93,45.753A1.5,1.5,0,0,1,9.437,44.26V27.628a1.5,1.5,0,0,1,1.493-1.493h6.24a1.5,1.5,0,0,1,1.493,1.493V44.25a1.5,1.5,0,0,1-1.493,1.493H10.93Zm39.248-13.7a1.375,1.375,0,0,0-.184,1.667,4.256,4.256,0,0,1,.471,1.708,4.093,4.093,0,0,1-1.923,3.539,1.394,1.394,0,0,0-.471,1.575,3.612,3.612,0,0,1-.276,2.639c-.685,1.227-2.209,2.107-4.521,2.6a26.947,26.947,0,0,1-7.457.225h-.143a100.965,100.965,0,0,1-13.3-.726h-.01l-1.033-.123a4.334,4.334,0,0,0,.092-.9V27.628a4.327,4.327,0,0,0-.194-1.268,8.549,8.549,0,0,1,1.9-3.508C27.726,19.21,32.216,6.925,32.41,6.393a1.3,1.3,0,0,0,.061-.685A6.392,6.392,0,0,1,32.6,2.741a3.67,3.67,0,0,1,2.885,1.381c1.043,1.442,1,4.02-.123,7.436-1.718,5.206-1.862,7.948-.5,9.155a2.229,2.229,0,0,0,2.23.4c.624-.143,1.217-.266,1.78-.358l.133-.031c3.14-.685,8.766-1.1,10.72.675a2.943,2.943,0,0,1,.348,3.733,1.368,1.368,0,0,0,.245,1.78A3.875,3.875,0,0,1,51.456,29.3,3.8,3.8,0,0,1,50.178,32.057Z" transform="translate(-1 -4)" fill="#fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/talents-tube-logo-color.svg

@@ -0,0 +1,34 @@
+<svg id="TalentsTube_logo-color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="127.039" height="26.461" viewBox="0 0 127.039 26.461">
+  <defs>
+    <linearGradient id="linear-gradient" x1="1.583" y1="24.72" x2="5.134" y2="24.72" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#155ee4"/>
+      <stop offset="1" stop-color="#1689fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="1.583" y1="24.46" x2="5.134" y2="24.46" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-3" x1="2.496" y1="20.539" x2="5.45" y2="20.539" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-4" x1="2.496" y1="20.308" x2="5.45" y2="20.308" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-5" x1="2.496" y1="20.771" x2="5.45" y2="20.771" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-6" x1="0.498" y1="29.345" x2="4.749" y2="29.345" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Groupe_7848" data-name="Groupe 7848" transform="translate(0 5.838)">
+    <path id="Tracé_199" data-name="Tracé 199" d="M136.964,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,136.964,221Z" transform="translate(-135.8 -211.479)"/>
+    <path id="Tracé_200" data-name="Tracé 200" d="M177.1,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.1,231.9Zm5.855-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C181.965,233.119,182.955,232.372,182.955,231.277Z" transform="translate(-169.924 -222.468)"/>
+    <path id="Tracé_201" data-name="Tracé 201" d="M236.1,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-218.674 -207.1)"/>
+    <path id="Tracé_202" data-name="Tracé 202" d="M263.878,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.021,3.021,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.488,4.488,0,0,1,263.878,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.008 -222.221)"/>
+    <path id="Tracé_203" data-name="Tracé 203" d="M318.4,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.929,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-286.675 -222.138)"/>
+    <path id="Tracé_204" data-name="Tracé 204" d="M372.964,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.52,4.52,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,372.964,221Z" transform="translate(-330.797 -211.479)"/>
+    <path id="Tracé_205" data-name="Tracé 205" d="M410.865,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.791.791,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.72,5.72,0,0,1,410.865,233.336Z" transform="translate(-362.773 -222.303)"/>
+    <path id="Tracé_206" data-name="Tracé 206" d="M485.864,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,485.864,221Z" transform="translate(-424.082 -211.479)"/>
+    <path id="Tracé_207" data-name="Tracé 207" d="M534.5,233.549a.991.991,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.928-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-458.867 -222.551)"/>
+    <path id="Tracé_208" data-name="Tracé 208" d="M585.1,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.485,2.728v.035a2.569,2.569,0,0,0,2.485,2.728A2.483,2.483,0,0,0,591.945,214.727Z" transform="translate(-507.038 -207.1)"/>
+    <path id="Tracé_209" data-name="Tracé 209" d="M649.378,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.852.852,0,0,1-.261.591A4.488,4.488,0,0,1,649.378,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-556.531 -222.221)"/>
+  </g>
+  <g id="Groupe_7849" data-name="Groupe 7849" transform="translate(104.696 0)">
+    <circle id="Ellipse_99" data-name="Ellipse 99" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 14.351)" fill="url(#linear-gradient)"/>
+    <circle id="Ellipse_100" data-name="Ellipse 100" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 5.647)" fill="url(#linear-gradient-2)"/>
+    <circle id="Ellipse_101" data-name="Ellipse 101" cx="3.927" cy="3.927" r="3.927" transform="translate(0 9.313)" fill="url(#linear-gradient-3)"/>
+    <circle id="Ellipse_102" data-name="Ellipse 102" cx="3.927" cy="3.927" r="3.927" fill="url(#linear-gradient-4)"/>
+    <circle id="Ellipse_103" data-name="Ellipse 103" cx="3.927" cy="3.927" r="3.927" transform="translate(0 18.608)" fill="url(#linear-gradient-5)"/>
+    <circle id="Ellipse_104" data-name="Ellipse 104" cx="2.728" cy="2.728" r="2.728" transform="translate(16.888 10.511)" fill="url(#linear-gradient-6)"/>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/talents-tube-logo-color@2x.svg

@@ -0,0 +1,34 @@
+<svg id="TalentsTube_logo-color" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="127.039" height="26.461" viewBox="0 0 127.039 26.461">
+  <defs>
+    <linearGradient id="linear-gradient" x1="1.583" y1="24.72" x2="5.134" y2="24.72" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#155ee4"/>
+      <stop offset="1" stop-color="#1689fb"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="1.583" y1="24.46" x2="5.134" y2="24.46" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-3" x1="2.496" y1="20.539" x2="5.45" y2="20.539" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-4" x1="2.496" y1="20.308" x2="5.45" y2="20.308" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-5" x1="2.496" y1="20.771" x2="5.45" y2="20.771" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-6" x1="0.498" y1="29.345" x2="4.749" y2="29.345" xlink:href="#linear-gradient"/>
+  </defs>
+  <g id="Groupe_7848" data-name="Groupe 7848" transform="translate(0 5.838)">
+    <path id="Tracé_199" data-name="Tracé 199" d="M136.964,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,136.964,221Z" transform="translate(-135.8 -211.479)"/>
+    <path id="Tracé_200" data-name="Tracé 200" d="M177.1,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.1,231.9Zm5.855-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C181.965,233.119,182.955,232.372,182.955,231.277Z" transform="translate(-169.924 -222.468)"/>
+    <path id="Tracé_201" data-name="Tracé 201" d="M236.1,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-218.674 -207.1)"/>
+    <path id="Tracé_202" data-name="Tracé 202" d="M263.878,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.021,3.021,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.488,4.488,0,0,1,263.878,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.008 -222.221)"/>
+    <path id="Tracé_203" data-name="Tracé 203" d="M318.4,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.929,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-286.675 -222.138)"/>
+    <path id="Tracé_204" data-name="Tracé 204" d="M372.964,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.52,4.52,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,372.964,221Z" transform="translate(-330.797 -211.479)"/>
+    <path id="Tracé_205" data-name="Tracé 205" d="M410.865,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.791.791,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.72,5.72,0,0,1,410.865,233.336Z" transform="translate(-362.773 -222.303)"/>
+    <path id="Tracé_206" data-name="Tracé 206" d="M485.864,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,485.864,221Z" transform="translate(-424.082 -211.479)"/>
+    <path id="Tracé_207" data-name="Tracé 207" d="M534.5,233.549a.991.991,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.928-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-458.867 -222.551)"/>
+    <path id="Tracé_208" data-name="Tracé 208" d="M585.1,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.485,2.728v.035a2.569,2.569,0,0,0,2.485,2.728A2.483,2.483,0,0,0,591.945,214.727Z" transform="translate(-507.038 -207.1)"/>
+    <path id="Tracé_209" data-name="Tracé 209" d="M649.378,234.313a4.248,4.248,0,0,1-4.378-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.852.852,0,0,1-.261.591A4.488,4.488,0,0,1,649.378,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-556.531 -222.221)"/>
+  </g>
+  <g id="Groupe_7849" data-name="Groupe 7849" transform="translate(104.696 0)">
+    <circle id="Ellipse_99" data-name="Ellipse 99" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 14.351)" fill="url(#linear-gradient)"/>
+    <circle id="Ellipse_100" data-name="Ellipse 100" cx="3.266" cy="3.266" r="3.266" transform="translate(9.26 5.647)" fill="url(#linear-gradient-2)"/>
+    <circle id="Ellipse_101" data-name="Ellipse 101" cx="3.927" cy="3.927" r="3.927" transform="translate(0 9.313)" fill="url(#linear-gradient-3)"/>
+    <circle id="Ellipse_102" data-name="Ellipse 102" cx="3.927" cy="3.927" r="3.927" fill="url(#linear-gradient-4)"/>
+    <circle id="Ellipse_103" data-name="Ellipse 103" cx="3.927" cy="3.927" r="3.927" transform="translate(0 18.608)" fill="url(#linear-gradient-5)"/>
+    <circle id="Ellipse_104" data-name="Ellipse 104" cx="2.728" cy="2.728" r="2.728" transform="translate(16.888 10.511)" fill="url(#linear-gradient-6)"/>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/talentstube-logo-blanc.svg

@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/talentstube-logo-blanc@2x.svg

@@ -0,0 +1,23 @@
+<svg id="TalentsTube_logo-blanc" xmlns="http://www.w3.org/2000/svg" width="127.874" height="28.875" viewBox="0 0 127.874 28.875">
+  <g id="Groupe_7850" data-name="Groupe 7850" transform="translate(0 7.042)">
+    <path id="Tracé_210" data-name="Tracé 210" d="M137.664,221v-4.5h-.33a.834.834,0,1,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226C138.672,223.519,137.664,222.894,137.664,221Z" transform="translate(-136.5 -211.479)" fill="#fff"/>
+    <path id="Tracé_211" data-name="Tracé 211" d="M177.7,231.9v-.035c0-1.842,1.442-2.745,3.527-2.745a7.16,7.16,0,0,1,2.293.347v-.208c0-1.216-.747-1.859-2.12-1.859a4.786,4.786,0,0,0-1.894.347,1.07,1.07,0,0,1-.313.052.819.819,0,0,1-.834-.817.879.879,0,0,1,.539-.782,7.234,7.234,0,0,1,2.745-.5,3.833,3.833,0,0,1,2.832.956,3.572,3.572,0,0,1,.921,2.641v4.2a.928.928,0,0,1-.956.938.879.879,0,0,1-.956-.834v-.33a3.494,3.494,0,0,1-2.78,1.251A2.7,2.7,0,0,1,177.7,231.9Zm5.872-.625v-.591a5.5,5.5,0,0,0-1.946-.347c-1.268,0-2.015.539-2.015,1.425v.035c0,.834.73,1.3,1.668,1.3C182.582,233.119,183.572,232.372,183.572,231.277Z" transform="translate(-170.542 -222.468)" fill="#fff"/>
+    <path id="Tracé_212" data-name="Tracé 212" d="M236.8,208.073a.96.96,0,0,1,.973-.973.975.975,0,0,1,.99.973v10.042a.982.982,0,0,1-1.963,0Z" transform="translate(-219.374 -207.1)" fill="#fff"/>
+    <path id="Tracé_213" data-name="Tracé 213" d="M264.4,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.066,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.686.686,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.35,4.35,0,0,1,264.4,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-238.543 -222.221)" fill="#fff"/>
+    <path id="Tracé_214" data-name="Tracé 214" d="M319,226.377a.965.965,0,0,1,.973-.99.979.979,0,0,1,.99.99v.417a3.091,3.091,0,0,1,2.676-1.494c1.929,0,3.04,1.3,3.04,3.266v4.569a.95.95,0,0,1-.973.973.965.965,0,0,1-.99-.973v-3.961c0-1.32-.66-2.085-1.824-2.085a1.908,1.908,0,0,0-1.928,2.12v3.927a.982.982,0,0,1-1.963,0Z" transform="translate(-287.292 -222.138)" fill="#fff"/>
+    <path id="Tracé_215" data-name="Tracé 215" d="M373.564,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.522,4.522,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.073,4.073,0,0,1-1.338.226A2.181,2.181,0,0,1,373.564,221Z" transform="translate(-331.415 -211.479)" fill="#fff"/>
+    <path id="Tracé_216" data-name="Tracé 216" d="M411.465,233.336a.748.748,0,0,1-.365-.678.8.8,0,0,1,.8-.8.787.787,0,0,1,.417.122,4.51,4.51,0,0,0,2.467.834c.834,0,1.32-.348,1.32-.921v-.052c0-.66-.9-.886-1.911-1.2-1.268-.347-2.676-.869-2.676-2.5v-.035c0-1.616,1.338-2.606,3.04-2.606a5.969,5.969,0,0,1,2.693.695.814.814,0,0,1,.469.747.8.8,0,0,1-.817.8.7.7,0,0,1-.382-.1,4.8,4.8,0,0,0-2.015-.591c-.764,0-1.2.347-1.2.834v.035c0,.625.921.886,1.929,1.216,1.251.382,2.658.956,2.658,2.484v.035c0,1.79-1.39,2.693-3.179,2.693A5.719,5.719,0,0,1,411.465,233.336Z" transform="translate(-363.391 -222.303)" fill="#fff"/>
+    <path id="Tracé_217" data-name="Tracé 217" d="M486.464,221v-4.5h-.33a.834.834,0,0,1,0-1.668h.33v-1.459a.982.982,0,0,1,1.963,0v1.459h1.546a.834.834,0,1,1,0,1.668h-1.546v4.187a.925.925,0,0,0,1.06,1.06,4.521,4.521,0,0,0,.486-.052.83.83,0,0,1,.834.817.866.866,0,0,1-.521.764,4.074,4.074,0,0,1-1.338.226A2.181,2.181,0,0,1,486.464,221Z" transform="translate(-424.699 -211.479)" fill="#fff"/>
+    <path id="Tracé_218" data-name="Tracé 218" d="M535.1,233.549a.99.99,0,0,1-1.981,0v-.434a3.067,3.067,0,0,1-2.676,1.512c-1.929,0-3.04-1.3-3.04-3.284V226.79a.982.982,0,1,1,1.963,0v3.961c0,1.32.66,2.068,1.824,2.068a1.893,1.893,0,0,0,1.929-2.1V226.79a.979.979,0,0,1,.99-.99.99.99,0,0,1,.99.99Z" transform="translate(-459.485 -222.551)" fill="#fff"/>
+    <path id="Tracé_219" data-name="Tracé 219" d="M585.8,208.073a.95.95,0,0,1,.973-.973.965.965,0,0,1,.99.973v3.8a3.432,3.432,0,0,1,2.919-1.6c2.015,0,3.961,1.581,3.961,4.43v.035a4.086,4.086,0,0,1-3.961,4.43,3.5,3.5,0,0,1-2.919-1.512v.434a.982.982,0,0,1-1.963,0Zm6.845,6.654v-.035a2.522,2.522,0,0,0-2.45-2.728,2.569,2.569,0,0,0-2.484,2.728v.035a2.569,2.569,0,0,0,2.484,2.728A2.492,2.492,0,0,0,592.645,214.727Z" transform="translate(-507.738 -207.1)" fill="#fff"/>
+    <path id="Tracé_220" data-name="Tracé 220" d="M649.9,234.313a4.262,4.262,0,0,1-4.4-4.43v-.035a4.238,4.238,0,0,1,4.17-4.448,4.043,4.043,0,0,1,4.065,4.2.909.909,0,0,1-.921.938h-5.351a2.391,2.391,0,0,0,2.467,2.172,3.02,3.02,0,0,0,2.015-.747.685.685,0,0,1,.5-.174.783.783,0,0,1,.782.8.851.851,0,0,1-.261.591A4.38,4.38,0,0,1,649.9,234.313Zm1.946-5.073a2.215,2.215,0,0,0-2.172-2.259,2.327,2.327,0,0,0-2.224,2.259Z" transform="translate(-557.066 -222.221)" fill="#fff"/>
+  </g>
+  <g id="Groupe_7851" data-name="Groupe 7851" transform="translate(103.478 0)">
+    <circle id="Ellipse_105" data-name="Ellipse 105" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.466, 20.582)" fill="#fff"/>
+    <circle id="Ellipse_106" data-name="Ellipse 106" cx="3.266" cy="3.266" r="3.266" transform="matrix(0.384, -0.924, 0.924, 0.384, 9.471, 11.874)" fill="#fff"/>
+    <circle id="Ellipse_107" data-name="Ellipse 107" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.009, 16.56)" fill="#fff"/>
+    <circle id="Ellipse_108" data-name="Ellipse 108" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0.002, 7.252)" fill="#fff"/>
+    <circle id="Ellipse_109" data-name="Ellipse 109" cx="3.927" cy="3.927" r="3.927" transform="matrix(0.384, -0.924, 0.924, 0.384, 0, 25.862)" fill="#fff"/>
+    <circle id="Ellipse_110" data-name="Ellipse 110" cx="2.728" cy="2.728" r="2.728" transform="matrix(0.384, -0.924, 0.924, 0.384, 17.264, 15.911)" fill="#fff"/>
+  </g>
+</svg>

volume/www/website/www/web/landing/img/talentstubeIco.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 277 328" style="enable-background:new 0 0 277 328;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1689FB;}
+</style>
+<g id="Groupe_7859" transform="translate(-4.489 -11.849)">
+	<circle id="Ellipse_105" class="st0" cx="159.8" cy="229.9" r="40.6"/>
+	<circle id="Ellipse_106" class="st0" cx="159.8" cy="122.4" r="40.6"/>
+	<circle id="Ellipse_107" class="st0" cx="53.8" cy="175.9" r="48.8"/>
+	<circle id="Ellipse_108" class="st0" cx="53.7" cy="61" r="48.8"/>
+	<circle id="Ellipse_109" class="st0" cx="53.7" cy="290.7" r="48.8"/>
+	<circle id="Ellipse_110" class="st0" cx="247.4" cy="175.9" r="33.9"/>
+</g>
+</svg>

volume/www/website/www/web/landing/js/jquery.ajaxchimp.min.js

@@ -0,0 +1 @@
+(function($){"use strict";$.ajaxChimp={responses:{"We have sent you a confirmation email":0,"Please enter a value":1,"An email address must contain a single @":2,"The domain portion of the email address is invalid (the portion after the @: )":3,"The username portion of the email address is invalid (the portion before the @: )":4,"This email address looks fake or invalid. Please enter a real email address":5},translations:{en:null},init:function(selector,options){$(selector).ajaxChimp(options)}};$.fn.ajaxChimp=function(options){$(this).each(function(i,elem){var form=$(elem);var email=form.find("input[type=email]");var label=form.find("label[for="+email.attr("id")+"]");var settings=$.extend({url:form.attr("action"),language:"en"},options);var url=settings.url.replace("/post?","/post-json?").concat("&c=?");form.attr("novalidate","true");email.attr("name","EMAIL");form.submit(function(){var msg;function successCallback(resp){if(resp.result==="success"){msg="We have sent you a confirmation email";label.removeClass("error").addClass("valid");email.removeClass("error").addClass("valid")}else{email.removeClass("valid").addClass("error");label.removeClass("valid").addClass("error");var index=-1;try{var parts=resp.msg.split(" - ",2);if(parts[1]===undefined){msg=resp.msg}else{var i=parseInt(parts[0],10);if(i.toString()===parts[0]){index=parts[0];msg=parts[1]}else{index=-1;msg=resp.msg}}}catch(e){index=-1;msg=resp.msg}}if(settings.language!=="en"&&$.ajaxChimp.responses[msg]!==undefined&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]){msg=$.ajaxChimp.translations[settings.language][$.ajaxChimp.responses[msg]]}label.html(msg);label.show(2e3);if(settings.callback){settings.callback(resp)}}var data={};var dataArray=form.serializeArray();$.each(dataArray,function(index,item){data[item.name]=item.value});$.ajax({url:url,data:data,success:successCallback,dataType:"jsonp",error:function(resp,text){console.log("mailchimp ajax submit error: "+text)}});var submitMsg="Submitting...";if(settings.language!=="en"&&$.ajaxChimp.translations&&$.ajaxChimp.translations[settings.language]&&$.ajaxChimp.translations[settings.language]["submit"]){submitMsg=$.ajaxChimp.translations[settings.language]["submit"]}label.html(submitMsg).show(2e3);return false})});return this}})(jQuery);

volume/www/website/www/web/landing/js/jquery.animateNumber.min.js

@@ -0,0 +1,8 @@
+/*
+ jQuery animateNumber plugin v0.0.10
+ (c) 2013, Alexandr Borisov.
+ https://github.com/aishek/jquery-animateNumber
+*/
+(function(d){var p=function(b){return b.split("").reverse().join("")},l={numberStep:function(b,a){var e=Math.floor(b);d(a.elem).text(e)}},h=function(b){var a=b.elem;a.nodeType&&a.parentNode&&(a=a._animateNumberSetter,a||(a=l.numberStep),a(b.now,b))};d.Tween&&d.Tween.propHooks?d.Tween.propHooks.number={set:h}:d.fx.step.number=h;d.animateNumber={numberStepFactories:{append:function(b){return function(a,e){var k=Math.floor(a);d(e.elem).prop("number",a).text(k+b)}},separator:function(b,a){b=b||" ";a=
+a||3;return function(e,k){var c=Math.floor(e).toString(),s=d(k.elem);if(c.length>a){for(var f=c,g=a,l=f.split("").reverse(),c=[],m,q,n,r=0,h=Math.ceil(f.length/g);r<h;r++){m="";for(n=0;n<g;n++){q=r*g+n;if(q===f.length)break;m+=l[q]}c.push(m)}f=c.length-1;g=p(c[f]);c[f]=p(parseInt(g,10).toString());c=c.join(b);c=p(c)}s.prop("number",e).text(c)}}}};d.fn.animateNumber=function(){for(var b=arguments[0],a=d.extend({},l,b),e=d(this),k=[a],c=1,h=arguments.length;c<h;c++)k.push(arguments[c]);if(b.numberStep){var f=
+this.each(function(){this._animateNumberSetter=b.numberStep}),g=a.complete;a.complete=function(){f.each(function(){delete this._animateNumberSetter});g&&g.apply(this,arguments)}}return e.animate.apply(e,k)}})(jQuery);

volume/www/website/www/web/landing/js/main.js

@@ -0,0 +1,297 @@
+
+
+$(function() {
+    "use strict";
+
+
+    /* ==========================================================================
+   Sub Form   
+   ========================================================================== */
+    
+    
+    
+    $('#mc-form').ajaxChimp({
+        language: 'cm',
+        url: 'http://csmthemes.us3.list-manage.com/subscribe/post?u=9666c25a337f497687875a388&id=5b881a50fb'
+    //http://xxx.xxx.list-manage.com/subscribe/post?u=xxx&id=xxx
+    });
+    
+    
+    $.ajaxChimp.translations.cm = {
+        'submit': 'Submitting...',
+        0: '<i class="fa fa-envelope"></i> Awesome! Subscription confirmed',
+        1: '<i class="fa fa-exclamation-triangle"></i> Please enter a value',
+        2: '<i class="fa fa-exclamation-triangle"></i> An email address must contain a single @',
+        3: '<i class="fa fa-exclamation-triangle"></i> The domain portion of the email address is invalid (the portion after the @: )',
+        4: '<i class="fa fa-exclamation-triangle"></i> The username portion of the email address is invalid (the portion before the @: )',
+        5: '<i class="fa fa-exclamation-triangle"></i> This email address looks fake or invalid. Please enter a real email address'
+    }
+
+
+    /* ==========================================================================
+       Number animation
+       ========================================================================== */
+    
+    
+    $('.counter').waypoint(function() {
+        
+        var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
+        
+        $('.total-number-1').animateNumber({
+            number: 20, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+        
+        $('.total-number-2').animateNumber({
+            number: 5000, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+        
+        $('.total-number-3').animateNumber({
+            number: 10, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+        
+        $('.total-number-4').animateNumber({
+            number: 3000, //change value here
+            numberStep: comma_separator_number_step
+        }, 2000);
+    
+    
+    
+    }, {
+        offset: '80%'
+    
+    });
+
+
+    /* ==========================================================================
+   sticky nav
+   ========================================================================== */
+    
+    $('.navbar-default').waypoint('sticky', {
+        offset: 30
+    });
+
+
+
+
+    /* ==========================================================================
+   Tabs
+   ========================================================================== */
+    
+    $('#schedule-days a').click(function(e) {
+        e.preventDefault()
+        $(this).tab('show')
+    })
+
+
+    /* ==========================================================================
+   team
+   ========================================================================== */
+    
+    $(".speaker-slider").owlCarousel({
+        
+        items: 3,
+        itemsDesktop: [1199, 3],
+        itemsDesktopSmall: [979, 2]
+    
+    });
+
+
+    /* ==========================================================================
+   Smooth Scroll
+   ========================================================================== */
+    
+    $('a[href*=#]:not([href=#], #schedule-days a, .event-speaker a)').click(function() {
+        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
+            var target = $(this.hash);
+            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+            if (target.length) {
+                $('html,body').animate({
+                    scrollTop: (target.offset().top - 40)
+                }, 1000);
+                return false;
+            }
+        }
+    });
+
+
+
+    /* ==========================================================================
+   Speaker bio
+   ========================================================================== */
+    
+    
+    var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
+    
+    
+    $('#speaker').find('.event-speaker a[data-type*="speaker-"]').on('click', function(event) {
+        event.preventDefault();
+        var selected_member = $(this).data('type');
+        $('.cd-speaker-bio.' + selected_member + '').addClass('slide-in');
+        $('.cd-speaker-bio-close').addClass('is-visible');
+        
+        
+        if (is_firefox) {
+            $('main').addClass('slide-out').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function() {
+                $('body').addClass('overflow-hidden');
+            });
+        } else {
+            $('main').addClass('slide-out');
+            $('body').addClass('overflow-hidden');
+        }
+    
+    });
+    
+    
+    $(document).on('click', '.cd-overlay, .cd-speaker-bio-close', function(event) {
+        event.preventDefault();
+        $('.cd-speaker-bio').removeClass('slide-in');
+        $('.cd-speaker-bio-close').removeClass('is-visible');
+        
+        if (is_firefox) {
+            $('main').removeClass('slide-out').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function() {
+                $('body').removeClass('overflow-hidden');
+            });
+        } else {
+            $('main').removeClass('slide-out');
+            $('body').removeClass('overflow-hidden');
+        }
+    });
+
+
+
+
+
+
+    /* ==========================================================================
+   FAQ accordion
+   ========================================================================== */
+    
+    
+    var MqM = 768, 
+    MqL = 1024;
+    
+    var faqsSections = $('.cd-faq-group'), 
+    faqTrigger = $('.cd-faq-trigger'), 
+    faqsContainer = $('.cd-faq-items'), 
+    faqsCategoriesContainer = $('.cd-faq-categories'), 
+    faqsCategories = faqsCategoriesContainer.find('a'), 
+    closeFaqsContainer = $('.cd-close-panel');
+    
+    
+    faqsCategories.on('click', function(event) {
+        event.preventDefault();
+        var selectedHref = $(this).attr('href'), 
+        target = $(selectedHref);
+        if ($(window).width() < MqM) {
+            faqsContainer.scrollTop(0).addClass('slide-in').children('ul').removeClass('selected').end().children(selectedHref).addClass('selected');
+            closeFaqsContainer.addClass('move-left');
+            $('body').addClass('cd-overlay');
+        } else {
+            $('body,html').animate({'scrollTop': target.offset().top - 19}, 200);
+        }
+    });
+    
+    
+    $('body').bind('click touchstart', function(event) {
+        if ($(event.target).is('body.cd-overlay') || $(event.target).is('.cd-close-panel')) {
+            closePanel(event);
+        }
+    });
+    faqsContainer.on('swiperight', function(event) {
+        closePanel(event);
+    });
+    
+    
+    faqTrigger.on('click', function(event) {
+        event.preventDefault();
+        $(this).next('.cd-faq-content').slideToggle(200).end().parent('li').toggleClass('content-visible');
+    });
+
+
+
+
+    /* ==========================================================================
+       Contact Form
+       ========================================================================== */
+    
+    
+    $('#contact-form').validate({
+        rules: {
+            name: {
+                required: true,
+                minlength: 2
+            },
+            email: {
+                required: true,
+                email: true
+            },
+            
+            message: {
+                required: true,
+                minlength: 10
+            }
+        },
+        messages: {
+            name: "<i class='fa fa-exclamation-triangle'></i>Please specify your name.",
+            email: {
+                required: "<i class='fa fa-exclamation-triangle'></i>We need your email address to contact you.",
+                email: "<i class='fa fa-exclamation-triangle'></i>Please enter a valid email address."
+            },
+            message: "<i class='fa fa-exclamation-triangle'></i>Please enter your message."
+        },
+        submitHandler: function(form) {
+            $(form).ajaxSubmit({
+                type: "POST",
+                data: $(form).serialize(),
+                url: "php/contact-me.php",
+                success: function() {
+                    $('#contact-form :input').attr('disabled', 'disabled');
+                    $('#contact-form').fadeTo("slow", 0.15, function() {
+                        $(this).find(':input').attr('disabled', 'disabled');
+                        $(this).find('label').css('cursor', 'default');
+                        $('.success-cf').fadeIn();
+                    });
+                    $('#contact-form')[0].reset();
+                },
+                error: function() {
+                    $('#contact-form').fadeTo("slow", 0.15, function() {
+                        $('.error-cf').fadeIn();
+                    });
+                }
+            });
+        }
+    });
+
+    /* ==========================================================================
+   ScrollTop Button
+   ========================================================================== */
+    
+    
+    $(window).scroll(function() {
+        if ($(this).scrollTop() > 200) {
+            $('.scroll-top a').fadeIn(200);
+        } else {
+            $('.scroll-top a').fadeOut(200);
+        }
+    });
+    
+    
+    $('.scroll-top a').click(function(event) {
+        event.preventDefault();
+        
+        $('html, body').animate({
+            scrollTop: 0
+        }, 1000);
+    });
+
+	/* ==========================================================================
+	   Collapse nav bar
+	   ========================================================================== */
+	$(".navbar-nav li a").on('click', function() {
+	    $(".navbar-collapse").collapse('hide');
+	});
+
+});

volume/www/website/www/web/landing/js/owl.carousel.min.js

@@ -0,0 +1,47 @@
+"function"!==typeof Object.create&&(Object.create=function(f){function g(){}g.prototype=f;return new g});
+(function(f,g,k){var l={init:function(a,b){this.$elem=f(b);this.options=f.extend({},f.fn.owlCarousel.options,this.$elem.data(),a);this.userOptions=a;this.loadContent()},loadContent:function(){function a(a){var d,e="";if("function"===typeof b.options.jsonSuccess)b.options.jsonSuccess.apply(this,[a]);else{for(d in a.owl)a.owl.hasOwnProperty(d)&&(e+=a.owl[d].item);b.$elem.html(e)}b.logIn()}var b=this,e;"function"===typeof b.options.beforeInit&&b.options.beforeInit.apply(this,[b.$elem]);"string"===typeof b.options.jsonPath?
+(e=b.options.jsonPath,f.getJSON(e,a)):b.logIn()},logIn:function(){this.$elem.data("owl-originalStyles",this.$elem.attr("style"));this.$elem.data("owl-originalClasses",this.$elem.attr("class"));this.$elem.css({opacity:0});this.orignalItems=this.options.items;this.checkBrowser();this.wrapperWidth=0;this.checkVisible=null;this.setVars()},setVars:function(){if(0===this.$elem.children().length)return!1;this.baseClass();this.eventTypes();this.$userItems=this.$elem.children();this.itemsAmount=this.$userItems.length;
+this.wrapItems();this.$owlItems=this.$elem.find(".owl-item");this.$owlWrapper=this.$elem.find(".owl-wrapper");this.playDirection="next";this.prevItem=0;this.prevArr=[0];this.currentItem=0;this.customEvents();this.onStartup()},onStartup:function(){this.updateItems();this.calculateAll();this.buildControls();this.updateControls();this.response();this.moveEvents();this.stopOnHover();this.owlStatus();!1!==this.options.transitionStyle&&this.transitionTypes(this.options.transitionStyle);!0===this.options.autoPlay&&
+(this.options.autoPlay=5E3);this.play();this.$elem.find(".owl-wrapper").css("display","block");this.$elem.is(":visible")?this.$elem.css("opacity",1):this.watchVisibility();this.onstartup=!1;this.eachMoveUpdate();"function"===typeof this.options.afterInit&&this.options.afterInit.apply(this,[this.$elem])},eachMoveUpdate:function(){!0===this.options.lazyLoad&&this.lazyLoad();!0===this.options.autoHeight&&this.autoHeight();this.onVisibleItems();"function"===typeof this.options.afterAction&&this.options.afterAction.apply(this,
+[this.$elem])},updateVars:function(){"function"===typeof this.options.beforeUpdate&&this.options.beforeUpdate.apply(this,[this.$elem]);this.watchVisibility();this.updateItems();this.calculateAll();this.updatePosition();this.updateControls();this.eachMoveUpdate();"function"===typeof this.options.afterUpdate&&this.options.afterUpdate.apply(this,[this.$elem])},reload:function(){var a=this;g.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;if(!1===a.$elem.is(":visible"))a.$elem.css({opacity:0}),
+g.clearInterval(a.autoPlayInterval),g.clearInterval(a.checkVisible);else return!1;a.checkVisible=g.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),g.clearInterval(a.checkVisible))},500)},wrapItems:function(){this.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>');this.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">');this.wrapperOuter=this.$elem.find(".owl-wrapper-outer");this.$elem.css("display","block")},
+baseClass:function(){var a=this.$elem.hasClass(this.options.baseClass),b=this.$elem.hasClass(this.options.theme);a||this.$elem.addClass(this.options.baseClass);b||this.$elem.addClass(this.options.theme)},updateItems:function(){var a,b;if(!1===this.options.responsive)return!1;if(!0===this.options.singleItem)return this.options.items=this.orignalItems=1,this.options.itemsCustom=!1,this.options.itemsDesktop=!1,this.options.itemsDesktopSmall=!1,this.options.itemsTablet=!1,this.options.itemsTabletSmall=
+!1,this.options.itemsMobile=!1;a=f(this.options.responsiveBaseWidth).width();a>(this.options.itemsDesktop[0]||this.orignalItems)&&(this.options.items=this.orignalItems);if(!1!==this.options.itemsCustom)for(this.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),b=0;b<this.options.itemsCustom.length;b+=1)this.options.itemsCustom[b][0]<=a&&(this.options.items=this.options.itemsCustom[b][1]);else a<=this.options.itemsDesktop[0]&&!1!==this.options.itemsDesktop&&(this.options.items=this.options.itemsDesktop[1]),
+a<=this.options.itemsDesktopSmall[0]&&!1!==this.options.itemsDesktopSmall&&(this.options.items=this.options.itemsDesktopSmall[1]),a<=this.options.itemsTablet[0]&&!1!==this.options.itemsTablet&&(this.options.items=this.options.itemsTablet[1]),a<=this.options.itemsTabletSmall[0]&&!1!==this.options.itemsTabletSmall&&(this.options.items=this.options.itemsTabletSmall[1]),a<=this.options.itemsMobile[0]&&!1!==this.options.itemsMobile&&(this.options.items=this.options.itemsMobile[1]);this.options.items>this.itemsAmount&&
+!0===this.options.itemsScaleUp&&(this.options.items=this.itemsAmount)},response:function(){var a=this,b,e;if(!0!==a.options.responsive)return!1;e=f(g).width();a.resizer=function(){f(g).width()!==e&&(!1!==a.options.autoPlay&&g.clearInterval(a.autoPlayInterval),g.clearTimeout(b),b=g.setTimeout(function(){e=f(g).width();a.updateVars()},a.options.responsiveRefreshRate))};f(g).resize(a.resizer)},updatePosition:function(){this.jumpTo(this.currentItem);!1!==this.options.autoPlay&&this.checkAp()},appendItemsSizes:function(){var a=
+this,b=0,e=a.itemsAmount-a.options.items;a.$owlItems.each(function(c){var d=f(this);d.css({width:a.itemWidth}).data("owl-item",Number(c));if(0===c%a.options.items||c===e)c>e||(b+=1);d.data("owl-roundPages",b)})},appendWrapperSizes:function(){this.$owlWrapper.css({width:this.$owlItems.length*this.itemWidth*2,left:0});this.appendItemsSizes()},calculateAll:function(){this.calculateWidth();this.appendWrapperSizes();this.loops();this.max()},calculateWidth:function(){this.itemWidth=Math.round(this.$elem.width()/
+this.options.items)},max:function(){var a=-1*(this.itemsAmount*this.itemWidth-this.options.items*this.itemWidth);this.options.items>this.itemsAmount?this.maximumPixels=a=this.maximumItem=0:(this.maximumItem=this.itemsAmount-this.options.items,this.maximumPixels=a);return a},min:function(){return 0},loops:function(){var a=0,b=0,e,c;this.positionsInArray=[0];this.pagesInArray=[];for(e=0;e<this.itemsAmount;e+=1)b+=this.itemWidth,this.positionsInArray.push(-b),!0===this.options.scrollPerPage&&(c=f(this.$owlItems[e]),
+c=c.data("owl-roundPages"),c!==a&&(this.pagesInArray[a]=this.positionsInArray[e],a=c))},buildControls:function(){if(!0===this.options.navigation||!0===this.options.pagination)this.owlControls=f('<div class="owl-controls"/>').toggleClass("clickable",!this.browser.isTouch).appendTo(this.$elem);!0===this.options.pagination&&this.buildPagination();!0===this.options.navigation&&this.buildButtons()},buildButtons:function(){var a=this,b=f('<div class="owl-buttons"/>');a.owlControls.append(b);a.buttonPrev=
+f("<div/>",{"class":"owl-prev",html:a.options.navigationText[0]||""});a.buttonNext=f("<div/>",{"class":"owl-next",html:a.options.navigationText[1]||""});b.append(a.buttonPrev).append(a.buttonNext);b.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()});b.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(b){b.preventDefault();f(this).hasClass("owl-next")?a.next():a.prev()})},buildPagination:function(){var a=this;a.paginationWrapper=
+f('<div class="owl-pagination"/>');a.owlControls.append(a.paginationWrapper);a.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(b){b.preventDefault();Number(f(this).data("owl-page"))!==a.currentItem&&a.goTo(Number(f(this).data("owl-page")),!0)})},updatePagination:function(){var a,b,e,c,d,g;if(!1===this.options.pagination)return!1;this.paginationWrapper.html("");a=0;b=this.itemsAmount-this.itemsAmount%this.options.items;for(c=0;c<this.itemsAmount;c+=1)0===c%this.options.items&&
+(a+=1,b===c&&(e=this.itemsAmount-this.options.items),d=f("<div/>",{"class":"owl-page"}),g=f("<span></span>",{text:!0===this.options.paginationNumbers?a:"","class":!0===this.options.paginationNumbers?"owl-numbers":""}),d.append(g),d.data("owl-page",b===c?e:c),d.data("owl-roundPages",a),this.paginationWrapper.append(d));this.checkPagination()},checkPagination:function(){var a=this;if(!1===a.options.pagination)return!1;a.paginationWrapper.find(".owl-page").each(function(){f(this).data("owl-roundPages")===
+f(a.$owlItems[a.currentItem]).data("owl-roundPages")&&(a.paginationWrapper.find(".owl-page").removeClass("active"),f(this).addClass("active"))})},checkNavigation:function(){if(!1===this.options.navigation)return!1;!1===this.options.rewindNav&&(0===this.currentItem&&0===this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.addClass("disabled")):0===this.currentItem&&0!==this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.removeClass("disabled")):this.currentItem===
+this.maximumItem?(this.buttonPrev.removeClass("disabled"),this.buttonNext.addClass("disabled")):0!==this.currentItem&&this.currentItem!==this.maximumItem&&(this.buttonPrev.removeClass("disabled"),this.buttonNext.removeClass("disabled")))},updateControls:function(){this.updatePagination();this.checkNavigation();this.owlControls&&(this.options.items>=this.itemsAmount?this.owlControls.hide():this.owlControls.show())},destroyControls:function(){this.owlControls&&this.owlControls.remove()},next:function(a){if(this.isTransition)return!1;
+this.currentItem+=!0===this.options.scrollPerPage?this.options.items:1;if(this.currentItem>this.maximumItem+(!0===this.options.scrollPerPage?this.options.items-1:0))if(!0===this.options.rewindNav)this.currentItem=0,a="rewind";else return this.currentItem=this.maximumItem,!1;this.goTo(this.currentItem,a)},prev:function(a){if(this.isTransition)return!1;this.currentItem=!0===this.options.scrollPerPage&&0<this.currentItem&&this.currentItem<this.options.items?0:this.currentItem-(!0===this.options.scrollPerPage?
+this.options.items:1);if(0>this.currentItem)if(!0===this.options.rewindNav)this.currentItem=this.maximumItem,a="rewind";else return this.currentItem=0,!1;this.goTo(this.currentItem,a)},goTo:function(a,b,e){var c=this;if(c.isTransition)return!1;"function"===typeof c.options.beforeMove&&c.options.beforeMove.apply(this,[c.$elem]);a>=c.maximumItem?a=c.maximumItem:0>=a&&(a=0);c.currentItem=c.owl.currentItem=a;if(!1!==c.options.transitionStyle&&"drag"!==e&&1===c.options.items&&!0===c.browser.support3d)return c.swapSpeed(0),
+!0===c.browser.support3d?c.transition3d(c.positionsInArray[a]):c.css2slide(c.positionsInArray[a],1),c.afterGo(),c.singleItemTransition(),!1;a=c.positionsInArray[a];!0===c.browser.support3d?(c.isCss3Finish=!1,!0===b?(c.swapSpeed("paginationSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},c.options.paginationSpeed)):"rewind"===b?(c.swapSpeed(c.options.rewindSpeed),g.setTimeout(function(){c.isCss3Finish=!0},c.options.rewindSpeed)):(c.swapSpeed("slideSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},
+c.options.slideSpeed)),c.transition3d(a)):!0===b?c.css2slide(a,c.options.paginationSpeed):"rewind"===b?c.css2slide(a,c.options.rewindSpeed):c.css2slide(a,c.options.slideSpeed);c.afterGo()},jumpTo:function(a){"function"===typeof this.options.beforeMove&&this.options.beforeMove.apply(this,[this.$elem]);a>=this.maximumItem||-1===a?a=this.maximumItem:0>=a&&(a=0);this.swapSpeed(0);!0===this.browser.support3d?this.transition3d(this.positionsInArray[a]):this.css2slide(this.positionsInArray[a],1);this.currentItem=
+this.owl.currentItem=a;this.afterGo()},afterGo:function(){this.prevArr.push(this.currentItem);this.prevItem=this.owl.prevItem=this.prevArr[this.prevArr.length-2];this.prevArr.shift(0);this.prevItem!==this.currentItem&&(this.checkPagination(),this.checkNavigation(),this.eachMoveUpdate(),!1!==this.options.autoPlay&&this.checkAp());"function"===typeof this.options.afterMove&&this.prevItem!==this.currentItem&&this.options.afterMove.apply(this,[this.$elem])},stop:function(){this.apStatus="stop";g.clearInterval(this.autoPlayInterval)},
+checkAp:function(){"stop"!==this.apStatus&&this.play()},play:function(){var a=this;a.apStatus="play";if(!1===a.options.autoPlay)return!1;g.clearInterval(a.autoPlayInterval);a.autoPlayInterval=g.setInterval(function(){a.next(!0)},a.options.autoPlay)},swapSpeed:function(a){"slideSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.slideSpeed)):"paginationSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.paginationSpeed)):"string"!==typeof a&&this.$owlWrapper.css(this.addCssSpeed(a))},
+addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+
+a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){this.$owlWrapper.css(this.doTranslate(a))},css2move:function(a){this.$owlWrapper.css({left:a})},css2slide:function(a,b){var e=this;e.isCssFinish=!1;e.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||e.options.slideSpeed,complete:function(){e.isCssFinish=!0}})},checkBrowser:function(){var a=k.createElement("div");a.style.cssText="  -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px)";
+a=a.style.cssText.match(/translate3d\(0px, 0px, 0px\)/g);this.browser={support3d:null!==a&&1===a.length,isTouch:"ontouchstart"in g||g.navigator.msMaxTouchPoints}},moveEvents:function(){if(!1!==this.options.mouseDrag||!1!==this.options.touchDrag)this.gestures(),this.disabledEvents()},eventTypes:function(){var a=["s","e","x"];this.ev_types={};!0===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:
+!1===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:!0===this.options.mouseDrag&&!1===this.options.touchDrag&&(a=["mousedown.owl","mousemove.owl","mouseup.owl"]);this.ev_types.start=a[0];this.ev_types.move=a[1];this.ev_types.end=a[2]},disabledEvents:function(){this.$elem.on("dragstart.owl",function(a){a.preventDefault()});this.$elem.on("mousedown.disableTextSelect",function(a){return f(a.target).is("input, textarea, select, option")})},
+gestures:function(){function a(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function b(a){"on"===a?(f(k).on(d.ev_types.move,e),f(k).on(d.ev_types.end,c)):"off"===a&&(f(k).off(d.ev_types.move),f(k).off(d.ev_types.end))}function e(b){b=b.originalEvent||b||g.event;d.newPosX=a(b).x-h.offsetX;d.newPosY=a(b).y-h.offsetY;d.newRelativeX=d.newPosX-h.relativePos;
+"function"===typeof d.options.startDragging&&!0!==h.dragging&&0!==d.newRelativeX&&(h.dragging=!0,d.options.startDragging.apply(d,[d.$elem]));(8<d.newRelativeX||-8>d.newRelativeX)&&!0===d.browser.isTouch&&(void 0!==b.preventDefault?b.preventDefault():b.returnValue=!1,h.sliding=!0);(10<d.newPosY||-10>d.newPosY)&&!1===h.sliding&&f(k).off("touchmove.owl");d.newPosX=Math.max(Math.min(d.newPosX,d.newRelativeX/5),d.maximumPixels+d.newRelativeX/5);!0===d.browser.support3d?d.transition3d(d.newPosX):d.css2move(d.newPosX)}
+function c(a){a=a.originalEvent||a||g.event;var c;a.target=a.target||a.srcElement;h.dragging=!1;!0!==d.browser.isTouch&&d.$owlWrapper.removeClass("grabbing");d.dragDirection=0>d.newRelativeX?d.owl.dragDirection="left":d.owl.dragDirection="right";0!==d.newRelativeX&&(c=d.getNewPosition(),d.goTo(c,!1,"drag"),h.targetElement===a.target&&!0!==d.browser.isTouch&&(f(a.target).on("click.disable",function(a){a.stopImmediatePropagation();a.stopPropagation();a.preventDefault();f(a.target).off("click.disable")}),
+a=f._data(a.target,"events").click,c=a.pop(),a.splice(0,0,c)));b("off")}var d=this,h={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};d.isCssFinish=!0;d.$elem.on(d.ev_types.start,".owl-wrapper",function(c){c=c.originalEvent||c||g.event;var e;if(3===c.which)return!1;if(!(d.itemsAmount<=d.options.items)){if(!1===d.isCssFinish&&!d.options.dragBeforeAnimFinish||!1===d.isCss3Finish&&!d.options.dragBeforeAnimFinish)return!1;
+!1!==d.options.autoPlay&&g.clearInterval(d.autoPlayInterval);!0===d.browser.isTouch||d.$owlWrapper.hasClass("grabbing")||d.$owlWrapper.addClass("grabbing");d.newPosX=0;d.newRelativeX=0;f(this).css(d.removeTransition());e=f(this).position();h.relativePos=e.left;h.offsetX=a(c).x-e.left;h.offsetY=a(c).y-e.top;b("on");h.sliding=!1;h.targetElement=c.target||c.srcElement}})},getNewPosition:function(){var a=this.closestItem();a>this.maximumItem?a=this.currentItem=this.maximumItem:0<=this.newPosX&&(this.currentItem=
+a=0);return a},closestItem:function(){var a=this,b=!0===a.options.scrollPerPage?a.pagesInArray:a.positionsInArray,e=a.newPosX,c=null;f.each(b,function(d,g){e-a.itemWidth/20>b[d+1]&&e-a.itemWidth/20<g&&"left"===a.moveDirection()?(c=g,a.currentItem=!0===a.options.scrollPerPage?f.inArray(c,a.positionsInArray):d):e+a.itemWidth/20<g&&e+a.itemWidth/20>(b[d+1]||b[d]-a.itemWidth)&&"right"===a.moveDirection()&&(!0===a.options.scrollPerPage?(c=b[d+1]||b[b.length-1],a.currentItem=f.inArray(c,a.positionsInArray)):
+(c=b[d+1],a.currentItem=d+1))});return a.currentItem},moveDirection:function(){var a;0>this.newRelativeX?(a="right",this.playDirection="next"):(a="left",this.playDirection="prev");return a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()});a.$elem.on("owl.prev",function(){a.prev()});a.$elem.on("owl.play",function(b,e){a.options.autoPlay=e;a.play();a.hoverStatus="play"});a.$elem.on("owl.stop",function(){a.stop();a.hoverStatus="stop"});a.$elem.on("owl.goTo",function(b,e){a.goTo(e)});
+a.$elem.on("owl.jumpTo",function(b,e){a.jumpTo(e)})},stopOnHover:function(){var a=this;!0===a.options.stopOnHover&&!0!==a.browser.isTouch&&!1!==a.options.autoPlay&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var a,b,e,c,d;if(!1===this.options.lazyLoad)return!1;for(a=0;a<this.itemsAmount;a+=1)b=f(this.$owlItems[a]),"loaded"!==b.data("owl-loaded")&&(e=b.data("owl-item"),c=b.find(".lazyOwl"),"string"!==typeof c.data("src")?
+b.data("owl-loaded","loaded"):(void 0===b.data("owl-loaded")&&(c.hide(),b.addClass("loading").data("owl-loaded","checked")),(d=!0===this.options.lazyFollow?e>=this.currentItem:!0)&&e<this.currentItem+this.options.items&&c.length&&this.lazyPreload(b,c)))},lazyPreload:function(a,b){function e(){a.data("owl-loaded","loaded").removeClass("loading");b.removeAttr("data-src");"fade"===d.options.lazyEffect?b.fadeIn(400):b.show();"function"===typeof d.options.afterLazyLoad&&d.options.afterLazyLoad.apply(this,
+[d.$elem])}function c(){f+=1;d.completeImg(b.get(0))||!0===k?e():100>=f?g.setTimeout(c,100):e()}var d=this,f=0,k;"DIV"===b.prop("tagName")?(b.css("background-image","url("+b.data("src")+")"),k=!0):b[0].src=b.data("src");c()},autoHeight:function(){function a(){var a=f(e.$owlItems[e.currentItem]).height();e.wrapperOuter.css("height",a+"px");e.wrapperOuter.hasClass("autoHeight")||g.setTimeout(function(){e.wrapperOuter.addClass("autoHeight")},0)}function b(){d+=1;e.completeImg(c.get(0))?a():100>=d?g.setTimeout(b,
+100):e.wrapperOuter.css("height","")}var e=this,c=f(e.$owlItems[e.currentItem]).find("img"),d;void 0!==c.get(0)?(d=0,b()):a()},completeImg:function(a){return!a.complete||"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},onVisibleItems:function(){var a;!0===this.options.addClassActive&&this.$owlItems.removeClass("active");this.visibleItems=[];for(a=this.currentItem;a<this.currentItem+this.options.items;a+=1)this.visibleItems.push(a),!0===this.options.addClassActive&&f(this.$owlItems[a]).addClass("active");
+this.owl.visibleItems=this.visibleItems},transitionTypes:function(a){this.outClass="owl-"+a+"-out";this.inClass="owl-"+a+"-in"},singleItemTransition:function(){var a=this,b=a.outClass,e=a.inClass,c=a.$owlItems.eq(a.currentItem),d=a.$owlItems.eq(a.prevItem),f=Math.abs(a.positionsInArray[a.currentItem])+a.positionsInArray[a.prevItem],g=Math.abs(a.positionsInArray[a.currentItem])+a.itemWidth/2;a.isTransition=!0;a.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":g+"px","-moz-perspective-origin":g+
+"px","perspective-origin":g+"px"});d.css({position:"relative",left:f+"px"}).addClass(b).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endPrev=!0;d.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(d,b)});c.addClass(e).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endCurrent=!0;c.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(c,e)})},clearTransStyle:function(a,
+b){a.css({position:"",left:""}).removeClass(b);this.endPrev&&this.endCurrent&&(this.$owlWrapper.removeClass("owl-origin"),this.isTransition=this.endCurrent=this.endPrev=!1)},owlStatus:function(){this.owl={userOptions:this.userOptions,baseElement:this.$elem,userItems:this.$userItems,owlItems:this.$owlItems,currentItem:this.currentItem,prevItem:this.prevItem,visibleItems:this.visibleItems,isTouch:this.browser.isTouch,browser:this.browser,dragDirection:this.dragDirection}},clearEvents:function(){this.$elem.off(".owl owl mousedown.disableTextSelect");
+f(k).off(".owl owl");f(g).off("resize",this.resizer)},unWrap:function(){0!==this.$elem.children().length&&(this.$owlWrapper.unwrap(),this.$userItems.unwrap().unwrap(),this.owlControls&&this.owlControls.remove());this.clearEvents();this.$elem.attr("style",this.$elem.data("owl-originalStyles")||"").attr("class",this.$elem.data("owl-originalClasses"))},destroy:function(){this.stop();g.clearInterval(this.checkVisible);this.unWrap();this.$elem.removeData()},reinit:function(a){a=f.extend({},this.userOptions,
+a);this.unWrap();this.init(a,this.$elem)},addItem:function(a,b){var e;if(!a)return!1;if(0===this.$elem.children().length)return this.$elem.append(a),this.setVars(),!1;this.unWrap();e=void 0===b||-1===b?-1:b;e>=this.$userItems.length||-1===e?this.$userItems.eq(-1).after(a):this.$userItems.eq(e).before(a);this.setVars()},removeItem:function(a){if(0===this.$elem.children().length)return!1;a=void 0===a||-1===a?-1:a;this.unWrap();this.$userItems.eq(a).remove();this.setVars()}};f.fn.owlCarousel=function(a){return this.each(function(){if(!0===
+f(this).data("owl-init"))return!1;f(this).data("owl-init",!0);var b=Object.create(l);b.init(a,this);f.data(this,"owlCarousel",b)})};f.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1E3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,
+responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:g,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}})(jQuery,window,document);

volume/www/website/www/web/landing/js/retina.min.js

@@ -0,0 +1,10 @@
+/*!
+ * Retina.js v1.4.0
+ *
+ * Copyright 2016 Imulus, LLC
+ * Released under the MIT license
+ *
+ * Retina.js is an open source script that makes it easy to serve
+ * high-resolution images to devices with retina displays.
+ */
+!function(){function a(){}function b(a){return f.retinaImageSuffix+a}function c(a,c){if(this.path=a||"","undefined"!=typeof c&&null!==c)this.at_2x_path=c,this.perform_check=!1;else{if(void 0!==document.createElement){var d=document.createElement("a");d.href=this.path,d.pathname=d.pathname.replace(g,b),this.at_2x_path=d.href}else{var e=this.path.split("?");e[0]=e[0].replace(g,b),this.at_2x_path=e.join("?")}this.perform_check=!0}}function d(a){this.el=a,this.path=new c(this.el.getAttribute("src"),this.el.getAttribute("data-at2x"));var b=this;this.path.check_2x_variant(function(a){a&&b.swap()})}var e="undefined"==typeof exports?window:exports,f={retinaImageSuffix:"@2x",check_mime_type:!0,retinaImgTagSelector:"body img",force_original_dimensions:!0};e.Retina=a,a.configure=function(a){null===a&&(a={});for(var b in a)a.hasOwnProperty(b)&&(f[b]=a[b])},a.init=function(a){null===a&&(a=e),a.addEventListener("load",function(){var a,b,c=document.querySelectorAll(f.retinaImgTagSelector),e=[];for(a=0;a<c.length;a+=1)b=c[a],b.getAttributeNode("data-no-retina")||b.src&&e.push(new d(b))})},a.isRetina=function(){var a="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";return e.devicePixelRatio>1?!0:!(!e.matchMedia||!e.matchMedia(a).matches)};var g=/\.[\w\?=]+$/;e.RetinaImagePath=c,c.confirmed_paths=[],c.prototype.is_external=function(){return!(!this.path.match(/^(https?\:|\/\/)/i)||this.path.match("//"+document.domain))},c.prototype.check_2x_variant=function(a){var b,d=this;return this.perform_check||"undefined"==typeof this.at_2x_path||null===this.at_2x_path?this.at_2x_path in c.confirmed_paths?a(!0):this.is_external()?a(!1):(b=new XMLHttpRequest,b.open("HEAD",this.at_2x_path),b.onreadystatechange=function(){if(4!==b.readyState)return a(!1);if(b.status>=200&&b.status<=399){if(f.check_mime_type){var e=b.getResponseHeader("Content-Type");if(null===e||!e.match(/^image/i))return a(!1)}return c.confirmed_paths.push(d.at_2x_path),a(!0)}return a(!1)},b.send(),void 0):a(!0)},e.RetinaImage=d,d.prototype.swap=function(a){function b(){c.el.complete?(f.force_original_dimensions&&(0===c.el.offsetWidth&&0===c.el.offsetHeight?(c.el.setAttribute("width",c.el.naturalWidth),c.el.setAttribute("height",c.el.naturalHeight)):(c.el.setAttribute("width",c.el.offsetWidth),c.el.setAttribute("height",c.el.offsetHeight))),c.el.setAttribute("src",a)):setTimeout(b,5)}"undefined"==typeof a&&(a=this.path.at_2x_path);var c=this;b()},a.isRetina()&&a.init(e)}();

volume/www/website/www/web/landing/js/waypoints-sticky.min.js

@@ -0,0 +1,8 @@
+// Generated by CoffeeScript 1.6.2
+/*
+Sticky Elements Shortcut for jQuery Waypoints - v2.0.5
+Copyright (c) 2011-2014 Caleb Troughton
+Licensed under the MIT license.
+https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt
+*/
+(function(){(function(t,n){if(typeof define==="function"&&define.amd){return define(["jquery","waypoints"],n)}else{return n(t.jQuery)}})(window,function(t){var n,i;n={wrapper:'<div class="sticky-wrapper" />',stuckClass:"stuck",direction:"down right"};i=function(t,n){var i;t.wrap(n.wrapper);i=t.parent();return i.data("isWaypointStickyWrapper",true)};t.waypoints("extendFn","sticky",function(r){var e,a,s;a=t.extend({},t.fn.waypoint.defaults,n,r);e=i(this,a);s=a.handler;a.handler=function(n){var i,r;i=t(this).children(":first");r=a.direction.indexOf(n)!==-1;i.toggleClass(a.stuckClass,r);e.height(r?i.outerHeight():"");if(s!=null){return s.call(this,n)}};e.waypoint(a);return this.data("stuckClass",a.stuckClass)});return t.waypoints("extendFn","unsticky",function(){var t;t=this.parent();if(!t.data("isWaypointStickyWrapper")){return this}t.waypoint("destroy");this.unwrap();return this.removeClass(this.data("stuckClass"))})})}).call(this);

volume/www/website/www/web/sitemap.xml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+<url>
+  <loc>https://recruteur.talentstube.com/offre-emploi-originale</loc>
+  <lastmod>2021-02-10T16:05:39+00:00</lastmod>
+  <priority>1.00</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>1.00</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/offre-emploi-video</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/marque-employeur-video</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/candidatures-video</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/mentions-legales</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/cgu</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/politique-confidentialite</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/abonnement</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+<url>
+  <loc>https://recruteur.talentstube.com/register/</loc>
+  <lastmod>2020-11-18T16:05:39+00:00</lastmod>
+  <priority>0.80</priority>
+</url>
+
+
+</urlset>