Feat : form validation talent + datepicker

volume/www/website/www/app/Resources/FairlaneCookieConsentBundle/views/cookie-info.html.twig

@@ -9,13 +9,20 @@
         {% set text_accept_button = fairlane_cookie_consent.twig.text_accept_button %}
     {% endif %}
     <div id="fairlane-cookie-consent" {% if fairlane_cookie_consent.useBootstrap == true %}class="navbar navbar-fixed-top"{% endif %}>
-        <p>
-            {{ text_info }}
-            {% if fairlane_cookie_consent.twig.url_additional_info| length > 1 and text_additional_info_link | length > 1 %}
-                <a href="{{ fairlane_cookie_consent.twig.url_additional_info }}" target="_blank">{{ text_additional_info_link }}</a>
-            {% endif %}
-        </p>
-        <button class="btn btn-default">{{ text_accept_button }}</button>
+        <div class="container">
+            <div class="row">
+                <div class="col s8">
+                    <p>{{ text_info }}
+                    {% if fairlane_cookie_consent.twig.url_additional_info| length > 1 and text_additional_info_link | length > 1 %}
+                        <a href="{{ fairlane_cookie_consent.twig.url_additional_info }}" target="_blank">{{ text_additional_info_link }}</a>
+                    {% endif %}
+                    </p>
+                </div>
+                <div class="col s4">
+                    <button class="btn btn-default">{{ text_accept_button }}</button>
+                </div>
+            </div>
+        </div>
     </div>
     {% if fairlane_cookie_consent.useJquery %}
         <script type="text/javascript">

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

@@ -2,7 +2,7 @@
 
 
 {% block content %}
-     <div class="fluid-container bg-grey-3 dashboardWrapper">
+     <div class="fluid-container bg-grey-3 dashboardWrapper dashboardCompanyWrapper">
         <div class="container">
             <div class="row flexcontainer">
                 {% include "company/menu.html.twig" ignore missing %}

volume/www/website/www/app/Resources/views/talent/base_dashboard_talent.html.twig

@@ -21,4 +21,28 @@
 {% block javascripts %}
     {{ parent() }}
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+    {% javascripts
+    '@vendors'
+    '@global'
+    '@talents'
+    output='assetic/main.dash.talent.js' filter='?uglifyjs2' %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+    <script type="text/javascript">
+        $.fn.datepicker.languages['fr-FR'] = {
+            format: 'dd/mm/yyyy',
+            days: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
+            daysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
+            daysMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
+            weekStart: 1,
+            months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
+            monthsShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Jun', 'Jui', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec']
+        };
+    
+        $('.datepicker').datepicker({
+            language: 'fr-FR'
+        });
+
+        $('form[name="talent_profile"]').validate();
+    </script>
 {% endblock %}

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

@@ -30,6 +30,10 @@ assetic:
                 - 'js/company.js'
                 - 'js/vendors/moment.min.js'
                 - 'js/vendors/jquery.daterangepicker.min.js'
+        talents:
+            inputs:
+                - 'js/vendors/datepicker.min.js'
+                - 'js/vendors/jquery.validate.min.js'
         admin:
             inputs:
                 - 'admin/AdminLTE/plugins/jQuery/jquery-2.2.3.min.js'

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

@@ -56,6 +56,8 @@ class TalentController extends Controller
         $form = $this->createForm(TalentProfileType::class, $user);
         $form->handleRequest($request);
         if ($form->isSubmitted() && $form->isValid()) {
+            $birthday = new \DateTime($form->getData()->getBirthday());
+            $user->setBirthday($birthday);
             $companyManager = $this->get('app.company_manager');
             $companyManager->updateTalent($user);
             $event = new UserEvent($user);

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

@@ -16,6 +16,7 @@ use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 
+use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\Extension\Core\Type\DateType;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\OptionsResolver\OptionsResolver;
@@ -26,7 +27,8 @@ class TalentProfileType extends AbstractType
     {
         $user = $options['data'];
         $user->getCompany()->init();
-
+        $birthday = $options['data']->getBirthday();
+        $options['data']->setBirthday($birthday->format('d/m/Y'));
         $builder
             ->add('firstname', null, array(
                 'label' => 'Prénom',
@@ -36,11 +38,12 @@ class TalentProfileType extends AbstractType
                 'label' => 'Nom',
                 'required' => true,
                 ))
-            ->add('birthday', DateType::class, array(
-                'widget' => 'single_text',
+            ->add('birthday', TextType::class, array(
                 'label' => 'Date de naissance',
                 'attr' => array(
-                    'class' => 'calendar'
+                    'class' => 'datepicker',
+                    'data-date-format' => "dd/mm/yyyy",
+                    'data-toggle'=>"datepicker"
                 )
             ))
             ->add('gender', ChoiceType::class, array(

volume/www/website/www/web/css/styles.css

@@ -12649,6 +12649,152 @@ coloring of icons.
   color: #49e;
   font-weight: 700; }
 
+/*!
+ * Datepicker v1.0.0
+ * https://fengyuanchen.github.io/datepicker
+ *
+ * Copyright 2014-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2018-08-05T03:02:13.513Z
+ */
+.datepicker-container {
+  -moz-user-select: none;
+  -ms-touch-action: none;
+  -ms-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  background-color: #fff;
+  direction: ltr;
+  font-size: 12px;
+  left: 0;
+  line-height: 30px;
+  position: fixed;
+  top: 0;
+  touch-action: none;
+  user-select: none;
+  width: 210px;
+  z-index: -1; }
+
+.datepicker-container:after, .datepicker-container:before {
+  border: 5px solid transparent;
+  content: " ";
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0; }
+
+.datepicker-dropdown {
+  -webkit-box-shadow: 0 3px 6px #ccc;
+  -webkit-box-sizing: content-box;
+  border: 1px solid #ccc;
+  box-shadow: 0 3px 6px #ccc;
+  box-sizing: content-box;
+  position: absolute;
+  z-index: 1; }
+
+.datepicker-inline {
+  position: static; }
+
+.datepicker-top-left, .datepicker-top-right {
+  border-top-color: #39f; }
+
+.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
+  border-top: 0;
+  left: 10px;
+  top: -5px; }
+
+.datepicker-top-left:before, .datepicker-top-right:before {
+  border-bottom-color: #39f; }
+
+.datepicker-top-left:after, .datepicker-top-right:after {
+  border-bottom-color: #fff;
+  top: -4px; }
+
+.datepicker-bottom-left, .datepicker-bottom-right {
+  border-bottom-color: #39f; }
+
+.datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before {
+  border-bottom: 0;
+  bottom: -5px;
+  left: 10px; }
+
+.datepicker-bottom-left:before, .datepicker-bottom-right:before {
+  border-top-color: #39f; }
+
+.datepicker-bottom-left:after, .datepicker-bottom-right:after {
+  border-top-color: #fff;
+  bottom: -4px; }
+
+.datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before {
+  left: auto;
+  right: 10px; }
+
+.datepicker-panel > ul {
+  margin: 0;
+  padding: 0;
+  width: 102%; }
+
+.datepicker-panel > ul:after, .datepicker-panel > ul:before {
+  content: " ";
+  display: table; }
+
+.datepicker-panel > ul:after {
+  clear: both; }
+
+.datepicker-panel > ul > li {
+  background-color: #fff;
+  cursor: pointer;
+  float: left;
+  height: 30px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  width: 30px; }
+
+.datepicker-panel > ul > li:hover {
+  background-color: #e5f2ff; }
+
+.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
+  color: #999; }
+
+.datepicker-panel > ul > li.highlighted {
+  background-color: #e5f2ff; }
+
+.datepicker-panel > ul > li.highlighted:hover {
+  background-color: #cce5ff; }
+
+.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
+  color: #39f; }
+
+.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
+  background-color: #fff;
+  color: #ccc;
+  cursor: default; }
+
+.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
+  background-color: #e5f2ff; }
+
+.datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] {
+  font-size: 18px; }
+
+.datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] {
+  width: 150px; }
+
+.datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li {
+  height: 52.5px;
+  line-height: 52.5px;
+  width: 52.5px; }
+
+.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
+  background-color: #fff;
+  cursor: default; }
+
+.datepicker-hide {
+  display: none; }
+
 /*Base
 ---------------------------------------------------*/
 /*************************** VARIABLES ***************************/
@@ -13307,8 +13453,8 @@ a.link-white-underline {
   position: fixed;
   bottom: 0;
   width: 100%;
-  background: rgba(255, 255, 255, 0.8);
-  text-align: center;
+  background: rgba(0, 0, 0, 0.8);
+  color: #FFF;
   padding: 20px;
   font-size: 12px; }
 
@@ -14811,6 +14957,16 @@ textarea.materialize-textarea:focus:not([readonly]) {
   box-shadow: 0 1px 0 0 #1689fb;
   outline: none; }
 
+form div.col label.error {
+  color: red;
+  position: absolute;
+  top: 20px;
+  left: 0; }
+  form div.col label.error.active {
+    color: red; }
+  div {
+    position: relative; }
+
 body {
   font-size: 16px;
   font-family: "Raleway", sans-serif;
@@ -15938,6 +16094,11 @@ span.titleVideo {
     text-decoration: none;
     color: #000; }
 
+#ad_show .profil-picture .responsive-img, #company_show .profil-picture .responsive-img, .dashboardCompanyWrapper .profil-picture .responsive-img {
+  object-fit: cover;
+  width: auto;
+  height: auto; }
+
 /*tableaux*/
 thead {
   border-bottom: solid 2px #232323;

volume/www/website/www/web/sass/modules/_app.scss

@@ -272,8 +272,8 @@
   position: fixed;
   bottom: 0;
   width: 100%;
-  background: rgba(255,255,255,0.8);
-  text-align: center;
+  background: rgba(0,0,0,0.8);
+  color: #FFF;
   padding: 20px;
   font-size:12px;
 }

volume/www/website/www/web/sass/modules/_form.scss

@@ -73,4 +73,20 @@ textarea.materialize-textarea:focus:not([readonly]){
     box-shadow: 0 1px 0 0 $blue2;
     outline: none;
   }
+}
+
+
+form div.col label.error{
+  color: red;
+  position: absolute;
+  top: 20px;
+  left: 0;
+  &.active{
+    color: red;
+  }
+  @at-root {
+    div {
+      position: relative;
+    }
+  }
 }

volume/www/website/www/web/sass/modules/_profile.scss

@@ -100,4 +100,12 @@
     text-decoration: none;
     color: #000;
   }
+}
+
+#ad_show,#company_show,.dashboardCompanyWrapper{
+  .profil-picture .responsive-img {
+    object-fit: cover;
+    width: auto;
+    height: auto;
+  }
 }

volume/www/website/www/web/sass/styles.scss

@@ -11,6 +11,7 @@
 @import "vendors/videojs.record";
 @import "vendors/tooltipster/tooltipster";
 @import "vendors/daterangepicker.min";
+@import "vendors/datepicker.min";
 /*Base
 ---------------------------------------------------*/
 @import 'base/variables';

volume/www/website/www/web/sass/vendors/_datepicker.min.scss

@@ -0,0 +1,9 @@
+/*!
+ * Datepicker v1.0.0
+ * https://fengyuanchen.github.io/datepicker
+ *
+ * Copyright 2014-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2018-08-05T03:02:13.513Z
+ */.datepicker-container{-moz-user-select:none;-ms-touch-action:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;top:0;touch-action:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid rgba(0,0,0,0);content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{-webkit-box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;border:1px solid #ccc;box-shadow:0 3px 6px #ccc;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}