src/Pumukit/WebTVBundle/Resources/views/Modules/widget_breadcrumb.html.twig line 1

Open in your IDE?
  1. <div class="container-fluid breadcrumb-pmk">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-xs-12">
  5.                 <ol class="breadcrumb breadcrumb-pmk-list">
  6.                     <li>
  7.                         <a href="{{ breadcrumbs[0]["link"] }}" {% if breadcrumbs|length == 1 %}class="active" aria-current="page"{% endif %} title="{{ breadcrumbs[0]["title"] }}">
  8.                             {{ breadcrumbs[0]["title"] }}
  9.                         </a>
  10.                     </li>
  12.                     {% if breadcrumbs|length > 1 %}
  13.                         <li>
  14.                             <a href="{{ breadcrumbs[1]["link"] }}" {% if breadcrumbs|length == 2 %}class="active" aria-current="page"{% endif %} title="{{ breadcrumbs[1]["title"] }}">
  15.                                 {{ breadcrumbs[1]["title"] }}
  16.                             </a>
  17.                         </li>
  18.                     {% endif %}
  20.                     {% if breadcrumbs|length > 2 %}
  21.                         <li>
  22.                             <a id="breadcrumbs_series_a" href="{{ breadcrumbs[2]["link"] }}" {% if breadcrumbs|length == 3 %}class="active" aria-current="page"{% endif %} title="{{ breadcrumbs[2]["title"] }}">
  23.                                 {{ breadcrumbs[2]["title"] }}
  24.                             </a>
  25.                         </li>
  26.                     {% endif %}
  28.                     {% if breadcrumbs|length > 3 %}
  29.                         <li>
  30.                             <a id="breadcrumbs_mmobj_a" href="{{ breadcrumbs[3]["link"] }}" {% if breadcrumbs|length == 4 %}class="active" aria-current="page"{% endif %} title="{{ breadcrumbs[3]["title"] }}">
  31.                                 {{ breadcrumbs[3]["title"] }}
  32.                             </a>
  33.                         </li>
  34.                     {% endif %}
  35.                 </ol>
  36.             </div>
  37.         </div>
  38.     </div>
  39. </div>
  41. <script type="text/javascript">
  42.     $(function () {
  43.         var breadcrumbs_seriesa = $('#breadcrumbs_series_a');
  44.         var breadcrumbs_mmobja = $('#breadcrumbs_mmobj_a');
  45.         if (!breadcrumbs_mmobja.length && !breadcrumbs_seriesa.length) {
  46.             return false;
  47.         }
  48.         var breadcrumbLiHeight = ($('.breadcrumb li').first().height()) + 8;
  49.         var breadcrumbHeight = ($('.breadcrumb').height());
  50.         var breadcrumbSeriesTitle = breadcrumbs_seriesa.height();
  51.         var appendSeries, appendMultimediaObject = false;
  52.         while (((breadcrumbSeriesTitle + 3) > breadcrumbLiHeight) || (breadcrumbHeight > breadcrumbLiHeight)) {
  53.             if (breadcrumbs_seriesa.text().trim().length > 20) {
  54.                 breadcrumbs_seriesa.text(breadcrumbs_seriesa.text().substring(0, breadcrumbs_seriesa.text().trim().length - 1));
  55.                 appendSeries = true;
  56.             } else {
  57.                 breadcrumbs_mmobja.text(breadcrumbs_mmobja.text().substring(0, breadcrumbs_mmobja.text().trim().length - 1));
  58.                 if(breadcrumbs_mmobja.text().trim().length < 20) {
  59.                     break;
  60.                 }
  61.                 appendMultimediaObject = true;
  62.             }
  63.             breadcrumbSeriesTitle = $('.breadcrumb').height();
  64.             breadcrumbHeight = ($('.breadcrumb').height());
  65.         }
  66.         if (appendMultimediaObject) breadcrumbs_mmobja.append("...");
  67.         if (appendSeries) breadcrumbs_seriesa.append("...");
  68.     });
  69. </script>