templates/includes/volet.html.twig line 1

Open in your IDE?
  1. {#--------------------------#}
  2.   <div id = "containerVolet" class="volet_clos">
  3.     <div class="wrapperVolet">
  4.       <div id="voletIcons">
  5.         {# <div id ="voletIcon" class = "volet">
  6.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-left" viewBox="0 0 16 16">
  7.             <path fill-rule="evenodd" d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5zM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5z"/>
  8.             </svg>
  9.         </div> #}
  10.         <div id ="previewIcon" class = "voletIcon">
  11.             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  12.             <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
  13.             <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/>
  14.             </svg>
  15.         </div>
  16.         <div id ="chatIcon" class = "voletIcon">
  17.             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
  18.             <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
  19.             <path d="M208 0C322.9 0 416 78.8 416 176C416 273.2 322.9 352 208 352C189.3 352 171.2 349.7 153.9 345.8C123.3 364.8 79.13 384 24.95 384C14.97 384 5.93 378.1 2.018 368.9C-1.896 359.7-.0074 349.1 6.739 341.9C7.26 341.5 29.38 317.4 45.73 285.9C17.18 255.8 0 217.6 0 176C0 78.8 93.13 0 208 0zM164.6 298.1C179.2 302.3 193.8 304 208 304C296.2 304 368 246.6 368 176C368 105.4 296.2 48 208 48C119.8 48 48 105.4 48 176C48 211.2 65.71 237.2 80.57 252.9L104.1 277.8L88.31 308.1C84.74 314.1 80.73 321.9 76.55 328.5C94.26 323.4 111.7 315.5 128.7 304.1L145.4 294.6L164.6 298.1zM441.6 128.2C552 132.4 640 209.5 640 304C640 345.6 622.8 383.8 594.3 413.9C610.6 445.4 632.7 469.5 633.3 469.9C640 477.1 641.9 487.7 637.1 496.9C634.1 506.1 625 512 615 512C560.9 512 516.7 492.8 486.1 473.8C468.8 477.7 450.7 480 432 480C350 480 279.1 439.8 245.2 381.5C262.5 379.2 279.1 375.3 294.9 369.9C322.9 407.1 373.9 432 432 432C446.2 432 460.8 430.3 475.4 426.1L494.6 422.6L511.3 432.1C528.3 443.5 545.7 451.4 563.5 456.5C559.3 449.9 555.3 442.1 551.7 436.1L535.9 405.8L559.4 380.9C574.3 365.3 592 339.2 592 304C592 237.7 528.7 183.1 447.1 176.6L448 176C448 159.5 445.8 143.5 441.6 128.2H441.6z"/>
  20.             </svg>
  21.         </div>
  22.         <div id ="paperclipIcon" class = "voletIcon">
  23.             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
  24.             <!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
  25.             <path d="M0 64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM336 448V160H256C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V448C48 456.8 55.16 464 64 464H320C328.8 464 336 456.8 336 448z"/>
  26.             </svg>
  27.         </div> 
  28.       </div>
  29.       {#--------------------------#}
  30.       <div id ="mainVolet" class = "mainVolet">
  31.         <div id = "articleContainer" >
  32.           <div class = "containerMessageArticle"> <p class ="messageArticle">Cliquez sur un article pour pouvoir accéder à une prévisualisation</p></div>
  33.         </div>
  35.         <div id = "commentaireContainer" class ="container_hidden">
  36.           <div class = "containerMessageArticle"> <p class ="messageArticle">Cliquez sur un article pour pouvoir accéder à une prévisualisation</p></div>
  37.         </div>
  38.         
  39.         <div id = "attachmentWallContainer" class ="container_hidden">
  40.           <div class = "containerMessageArticle"> <p class ="messageArticle">Cliquez sur un article pour pouvoir accéder à une prévisualisation</p></div>
  41.         </div>
  43.       </div>
  44.     </div>
  45.   </div>