Compare commits

...

5 Commits

Author SHA1 Message Date
llaniau 9444700ab5 Param pre prod 2021-02-16 17:19:59 +01:00
llaniau 050ccb0ae1 Marque employeur 2021-02-16 17:14:27 +01:00
llaniau d40dc7add2 Parcours entreprise etape 2 2021-02-15 18:15:22 +01:00
llaniau 8fc9d69d80 Parcours entreprise 2021-02-11 20:56:44 +01:00
llaniau e8eb1c9692 MEP V2.6.2 2021-02-10 16:29:13 +01:00
25 changed files with 1261 additions and 1085 deletions
@@ -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>
@@ -31,7 +31,6 @@
{{ form_row(form.location_gmap) }}
{{ form_row(form.beneficiaire) }}
{{ form_row(form.description) }}
{{ form_row(form.publicTag) }}
</div>
</div>
@@ -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
@@ -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') %}
@@ -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 demploi. </h7>
</div>
<h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre
demploi. </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 lensemble 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();
@@ -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 demploi. </h7>
</div>
<h7 class="modal-title">Vous pouvez sélectionner jusqu’à 10 compétences à afficher dans votre offre
demploi. </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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 lensemble 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 %}
@@ -1,4 +1,4 @@
{% extends 'base_dashboard_temporaire.html.twig' %}
{% extends 'admin/base_dashboard.html.twig' %}
{% block content %}
@@ -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 lensemble 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 lensemble 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 soccupe pour vous du montage complet de votre offre demploi sous <span class="underline">48h</span></p>
<p>Envoyez les séquences vidéo et Talents Tube soccupe pour vous du montage complet de votre offre demploi sous <span class="underline">48h</span></p>
<label for="etape-import-video">Vidéo 1 : Présentation de lentreprise</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 lensemble des champs relatifs au pos
<label for="etape-import-video">Vidéo 3 : Témoignage dun 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 denvoi...
<div class=" center-align" id="encours">Vos séquences vidéo sont en cours denvoi...
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>
@@ -52,6 +52,7 @@
<script>
document.location.href = "/entreprise/me/profil";
</script>
{# {{ render("/entreprise/me/profil") }} #}
</div>
{% endif %}
@@ -69,39 +70,126 @@
<!-- 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">
<div class="inner" style="transform: translateY(0px); opacity: 1;">
<!-- START BREADCRUMB -->
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/entreprise/me/">Accueil</a></li>
<li class="breadcrumb-item"><a href="https://recruteur.talentstube.com/entreprise/me/">Accueil</a></li>
</ol>
<!-- END BREADCRUMB -->
<div class="row">
<div class="col-xl-12 col-lg-12 ">
<!-- START card -->
<div class="card card-transparent">
<div class="card-header ">
</div>
<div class="card-body">
</div>
</div>
</div>
<!-- END JUMBOTRON -->
<!--Boutons actions Tableau de bord -->
<a class="btn-square" target="_self" href="{{ path('company_ad_create') }}">
<button aria-label=""
class="btn btn-primary btn-cons">{{ 'ad.company.add.label'|trans }}</button>
</a>
</div>
</div>
<!-- END card -->
<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 demploi 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 demploi</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>
<!-- END JUMBOTRON -->
<!--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 demploi</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">
{# <div class=" container-fluid container-fixed-lg bg-white">
<!-- START card -->
<div class="card card-transparent">
<div class="card-header ">
@@ -130,7 +218,10 @@
<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>
<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
@@ -138,7 +229,9 @@
<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>
<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">
@@ -176,7 +269,8 @@
<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>
<h3 class="bold no-margin p-b-5 text-card">{{ records.totalRecordsCompany }}
</h3>
</div>
<div class="col-sm-5 vertical-border">
<div
@@ -193,7 +287,8 @@
<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>
<h4 class="bold no-margin" style="opacity:0.75">
+{{ records30days.totalRecordsCompany }}</h4>
</div>
</div>
</div>
@@ -224,7 +319,8 @@
<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>
<h3 class="bold no-margin p-b-5 text-card">
{{ records.totalRecords-records.totalRecordsCompany }}</h3>
</div>
<div class="col-sm-5 vertical-border">
<div
@@ -232,7 +328,9 @@
<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>
<h4 class="bold no-margin">
+{{ records7days.totalRecords-records7days.totalRecordsCompany }}
</h4>
</div>
</div>
<div class="col-sm-5">
@@ -241,7 +339,9 @@
<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>
<h4 class="bold no-margin" style="opacity:0.75">
+{{ records30days.totalRecords-records30days.totalRecordsCompany }}
</h4>
</div>
</div>
</div>
@@ -266,7 +366,7 @@
</div>
</div> #}
<!-- END card -->
File diff suppressed because one or more lines are too long
@@ -278,7 +278,7 @@
<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 demploi vidéo avec un smartphone</li>
<li>Envoyez-nous vos séquences vidéos</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>
@@ -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 %}
@@ -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>
+1 -1
View File
@@ -80,7 +80,7 @@ twig:
globals:
push_public_key: "%push_params.public_key%"
fairlane_cookie_consent: '@fairlane_cookie_consent.twig'
version: '2.6.2'
version: '2.7.1'
@@ -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;
@@ -101,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(),
]);
}
@@ -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(
@@ -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(),
]);
}
@@ -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',
@@ -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',
@@ -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(
@@ -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(
@@ -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',
])
],
));
}
}
@@ -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");
}
}
/**
@@ -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,75 +31,78 @@
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 {
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;
}
.container-envoi-videos {
width: 100%;
height: auto;
border: 1px solid #1689FB;
border-radius: 5px;
margin-bottom: 30px;
}
.text-card h3, .text-card span, .text-card h4{
.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;
}
@@ -126,5 +131,82 @@
.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;
}
+22 -21
View File
@@ -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;
});
+6 -2
View File
@@ -6,7 +6,11 @@
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>
@@ -54,4 +58,4 @@
</url>
</urlset>
</urlset>