templates/landing_page/landing_page_dept_charts.html.twig line 1

Open in your IDE?
  1. <div class="container pt-3 pb-5" data-aos="fade-up">
  2.     <div class="container loan-dept-chart align-content-center">
  3.       <div class="container m-0 p-0 d-flex flex-row justify-content-between align-items-center">
  4.         <h3 class="text-start" style="color: #83C5BE;">Performance</h3>
  5.       <select class="custom-dropdown" id="dropdown" name="options">
  6.           <option value="{{decodedValPercent10 | json_encode()}}" selected>10 days</option>
  7.           <option value="{{decodedValPercent20 | json_encode()}}">10-20 days</option>
  8.           <option value="{{decodedValPercent30 | json_encode()}}">>20 days</option>
  9.       </select>
  10.       </div>
  11.       <div style="padding: 10px;"></div>
  12.       <div class="chart">
  13.         <div class="bar-width">
  14.           <div class="bar_dte" style="height: 0%;"></div>
  15.         </div>
  16.         <div class="bar-width">
  17.           <div class="bar_dpi" style="height: 0%;"></div>
  18.         </div>
  19.         <div class="bar-width">
  20.           <div class="bar_dce" style="height: 0%;"></div>
  21.         </div>
  22.         <div class="bar-width">
  23.           <div class="bar_kottackal" style="height: 0%;"></div>
  24.         </div>
  25.         <div class="bar-width">
  26.           <div class="bar_panchayat" style="height: 0%;"></div>
  27.         </div>
  28.         <div class="bar-width">
  29.           <div class="bar_vaidya" style="height: 0%;"></div>
  30.         </div>
  31.         <div class="bar-width">
  32.           <div class="bar_dhse" style="height: 0%;"></div>
  33.         </div>
  34.         <div class="bar-width">
  35.           <div class="bar_vhse" style="height: 0%;"></div>
  36.         </div>
  37.         <div class="bar-width">
  38.           <div class="bar_farm" style="height: 0%;"></div>
  39.         </div>
  40.         <div class="bar-width">
  41.           <div class="bar_homeo" style="height: 0%;"></div>
  42.         </div>
  43.       </div>
  44.       <div class="label-container">
  45.         <div class="bar-label">DTE</div>
  46.         <div class="bar-label">DPI</div>
  47.         <div class="bar-label">DCE</div>
  48.         <div class="bar-label">Kottackal</div>
  49.         <div class="bar-label">Panchayat</div>
  50.         <div class="bar-label">Vaidya</div>
  51.         <div class="bar-label">DHSE</div>
  52.         <div class="bar-label">VHSE</div>
  53.         <div class="bar-label">FARM</div>
  54.         <div class="bar-label">HOMEO</div>
  55.       </div>
  56.     </div>
  57.   </div>