{## # My Garage dropdown #}<div id="my-garage-desktop"> <div id="my-garage" class="my-garage dropdown" title="{{ t('My garage') }}"> <a class="my-garage__opener" data-target="#" data-toggle="dropdown"> <span class="my-garage__icon{% if this.getStoredSelectorsCount() %} active{% endif %}"></span> <span class="my-garage__label">{{ t('My garage') }}{% if this.getStoredSelectorsCount() %}: {{ this.getStoredSelectorsCount() }}{% endif %}</span> </a> <div class="my-garage__dropdown{% if this.displayStoredSelectors() %} has-vehicles{% endif %} dropdown-menu"> {% if this.displayStoredSelectors() %} {{ this.displayCommentedData(this.getCommentedData()) }} <div class="my-garage__dropdown-head"> <div class="my-garage__dropdown-title">{{ t('My garage') }}</div> <a href="javascript:void(0);" class="my-garage__dropdown-clear remove-all-stored-selectors" aria-label="{{ t('Clear all (MMY)') }}"> {{ t('Clear all') }} </a> </div> <ul> {% for selector in this.getStoredSelectors() %} <li class="my-garage__item{% if this.getActiveLevelId() == selector.id %} selected-vehicle{% endif %}"> <a href="{{ selector.url }}" class="my-garage__item-link"> <span class="my-garage__item-icon"></span> <span class="my-garage__item-name"> {{ selector.name }} </span> </a> <a href="javascript:void(0);" class="my-garage__item-remove remove-single-stored-selector" data-selectorid="{{ selector.id }}" > <span class="visually-hidden">{{ t('Remove from garage') }}</span> </a> </li> {% endfor %} </ul> <div class="my-garage__button-box"> {{ widget('\\QSL\\Make\\View\\Button\\AddVehiclePopupButton', id='add-to-garage', label='Add vehicle', style='btn-block') }} </div> {% else %} <div class="my-garage__dropdown-text"> {{ t('Store vehicles in your garage. Easily find parts and accessories.') }} </div> <div class="my-garage__add-button"> {{ widget('\\QSL\\Make\\View\\Button\\AddVehiclePopupButton', id='add-to-garage-new', label='Add vehicle', style='regular-main-button btn-block') }} </div> {% endif %} </div> </div></div>