templates/FO/FO/fil_ariane.html.twig line 1

Open in your IDE?
  1. <div style="width:100%;box-sising:border-box;" id="conteneur_fil_ariane">
  2.     <ol class="breadcrumb" style="margin-bottom:0px;font-size:0.9em;padding-left:30px;border-radius:0px;padding-left:15px;">
  3.         <li style="padding-left:16px;"><a href="{{ path ("dtcfo_homepage") }}" title="Accueil"><i style="font-size:1em;margin-top:3px;position:absolute;margin-left:-20px;" class="fa fa-home  fa-fw"></i> Accueil</a></li>
  4.         {% if tableau == 'DTCArticlesBundle:Article' %}
  5.             <li><a href="{{ path ("dtc_article_liste") }}" title="Produits">{% trans %}Produits{% endtrans %}</a></li>
  6.         {% endif %}
  7.         {% if type == 'liste' %}
  8.             <li class="active">{% trans %}Liste{% endtrans %}</li>
  9.         {% else %}
  10.             {% if tableau == 'DTCArticlesBundle:Article' and  type != "liste" %}
  11.                 {% set cat_dernier_niveau =  dtc_article.getCategorieDernierNiveau(objet) %}
  12.                 {% set breadcrumb = [] %}
  13.                 {% if cat_dernier_niveau.id is defined %}
  14.                     {% set current = cat_dernier_niveau %}
  15.                     {% for i in 0..9 %}
  16.                         {% if current is not null %}
  17.                             {% set breadcrumb = breadcrumb|merge([current]) %}
  18.                             {% set current = current.categorieParent %}
  19.                         {% else %}
  20.                             {% set current = null %} {# stoppe la boucle naturellement #}
  21.                         {% endif %}
  22.                     {% endfor %}
  23.                     {% set breadcrumb = breadcrumb|reverse %}
  24.                 {% endif %}
  26.                 {% set cat_niveau_un = NULL %}
  27.                 {% set cat_niveau_deux = NULL %}
  29.                 {% for cat in breadcrumb %}
  30.                     {% if cat.libelle != "Racine" %}
  31.                     <li class="active">
  32.                         {% set url_cat = "" %}
  34.                         {% if loop.index == 2 %}
  35.                             {% set url_cat =  path("dtc_article_liste" , { 'c_l': cat.libelle,'c':cat.id })  %}
  36.                             {% set cat_niveau_un = cat %}
  37.                         {% elseif loop.index == 3 %}
  38.                             {% set url_cat =  path("dtc_article_liste" , { 'c_l': cat_niveau_un.libelle,'c':cat_niveau_un.id,'cn2_l': cat.libelle,'cn2':cat.id })  %}
  39.                             {% set cat_niveau_deux = cat %}
  40.                         {% elseif loop.index == 4 %}
  41.                             {% set url_cat =  path("dtc_article_liste" , { 'c_l': cat_niveau_un.libelle,'c':cat_niveau_un.id,'cn2_l': cat_niveau_deux.libelle,'cn2':cat_niveau_deux.id,'cn3_l': cat.libelle,'cn3':cat.id })  %}
  43.                         {% endif %}
  47.                         {% if url_cat != "" %}
  48.                             <a href="{{ url_cat }}"> {{ cat.libelle }}</a>
  49.                         {% else %}
  50.                             {{ cat.libelle }}
  51.                         {% endif %}
  56.                     </li>
  57.                     {% endif %}
  58.                 {% endfor %}
  61.             {% endif %}
  66.             <li class="active">{{ type|raw }}</li>
  67.         {% endif %}
  69.     </ol>
  72. </div>
  73. <style>
  75.        .pagination {
  76.            display: inline-block;
  77.            padding-left: 0;
  78.            margin: @line-height-computed 0;
  79.            border-radius: @border-radius-base;
  81.            > li {
  82.                display: inline; // Remove list-style and block-level defaults
  83.            > a,
  84.            > span {
  85.                position: relative;
  86.                float: left; // Collapse white-space
  87.            padding: @padding-base-vertical @padding-base-horizontal;
  88.                line-height: @line-height-base;
  89.                text-decoration: none;
  90.                color: @pagination-color;
  91.                background-color: @pagination-bg;
  92.                border: 1px solid @pagination-border;
  93.                margin-left: -1px;
  94.            }
  95.                &:first-child {
  96.                    > a,
  97.                    > span {
  98.                        margin-left: 0;
  99.                        .border-left-radius(@border-radius-base);
  100.                    }
  101.                }
  102.                &:last-child {
  103.                    > a,
  104.                    > span {
  105.                        .border-right-radius(@border-radius-base);
  106.                    }
  107.                }
  108.            }
  110.            > li > a,
  111.            > li > span {
  112.                &:hover,
  113.                &:focus {
  114.                    color: @pagination-hover-color;
  115.                    background-color: @pagination-hover-bg;
  116.                    border-color: @pagination-hover-border;
  117.                }
  118.            }
  120.            > .active > a,
  121.            > .active > span {
  122.                &,
  123.                &:hover,
  124.                &:focus {
  125.                    z-index: 2;
  126.                    color: @pagination-active-color;
  127.                    background-color: @pagination-active-bg;
  128.                    border-color: @pagination-active-border;
  129.                    cursor: default;
  130.                }
  131.            }
  133.            > .disabled {
  134.                > span,
  135.                > span:hover,
  136.                > span:focus,
  137.                > a,
  138.                > a:hover,
  139.                > a:focus {
  140.                    color: @pagination-disabled-color;
  141.                    background-color: @pagination-disabled-bg;
  142.                    border-color: @pagination-disabled-border;
  143.                    cursor: @cursor-disabled;
  144.                }
  145.            }
  146.        }
  149.        .pagination-lg {
  150.            .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
  151.        }
  153.        .pagination-sm {
  154.            .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
  155.        }
  156.        .breadcrumb > li + li::before {
  157.            padding: 0 5px;
  158.            color: #ccc;
  159.            content: "/\00a0";
  160.        }
  161.        #conteneur_fil_ariane {
  162.            width: 100%;
  163.            overflow: hidden;
  164.        }
  166.        #conteneur_fil_ariane .breadcrumb {
  167.            white-space: nowrap;
  168.            overflow: hidden;
  169.            text-overflow: ellipsis;  /* Affiche les "..." */
  170.            display: block;           /* Assure que l'ellipsis fonctionne */
  171.        }
  172.        #conteneur_fil_ariane .breadcrumb li {
  173.            display: inline;          /* Garde tout sur la même ligne */
  174.        }
  176. </style>