templates/lettreDeMission/lettreDeMission.html.twig line 1

Open in your IDE?
  1. <html>
  2.     <head>
  3.         <title>(Projet) de Lettre de Missions</title>
  4.         <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  5.         <style>
  6.             /* CSS Document */
  8.             body {
  9.                 font-family: Arial;
  10.                 font-size: 12px;
  11.                 margin: 0;
  12.                 line-height: 16px;
  13.             }
  15.             .bloc_tete {
  16.                 text-align: center;
  17.             }
  19.             .bloc_title {
  20.                 background-color: #C0C0C0;
  21.                 border: 1px solid black;
  22.                 text-align: center;
  23.             }
  25.             .bloc_validationfonctionnelle {
  26.                 border: 1px solid black;
  27.                 padding: 5px;
  28.                 text-align: left;
  29.             }
  31.             .centered_bloc {
  32.                 padding: 5px;
  33.                 text-align: justify;
  34.             }
  36.             .bloc_contexte {
  37.                 background-color: #C0C0C0;
  38.                 border: 1px solid black;
  39.             }
  41.             .bloc_contexte td {
  42.                 text-align: center;
  43.                 font-size: 9px;
  44.                 font-style: italic;
  45.             }
  47.             .title {
  48.                 font-size: 12px;
  49.                 font-weight: bold;
  50.             }
  52.             .bold {
  53.                 font-weight: bold;
  54.             }
  56.             .italic {
  57.                 font-style: italic;
  58.             }
  60.             .underline {
  61.                 text-decoration: underline;
  62.             }
  64.             .right {
  65.                 float: right;
  66.             }
  68.             td {
  69.                 padding-bottom: 0px;
  70.                 padding-top: 0px;
  71.                 padding-left: 0px;
  72.                 padding-right: 0px;
  73.             }
  74.             .myTd {
  75.                 padding-bottom: 5px;
  76.                 padding-top: 5px;
  77.                 padding-left: 5px;
  78.                 padding-right: 5px;
  79.             }
  80.             .om_tab td {
  81.                 padding-bottom: 0px;
  82.                 padding-top: 0px;
  83.                 font-size: 13px;
  84.             }
  86.             .tabul {
  87.                 margin-left: 10px;
  88.             }
  90.             .space {
  91.                 margin-left: 10px;
  92.             }
  94.             .action_table {
  95.                 background-color: white; /* #C0C0C0; */
  96.                 font-size: 10px;
  97.                 border-collapse: collapse;
  98.                 border: 2px solid #000000;
  99.             }
  100.             .action_table2 {
  101.                 background-color: white; /* #C0C0C0; */
  102.                 font-size: 10px;
  103.                 border-collapse: collapse;
  104.             }
  105.             .action_table > thead {
  106.                 text-align: center;
  107.             }
  109.             .action_table > thead > tr > td {
  110.                 padding: 0px 0px 0px 0px;
  111.             }
  113.             .action_table > tbody > tr > td {
  114.                 padding: 0 5px 0 5px;
  115.                 text-align: center;
  116.             }
  118.             .action_table > tbody > tr > td.action {
  119.                 padding: 5px 0 5px 0;
  120.             }
  122.             .action_table td.row-odd {
  123.                 background-color: white;
  124.             }
  126.             .action_table td.row-even {
  127.                 background-color: white; /* #C0C0C0; */
  128.             }
  130.             .action_table td, .action_table th {
  131.                 border: 1px solid black;
  132.             }
  134.             .action_table td div, .action_table th div {
  135.                 page-break-inside: avoid;
  136.             }
  138.             .action_table tr.breaker {
  139.                 page-break-after: always;
  140.             }
  142.             .yellow1 {
  143.                 background-color: white;
  144.                 text-align: center;
  145.             }
  147.             .green1 {
  148.                 background-color: white;
  149.                 text-align: center;
  150.             }
  152.             .gray1 {
  153.                 background-color: #C0C0C0; /* #58FAD0; */
  154.             }
  156.             .blue1 {
  157.                 background-color: white; /* #6699FF;  #5882FA; */
  158.                 text-align: center;
  159.             }
  161.             .white {
  162.                 background-color: #fff;
  163.                 text-align: left;
  164.                 padding: 0 2px;
  165.             }
  167.             .end_label {
  168.                 font-size: 10px;
  169.                 text-align: center;
  170.                 bottom: 0;
  171.             }
  173.             .red2 {
  174.                 color: red;
  175.             }
  177.             .header_bilan {
  178.                 background-color: #C0C0C0;
  179.                 border: 1px solid black;
  180.                 padding: 10px 0px;
  181.                 text-align: center;
  182.             }
  184.             .sous-action-lib span{margin-top:5px;margin-bottom:40px;line-height: 12px;}
  186.             /***** Footer *****/
  187.             {# #footer {
  188.                 border-top: 1px solid #333;
  189.                 font-family: "Arial";
  190.                 font-size: 10px;
  191.                 margin: 0;
  192.                 line-height: 16px;
  193.             } #}
  195.              /***** Footer *****/
  196.         #footer
  197.         {
  198.             border-top: 1px solid #333;
  199.             font-size: 10px;
  200.             margin:    0;
  201.             line-height: 16px;
  202.             width : 100%;
  203.             position: absolute;
  204.             bottom : 30px;
  205.             padding-top : 30px;
  207.         }
  208.         #footer .date
  209.         {
  210.             float: left;
  211.         }
  212.         #footer .num
  213.         {
  214.             float: right;
  215.         }
  217.         #footer p
  218.         {
  219.             text-align: center;
  220.             padding : 0px;
  221.             margin: 0px;
  222.         }
  224.         #footer .numerotation
  225.         {
  226.             float: right;
  227.         }
  228.         </style>
  230.     </head>
  231.     <body backtop="0mm" backbottom="10mm" backleft="0mm" backright="0mm">
  232.     {% if synthese.ListeAction|length > 0 %}
  233.          <page_footer>
  234.             <table class="footer">
  235.                 <tr>
  236.                     <td style="width:730px; text-align: right">
  237.                         page [[page_cu]]/[[page_nb]]
  238.                     </td>
  239.                 </tr>
  240.             </table>
  241.         </page_footer>      
  243.         <div class="bloc_tete">
  244.             <img src="{{ url_logo_path }}" width="165" height="103"/>
  245.              <p align="center"> {{ entete }}</p>
  246.         </div>
  248.         <br>
  250.         <div class="bloc_title">
  251.             <br/>
  252.             <span style="font-family:Arial;font-size:15px;font-weight:bold;">{% if (signataire) %} Lettre de missions {% else %} Projet de Lettre de mission {% endif %}</span>
  253.             <br/>
  254.             <span style="font-family:Arial;font-size:10px;">
  255.                 {% if synthese.infoPlm.matricule is defined %}  n°{{ synthese.infoPlm.matricule }} {% endif %}
  256.             </span>
  257.             <br/>
  258.             <p style="font-family:Arial;font-size:13px;font-weight:bold;">
  259.                 {{ synthese.infoCts.civilite }} {{ synthese.infoCts.nom }} {{ synthese.infoCts.prenom }}
  260.             </p>
  261.             <span style="font-family:Arial;font-size:13px;font-weight:bold; margin-bottom: 4px;"> 
  262.                     {#{ synthese.infoCts.poste|socleRh(synthese.infoCts.poste) }#}<br/>
  263.                     {#{ synthese.infoCts.federation }#}
  264.                     {{ synthese.infoCts.affectation }}                
  265.              </span>
  266.             <br/>
  267.             <br/>
  268.         </div>
  269.         
  270.         <br/>
  273.         <page_footer>
  274.             <table class="footer">
  275.                 <tr>
  276.                     <td style="width:730px; text-align: right">
  277.                         page [[page_cu]]/[[page_nb]]
  278.                     </td>
  279.                 </tr>
  280.             </table>
  281.         </page_footer>
  282.  
  284.          <p style="text-align: justify;">
  285.             Vous êtes agent de l'Etat affecté en qualité de Conseiller(ère) Technique Sportif(ive) 
  286.             exerçant ses missions auprès de la {% if synthese.infoCts.federation is defined %}  {{ synthese.infoCts.federation}} {% endif %} .<br/>
  287.             Votre emploi est :{% if synthese.infoCts.poste is defined %}
  288.                                                  {% set socleRh = synthese.infoCts.poste|socleRh %}
  289.                                                    {% if socleRh is defined %}
  290.                                                     {{ socleRh }}
  291.                                                      {% endif %}
  292.                             {% endif %}
  293.             <br/>
  294.             Vous y intervenez sur les disciplines : 
  295.             {% if discipline is defined %}
  296.             <ul>
  297.                 {% for discipline in discipline %}
  298.                     <li>{{ discipline }}</li>
  299.                 {% endfor %}
  300.             </ul> 
  301.             {% endif %}
  302.             <br />
  303.             {{txt1|raw|nl2br}}
  304.         </p>
  305.         
  306.       <p style="text-align: justify;">
  307.             La présente lettre de missions vous est notifiée pour une durée maximum de quatre
  308.             années.<br/>
  309.             Elle entrera en effet le {% if synthese.infoPlm.DateDebut is defined %}  
  310.             {{ synthese.infoPlm.DateDebut|date('d/m/Y') }} {% endif %} 
  311.             et est prévu pour prendre fin au plus tard 
  312.             le {% if synthese.infoPlm.DateFin is defined %} {{ synthese.infoPlm.DateFin|date('d/m/Y') }}. {% endif %}<br/>
  313.             Elle pourra être révisée en tant que de besoin au cours de l’olympiade.<br/>
  314.         </p>
  316.        <p style="text-align: justify;">
  317.             Selon cette lettre de missions, votre fonction principale est : 
  318.             <strong>{% if f_principale is defined %} {{f_principale}} {% endif %}</strong> 
  319.             {% if f_compl is defined %} et votre fonction secondaire est : <strong>{{f_compl}}</strong> {% endif %}
  320.             <br/>
  321.             <br/>
  322.             <strong>Le périmètre de vos activités s’organise comme suit :</strong><br/>
  323.             Activités régionales :{% if synthese.ToralRegional is defined %} {{ synthese.ToralRegional }} %  {% endif %}   
  324.             Activités nationales : {% if synthese.TotalNation is defined %} {{ synthese.TotalNation }} % {% endif %}  <br/>
  325.             Le lieu principal où s’exerce votre activité est : {% if lieu is defined %} {{ lieu }} {% endif %} <br/>
  326.             {{adresse}}
  327.             <br/>
  328.             Région : {{localisation}}
  329.             <br/>
  330.             <strong>Votre activité peut vous amener à vous déplacer :</strong><br/>
  331.             Pour ce faire vous bénéficiez d’une autorisation permanente de déplacement valable sur le périmètre :
  332.     {% if synthese.infoPlm is defined and synthese.infoPlm.cadreGeneral is defined %}
  333.             {% set perimetre = synthese.infoPlm.cadreGeneral|perimetre %}
  334.         {% if perimetre is defined %}
  335.             {{ perimetre}}
  336.         {% endif %}
  337.     {% endif %}
  338.              <br>
  339.             Celle-ci est modifiable autant que de besoin par le Directeur Technique National sur demande écrite à la direction des sports.
  340.         </p>
  342.          <strong>Lors de vos déplacements à l’étranger vous devez respecter le cadre suivant :</strong>
  343.         <p style="text-align: justify;"> {{txt2|raw|nl2br}}</p>
  345.         <strong>Dans l’exercice de vos activités, vous êtes soumis à un ensemble d’obligations auxquelles vous êtes tenu de vous conformer :</strong>
  346.         <p style="text-align: justify;"> {{txt3|raw|nl2br}}</p>
  348.         <strong>Le détail des activités de votre lettre de missions est le suivant :</strong> <br/>
  349.         <br/>
  350.       <page backtop="0mm" backbottom="10mm" backleft="0mm" backright="0mm">
  351.          <page_footer>
  352.             <table class="footer">
  353.                 <tr>
  354.                     <td style="width:730px; text-align: right">
  355.                         page [[page_cu]]/[[page_nb]]
  356.                     </td>
  357.                 </tr>
  358.             </table>
  359.         </page_footer>    
  360.           <page_header>
  361.             <div style="margin-top: -70px;">
  362.                 <div id="bloc_header" class="bloc_contexte" align="right">
  363.                     <table style="width:700px; height: 72px;">
  364.                         <tr>
  365.                             <td width="500" valign="left" align="left">
  366.                                 <span style="font-family:Arial;font-size:12px">
  367.                                     <b>(Projet) de lettre de missions de</b> {{ synthese.infoCts.civilite }} {{ synthese.infoCts.nom }} {{ synthese.infoCts.prenom }}
  368.                                     <br/><b>Affecté à :</b> {{ synthese.infoCts.affectation }}<br/>
  369.                                      {{ synthese.infoCts.federation }} 
  370.                                         {% if synthese.infoCts.poste is defined %}
  371.                                          {% set socleRh = synthese.infoCts.poste|socleRh %}
  372.                                          {% if socleRh is defined %}
  373.                                             {{ socleRh }}
  374.                                         {% endif %}
  375.                                         {% endif %}
  377.                                 </span>
  378.                             </td>
  379.                             <td width="190px;" align="right" valign="right">
  380.                                 <span style="font-family:Arial;font-size:12px;font-weight:bold;margin-top: 10px;margin-left:10px;">
  381.                                     n°{{ synthese.infoPlm.matricule }}</span>
  382.                             </td>
  383.                         </tr>
  384.                     </table>
  385.                 </div>
  386.             </div>
  387.         </page_header> 
  388.        <table class="action_table">
  389.             <tr class="gray1 bold" width="585">
  390.                 <td width="250" class="myTd">Fonction</td>
  391.                 <td width="305" class="myTd">Activité</td>
  392.                 <td width="20" class="gray1 myTd">REG</td>
  393.                 <td width="20" class="gray1 myTd">NAT</td>
  394.                 <td width="20" class="gray1 myTd">TOTAL</td>
  395.             </tr>
  396.             {% for listAction in synthese.ListeAction %}
  397.              {% if listAction.code_action is defined %}
  398.                 {% if listAction.code_action != "FOR" %}
  400.                 <tr class="bold" swidth="585">
  401.                     <td width="555" colspan="2" class="gray1 action myTd"
  402.                         style="font-size:12px;text-align:left;">Action
  403.                         n°{{ listAction.num_action }} {{ listAction.libAction }}</td>
  404.                     <td width="20" class="gray1 myTd" align="center">{{ listAction.quoReg }} </td>
  405.                     <td width="20" class="gray1 myTd" align="center">{{ listAction.quoNat }}</td>
  406.                     <td width="20" class="gray1 myTd" align="center">{{ listAction.quoReg + listAction.quoNat }}</td>
  407.                 </tr>
  408.                 {% endif %}
  409.             {% endif %}
  411.             {% if listAction.code_action is defined %}
  412.                 {% if listAction.code_action == "FOR" %}
  414.                 <tr class="bold" swidth="585">
  415.                     <td width="555" colspan="2" class="gray1 action myTd"
  416.                         style="font-size:12px;text-align:left;">Action
  417.                         n°{{ listAction.num_action }} {{ listAction.libAction }}</td>
  418.                     <td width="20" class="gray1 myTd" align="center"></td>
  419.                     <td width="20" class="gray1 myTd" align="center"></td>
  420.                     <td width="20"class="gray1 myTd" align="center"></td>
  421.                 </tr>
  422.                 <tr  width="585">
  423.                     <td colspan="5" class="myTd"
  424.                         style="font-size:10px;text-align:left;" width="555">
  425.                         <I>Les activités de formation et de développement de carrière de l’agent sont inscrites dans 
  426.                         un plan de formation individuel validé avec le supérieur hiérarchique qui en fixe les modalités et le volume. 
  427.                         Elles ne sont pas prises en compte dans la quotité des missions</I>
  428.                     </td>
  429.                 </tr>
  430.                {% endif %}
  431.             {% endif %}
  432.                 {% for listSousAction in listAction.listeSousAction %}
  433.                     <tr width="585">
  434.                         <td width="250;" style="font-size: 10px;" class="myTd" >{{ listSousAction.Libelle }}</td>
  435.                         <td colspan="5" valign="top" width="305">
  436.                             <table style="border:0px;border-collapse: collapse; padding-top:0px;border: none; border-color:#ededed " border="0">
  437.                                 {% for listeActivite in listSousAction.listeActivite %}
  438.                                     <tr style="border-collapse: collapse;border: none;" width="305">
  439.                                         <td class="sous-action-lib myTd" width="308" style="font-size: 10px;border-collapse: collapse; border-top: none;border-left:none;">
  440.                                             {% if not listeActivite.masquerLibelle %}
  441.                                             <span>{{ listeActivite.libelleActivite }}</span>
  442.                                             {% endif %}
  443.                                             <br><span style="text-indent: 10px;"><br></span>
  444.                                         </td>
  445.                                         {% if listAction.code_action is defined %}
  446.                                             {% if listAction.code_action != "FOR" %}
  447.                                             <td width="40" class="green1" style="border-top: none;border-collapse: collapse;"><span style="line-height: 14px;vertical-align: center;margin-top: 5px;border-top: none;">{{ listeActivite.quoReg }}</span></td>
  448.                                             <td width="40" class="yellow1" style="border-top: none;border-collapse: collapse;"><span style="line-height: 14px;vertical-align: center;margin-top: 5px;border-top: none;">{{ listeActivite.quoNat }}</span></td>
  449.                                             <td width="40" class="blue1" style="border-top: none;border-collapse: collapse;"><span style="line-height: 14px;vertical-align: center;margin-top: 5px;">{{ listeActivite.quoReg + listeActivite.quoNat }}</span></td>
  450.                                             {% else %}
  451.                                             <td width="40" class="gray1" style="border-top: none;border-collapse: collapse;"></td>
  452.                                             <td width="40" class="gray1" style="border-top: none;border-collapse: collapse;"></td>
  453.                                             <td width="40" class="gray1" style="border-top: none;border-collapse: collapse;"></td>
  454.                                             {% endif %}
  455.                                         {% endif %}
  456.                                     </tr>
  457.                                 {% endfor %}
  458.                             </table>
  459.                         </td>
  460.                      </tr>
  461.                 {% endfor %}
  463.             {% endfor %}
  465.         </table> 
  466.         <br/><br/>
  468.         <strong>Votre mission doit respecter les directives suivantes communes à tous les CTS de la fédération et fixées par le DTN,</strong>
  469.         <p style="text-align: justify;">{{txt5|raw|nl2br}}</p>
  471.          <strong>
  472.             En outre, l’exercice de votre mission devra se faire selon les indications suivantes :
  473.         </strong>
  474.         <p style="text-align: justify;">{{precision|raw|nl2br}}</p>
  476.        <strong>
  477.             Votre mission doit respecter les directives suivantes communes à tous les CTS de votre service,
  478.         </strong>
  479.         <p style="text-align: justify;">{{txt7|raw|nl2br}}</p>
  481.         <strong>
  482.             En outre, l’exercice de votre mission devra se faire selon les instructions suivantes :
  483.         </strong>
  484.         <p style="text-align: justify;">{{superieur_hierarchique|raw|nl2br}}</p>
  486.         <strong>
  487.            Enfin, votre mission doit respecter les instructions nationales données par la direction des sports.
  488.         </strong>
  489.         <p style="text-align: justify;">{{txt4|raw|nl2br}}</p>
  491.          <nobreak> 
  493.          {% if projetLettreMission.IdWorkflow.IdWorkflow == 7 %}
  494.             <div class="bloc_validationfonctionnelle" height="300">
  495.                 <div style="font-size: 11px;"><strong>Validation fonctionnelle</strong></div>
  496.                 <div style="font-size: 10px">Le directeur technique national atteste que les missions confiées à l’agent ont été élaborées sur la base
  497.                     de ses propositions - article R131.22 du code du sport - et après échange avec l’agent concerné.<br/><br/></div>
  498.                 <div style="font-size: 10px">Cette lettre de missions, qui entre dans le cadre des directives techniques nationales de la fédération
  499.                     incluant les données du projet fédéral et les orientations ministérielles, est validée par le directeur
  500.                     technique national en tant que responsable fonctionnel de l’agent.</div>
  501.                 <table height="500">
  502.                     <tr width="370" >
  503.                         <td width="50%">
  504.                             <div class="bloc_sign" style="text-align:left;">
  505.                                 <p style="text-align:left;">
  506.                                     {% if signataireDtn.civilite is defined %} {{ signataireDtn.civilite }} {% endif %} 
  507.                                     {% if signataireDtn.prenom is defined %}{{ signataireDtn.prenom }}{% endif %} 
  508.                                     {% if signataireDtn.nom is defined %}{{ signataireDtn.nom }}{% endif %}
  509.                                     <br>
  510.                                     {% if signataireDtn.federation is defined %}{{ signataireDtn.federation }}{% endif %}
  511.                                     <br/><br/>
  512.                                     {% if signataireDtn.path is defined %}
  513.                                         {% if signataireDtn.path %}
  514.                                             <img src="{{ signataireDtn.path }}">
  515.                                         {% endif %}
  516.                                     {% else %}
  517.                                         <br />
  518.                                         <br />
  519.                                     {% endif %}
  520.                                 </p>
  521.                             </div>
  522.                         </td>
  523.                         <td width="50%">
  524.                         {% if(signataire is defined) %}
  525.                             {% if(signataire) %}
  526.                             <div class="bloc_sign" style="text-align:right;">
  527.                                 <p style="text-align:right;">
  528.                                     {% if signataire.civilite is defined %} {{ signataire.civilite }} {% endif %} 
  529.                                     {% if signataire.nom is defined %}{{ signataire.nom }}{% endif %}
  530.                                     {% if signataire.prenom is defined %}{{ signataire.prenom }}{% endif %},
  531.                                     le {% if signataire.dateSignature is defined %} {{ signataire.dateSignature|date("d/m/Y") }} {% endif %}
  532.                                     <br/>
  533.                                     {% if signataire.fonction is defined %}{{ signataire.fonction }}{% endif %}<br/>
  534.                                     <br/><br/>
  535.                                     {% if signataire.path is defined %}
  536.                                         {% if signataire.path %}
  537.                                             <img src="{{ signataire.path }}">
  538.                                         {% endif %}
  539.                                     {% else %}
  540.                                         
  541.                                     {% endif %}
  542.                                     {% if signataire.sup %}
  543.                                         Supérieur hiérarchique<br/>
  544.                                         <br/><br/>
  545.                                     {% endif %}
  546.                                 </p>
  547.                             </div>
  548.                         {% else %}
  549.                             <div class="bloc_sign" style="text-align:right;">
  550.                                 <p style="text-align:right;">
  551.                                     {% if userInfor.direction is defined %} {{ userInfor.direction }} {% endif %}
  552.                                     <br/>
  553.                                     {% if userInfor.civilite is defined %} {{ userInfor.civilite }} {% endif %} {% if userInfor.prenom is defined %}{{ userInfor.prenom }}{% endif %} {% if userInfor.nom is defined %}{{ userInfor.nom  }}{% endif %}
  554.                                     <br>
  555.                                     {% if userInfor.civilite is defined %} Le {{ "now"|date("d/m/Y") }} {% endif %}
  556.                                     <br/><br/>
  557.                                 </p>
  558.                             </div>
  559.                         {% endif %}
  560.                         {% endif %}
  561.                         </td>
  562.                     </tr>
  563.                 </table>
  564.                 La présente lettre de missions est validée et signée par l’autorité compétente.
  565.                 <br /> <br /> <br /><br />
  566.             </div>
  567.         {% endif %}
  568.         
  569.         </nobreak>
  571.         </page>
  572.  
  573.     {% else %} 
  575.         Le fichier PDF n'a pas pu être généré correctement,<br/>
  576. car aucune action n'est enregistrée pour le dossier de l'agent. Saisissez et enregistrez les missions de l'agent avant de renouveler votre demande d'édition.
  578.      {% endif %} 
  579.     <div id="footer" >
  580.     <p style="text-align:left">
  581.     {% if footer is defined %}
  582.         {% for element in footer %}
  583.             {% if element != '' %}
  584.                 <p align="center"> {{ element }}</p>
  585.             {% endif %}
  586.         {% endfor %}
  587.     {% endif %}
  588.     </p>
  589.     </div>
  590.     </body>
  591. </html>