src/DcSiteBundle/Resources/views/Modules/vehicle/vehicle-price.html.twig line 1

Open in your IDE?
  1. <section class="car-prices-section" id="select-vehicle-price">
  2.     <div class="container" id="vehiclePrice">
  3.         <p class="car-section-title">
  4.             {% if model.hasHybrid and dealer.id != 29%}
  5.                 {% if dealer.id in [4,7] %}
  6.                     {{ 'pages.car_card.prices_for_model_hybrid'|trans({ "%model%": model.modelName }, 'dc_base') }}
  7.                 {% else %}
  8.                     {{ 'pages.car_card.prices_for_model_hybrid'|trans({ "%model%": model.fullName }, 'dc_base') }}
  9.                 {% endif %}
  10.             {% else %}
  11.                 {% if dealer.id in [4,7] %}
  12.                     {{ 'pages.car_card.prices_for_model'|trans({ "%model%": model.modelName }, 'dc_base') }}
  13.                 {% else %}
  14.                     {{ 'pages.car_card.prices_for_model'|trans({ "%model%": model.fullName }, 'dc_base') }}
  15.                 {% endif %}
  16.             {% endif %}
  17.         </p>
  19.         <div v-if="specifications.length > 1" class="car-model-specifications">
  20.             <div class="car-model-specifications__title">{{ 'car_page.new.choose_specification'|trans({}, 'dc_base') }} </div>
  22.             <div class="car-model-specifications__list">
  23.                 <label
  24.                         v-for="(specificationItem, idx) in specifications"
  25.                         class="car-model-specifications__label"
  26.                 >
  27.                     <input type="radio" :value="specificationItem.id" v-model="specification" name="specification">
  28.                     <span v-html="specificationItem.title" class="car-model-specifications__btn"></span>
  29.                 </label>
  30.             </div>
  31.         </div>
  33.         <div class="car-table">
  35.             <div class="car-table__body-title --opened" v-if="preorderYears.length !== 0">
  36.                 <span> {{ 'pages.car_card.price_info'|trans({ "%brand%": dealer.brand.name },'dc_base') }}</span>
  37.             </div>
  39.             <div class="car-table__body --opened js-touch-scroll">
  40.                 <div class="car-table__header">
  41.                     <div class="car-table__row">
  42.                         <div class="car-table__col-left --th">
  43.                             {{ 'car_page.new.complectation'|trans({}, 'dc_base') }}
  44.                             {# (<span v-html="variations.length"></span>) #}
  45.                         </div>
  46.                         <div
  47.                                 v-for="equipment in equipments"
  48.                                 class="car-table__col --th"
  49.                         >
  50.                             <span v-html="equipment.title"></span>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  55.                 <div v-for="variation in variations" class="car-table__row">
  56.                     <div class="car-table__col-left">
  57.                         <div class="car-table-details">
  58.                             {% if (variation.turbo ?? null) %}
  59.                                 <div class="car-table-details__item">
  60.                                 <span class="car-table-details__icon">
  61.                                     <svg class="svg-icon" role="presentation"><use
  62.                                                 xlink:href="#icon-configuration-turbo"></use></svg>
  63.                                 </span>
  64.                                     <p class="car-table-details__title">
  65.                                         Турбо
  66.                                     </p>
  67.                                 </div>
  68.                             {% endif %}
  70.                             <div class="car-table-details__item">
  71.                                 <span class="car-table-details__icon">
  72.                                     <svg class="svg-icon" role="presentation"><use
  73.                                                 xlink:href="#icon-configuration-power"></use></svg>
  74.                                 </span>
  75.                                 <p v-if="variation.generalMaxPower" class="car-table-details__title">
  76.                                         {% verbatim %}{{ variation.generalMaxPower }}{% endverbatim %} к.с.
  77.                                 </p>
  78.                                 <p v-else class="car-table-details__title">
  79.                                     {% verbatim %}{{ variation.power }}{% endverbatim %} к.с.
  80.                                 </p>
  81.                             </div>
  82.                             <div class="car-table-details__item">
  83.                                 <span class="car-table-details__icon">
  84.                                     <svg class="svg-icon" role="presentation"><use
  85.                                                 xlink:href="#icon-configuration-fuelType"></use></svg>
  86.                                 </span>
  87.                                 <p class="car-table-details__title">
  88.                                     {% verbatim %}{{ variation.fuelType }} {{ variation.capacity }}{% endverbatim %}
  89.                                 </p>
  90.                             </div>
  91.                             <div class="car-table-details__item">
  92.                                 <span class="car-table-details__icon">
  93.                                     <svg class="svg-icon" role="presentation"><use
  94.                                                 xlink:href="#icon-configuration-canister"></use></svg>
  95.                                 </span>
  96.                                 <p class="car-table-details__title">
  97.                                     {% verbatim %}{{ variation.fuelRateMixed }}{% endverbatim %} л/100км
  98.                                 </p>
  99.                             </div>
  100.                             <div class="car-table-details__item">
  101.                                 <span class="car-table-details__icon">
  102.                                     <svg class="svg-icon" role="presentation"><use
  103.                                                 xlink:href="#icon-configuration-drive"></use></svg>
  104.                                 </span>
  105.                                 <p class="car-table-details__title">
  106.                                     {% verbatim %}{{ variation.drive }}{% endverbatim %}
  107.                                 </p>
  108.                             </div>
  109.                             <div class="car-table-details__item">
  110.                                 <span class="car-table-details__icon">
  111.                                     <svg class="svg-icon" role="presentation"><use
  112.                                                 xlink:href="#icon-configuration-transmission"></use></svg>
  113.                                 </span>
  114.                                 <p class="car-table-details__title">
  115.                                     {% verbatim %}{{ variation.transmission }}{% endverbatim %}
  116.                                 </p>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  121.                     <div v-for="equipment in equipments" class="car-table__col">
  123.                         <div v-if="variation.items[equipment.id] && variation.items[equipment.id][specification]">
  124.                             <template v-for="vehicleItem in variation.items[equipment.id][specification]">
  125.                                 <div v-if="vehicleItem.price > 0" class="car-table__price-item">
  126.                                     <div class="car-table__price" :class="{ 'without-discount': !(vehicleItem.fullPrice > vehicleItem.price) }">
  127.                                         {# <div class="car-table__price-title" v-if="Object.keys(variation.items[equipment.id][specification]).filter(item => variation.items[equipment.id][specification][item].price).length > 1"> #}
  128.                                         <div class="car-table__price-title"
  129.                                              v-if="Object.keys(Object.fromEntries( Object.entries(variation.items[equipment.id][specification]).filter(([key, value]) => value.price) )).length > 1">
  130.                                             Модель {% verbatim %}{{vehicleItem.year}}{% endverbatim %} {{ 'pages.base.years'|trans({},'dc_toyota') }}
  131.                                             :
  132.                                         </div>
  133.                                         <span class="car-table__price-val" >
  134.                                             {% verbatim %}{{ ((vehicleItem.price*1).toLocaleString())}}{% endverbatim %}</span> грн
  135.                                     </div>
  136.                                     {# <span v-else class="car-table__none"></span> #}
  138.                                     <p v-if="vehicleItem.fullPrice > vehicleItem.price" class="car-table__price-old">
  139.                                         <span>{% verbatim %}{{ vehicleItem.fullPrice.toLocaleString() }}{% endverbatim %}</span>
  140.                                         грн
  141.                                     </p>
  142.                                 </div>
  143.                             </template>
  144.                         </div>
  146.                         <span v-else class="car-table__none"></span>
  148.                     </div>
  149.                 </div>
  150.             </div>
  152.             {#            <template v-for="year in preorderYears"> #}
  153.             {#                <div class="car-table__body-title"> #}
  154.             {#                    <span> #}
  155.             {#                        {{ 'pages.car_card.preorder_price_info_part1'|trans({ "%brand%": dealer.brand.name },'dc_base') }} #}
  156.             {#                        <b v-html="year"></b> #}
  157.             {#                        <span v-if="year >= {{ "now"|date("Y") }}"> #}
  158.             {#                            {{ 'pages.car_card.preorder_price_info_part2'|trans({ },'dc_base') }} #}
  159.             {#                        </span> #}
  160.             {#                        <span v-else> #}
  161.             {#                            {{ 'pages.car_card.preorder_price_info_part2_new'|trans({ },'dc_base') }} #}
  162.             {#                        </span> #}
  164.             {#                    </span> #}
  165.             {#                </div> #}
  167.             <template v-for="year in preorderYears">
  168.                 <div class="car-table__body-title">
  169.                     <span>
  170.                         {{ 'pages.car_card.preorder_price_info_part1'|trans({ "%brand%": dealer.brand.name },'dc_base') }}
  171.                         <b v-html="year"></b>
  172.                         <span v-if="year === {{ "now"|date("Y") }}">
  173.                             {{ 'pages.car_card.preorder_price_info_part2_new'|trans({ "%date%": "now"|date("d.m.Y")},'dc_base') }}
  174.                         </span>
  175.                         <span v-else>
  176.                             {{ 'pages.car_card.preorder_price_info_part2'|trans({}, 'dc_base') }}
  177.                         </span>
  179.                     </span>
  180.                 </div>
  182.                 <div class="car-table__body js-touch-scroll">
  183.                     <div class="car-table__header">
  184.                         <div class="car-table__row">
  185.                             <div class="car-table__col-left --th">
  186.                                 {{ 'car_page.new.complectation'|trans({}, 'dc_base') }}
  187.                                 {# (<span v-html="variations.length"></span>) #}
  188.                             </div>
  189.                             <div
  190.                                     v-for="equipment in equipments"
  191.                                     class="car-table__col --th"
  192.                             >
  193.                                 <span v-html="equipment.title"></span>
  194.                             </div>
  195.                         </div>
  196.                     </div>
  198.                     <div v-for="variation in variations"
  199.                          v-if="variation.hasPreOrder && variation.hasPreorderYears.includes(year)"
  200.                          class="car-table__row">
  201.                         <div class="car-table__col-left">
  202.                             <div class="car-table-details">
  203.                                 {% if (variation.turbo ?? null) %}
  204.                                     <div class="car-table-details__item">
  205.                                     <span class="car-table-details__icon">
  206.                                         <svg class="svg-icon" role="presentation"><use
  207.                                                     xlink:href="#icon-configuration-turbo"></use></svg>
  208.                                     </span>
  209.                                         <p class="car-table-details__title">
  210.                                             Турбо
  211.                                         </p>
  212.                                     </div>
  213.                                 {% endif %}
  215.                                 <div class="car-table-details__item">
  216.                                     <span class="car-table-details__icon">
  217.                                         <svg class="svg-icon" role="presentation"><use
  218.                                                     xlink:href="#icon-configuration-power"></use></svg>
  219.                                     </span>
  220.                                     <p class="car-table-details__title">
  221.                                         {% verbatim %}{{ variation.power }}{% endverbatim %} к.с.
  222.                                     </p>
  223.                                 </div>
  224.                                 <div class="car-table-details__item">
  225.                                     <span class="car-table-details__icon">
  226.                                         <svg class="svg-icon" role="presentation"><use
  227.                                                     xlink:href="#icon-configuration-fuelType"></use></svg>
  228.                                     </span>
  229.                                     <p class="car-table-details__title">
  230.                                         {% verbatim %}{{ variation.fuelType }} {{ variation.capacity }}{{ variation.publicTitle ? ', ' +  variation.publicTitle : '' }}{% endverbatim %}
  231.                                     </p>
  232.                                 </div>
  233.                                 <div class="car-table-details__item">
  234.                                     <span class="car-table-details__icon">
  235.                                         <svg class="svg-icon" role="presentation"><use
  236.                                                     xlink:href="#icon-configuration-canister"></use></svg>
  237.                                     </span>
  238.                                     <p class="car-table-details__title">
  239.                                         {% verbatim %}{{ variation.fuelRateMixed }}{% endverbatim %} л/100км
  240.                                     </p>
  241.                                 </div>
  242.                                 <div class="car-table-details__item">
  243.                                     <span class="car-table-details__icon">
  244.                                         <svg class="svg-icon" role="presentation"><use
  245.                                                     xlink:href="#icon-configuration-drive"></use></svg>
  246.                                     </span>
  247.                                     <p class="car-table-details__title">
  248.                                         {% verbatim %}{{ variation.drive }}{% endverbatim %}
  249.                                     </p>
  250.                                 </div>
  251.                                 <div class="car-table-details__item">
  252.                                     <span class="car-table-details__icon">
  253.                                         <svg class="svg-icon" role="presentation"><use
  254.                                                     xlink:href="#icon-configuration-transmission"></use></svg>
  255.                                     </span>
  256.                                     <p class="car-table-details__title">
  257.                                         {% verbatim %}{{ variation.transmission }}{% endverbatim %}
  258.                                     </p>
  259.                                 </div>
  260.                             </div>
  261.                         </div>
  264.                         <div v-for="equipment in equipments" class="car-table__col">
  266.                             <div v-if="variation.items[equipment.id] && variation.items[equipment.id][specification]"
  267.                                  class="w-100">
  268.                                 <template v-for="vehicleItem in variation.items[equipment.id][specification]">
  269.                                     <p v-if="vehicleItem.preOrderPrice > 0 && vehicleItem.year === year"
  270.                                        class="car-table__price" :class="{ 'without-discount': !(vehicleItem.fullPrice > vehicleItem.price) }">
  271.                                         <span class="car-table__price-val" >
  272.                                             {% verbatim %}{{ ((vehicleItem.preOrderPrice*1).toLocaleString())}}{% endverbatim %}</span>
  273.                                         грн
  274.                                     </p>
  275.                                 </template>
  277.                                 <span v-if="Object.keys(Object.fromEntries( Object.entries(variation.items[equipment.id][specification]).filter(([key, value]) => value.preOrderPrice > 0 && value.year === year) )).length === 0"
  278.                                       class="car-table__none"></span>
  279.                             </div>
  281.                             <span v-else class="car-table__none"></span>
  283.                         </div>
  284.                     </div>
  285.                 </div>
  286.             </template>
  287.         </div>
  289.     </div>
  290. </section>
  292. <svg width="0" height="0" class="hidden">
  293.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 22" id="icon-configuration-power">
  294.         <path d="M19.789 2.82699C17.7008 1.06874 14.9863 0 12.0281 0C11.1232 0 10.2532 0.103426 9.41794 0.275804C6.62064 1.18434 4.84269 2.07942 3.46678 3.55098C2.75428 4.31301 1.9855 5.36066 1.37866 6.37796C0.856628 7.51565 0.493145 8.32624 0.160586 9.92893C-0.146391 11.4083 0.0564855 12.9807 0.195389 13.8247C0.71742 16.9964 2.52713 19.8579 5.27649 21.7196C5.34609 21.7885 5.4505 21.823 5.55491 21.823H18.5013C18.6405 21.823 18.7797 21.754 18.8841 21.6506C22.0859 19.4097 24 15.7898 24 11.894C24 8.65334 22.6775 5.68846 20.5198 3.5165L19.789 2.82699ZM18.3273 20.7542H5.72892C2.87515 18.7547 1.16985 15.5484 1.06544 12.1009H3.11876C3.39718 12.1009 3.64079 11.8596 3.64079 11.5838C3.64079 11.308 3.39718 11.0666 3.11876 11.0666H1.10024C1.27425 8.65334 2.28351 6.44691 3.8148 4.72314L5.34609 6.24006C5.4505 6.34349 5.58971 6.37796 5.72892 6.37796C5.86812 6.37796 6.00733 6.34349 6.11174 6.24006C6.32055 6.03321 6.32055 5.72293 6.11174 5.51608L4.54565 3.96468C6.39016 2.24091 8.8263 1.17217 11.5061 1.03426V3.2407C11.5061 3.5165 11.7497 3.75783 12.0281 3.75783C12.3065 3.75783 12.5501 3.5165 12.5501 3.2407V1.03426C15.0211 1.13769 17.2484 2.06853 19.0233 3.55098L17.1092 5.44712C16.9004 5.65398 16.9004 5.96426 17.1092 6.17111C17.2136 6.27453 17.3528 6.30901 17.492 6.30901C17.6312 6.30901 17.7704 6.27453 17.8748 6.17111L19.8238 4.24049C21.355 5.75741 22.4339 7.75698 22.8167 9.96341C22.8167 9.99789 22.9211 10.9977 22.9211 11.0322H20.9374C20.659 11.0322 20.4154 11.2735 20.4154 11.5493C20.4154 11.8251 20.659 12.0664 20.9374 12.0664H22.9907C23.0255 12.3422 22.9907 11.6182 22.9907 11.894C22.9907 15.4105 21.2506 18.7202 18.3273 20.7542Z"
  295.               fill="currentColor"/>
  296.         <path d="M19.6146 11.7562H14.9859C14.7423 10.6529 13.7679 9.85999 12.5846 9.85999C11.2273 9.85999 10.1484 10.9632 10.1484 12.2733C10.1484 13.5834 11.2621 14.6866 12.5846 14.6866C13.7679 14.6866 14.7423 13.8592 14.9859 12.7904H19.6494C19.9278 12.7904 20.1714 12.5491 20.1714 12.2733C20.1714 11.9975 19.893 11.7562 19.6146 11.7562ZM12.5846 13.6524C11.8189 13.6524 11.1925 13.0318 11.1925 12.2733C11.1925 11.5148 11.8189 10.8943 12.5846 10.8943C13.3502 10.8943 14.0115 11.5148 14.0115 12.2733C14.0115 13.0318 13.3502 13.6524 12.5846 13.6524Z"
  297.               fill="currentColor"/>
  298.     </symbol>
  299.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17" id="icon-configuration-fuelType">
  300.         <path d="M25.5867 5.47823H23.6372C23.4091 5.47823 23.2239 5.68562 23.2239 5.94185V9.19405H21.4767L18.8742 5.65471C18.7957 5.54808 18.6789 5.48626 18.5554 5.48626H14.3942V3.04851C14.3942 2.79228 14.2091 2.58488 13.9809 2.58488H10.2077V0.927256H14.0074C14.2355 0.927256 14.4207 0.71986 14.4207 0.463628C14.4207 0.207396 14.2355 0 14.0074 0H5.58135C5.35292 0 5.16804 0.207396 5.16804 0.463628C5.16804 0.71986 5.35292 0.927256 5.58135 0.927256H9.38105V2.58488H5.58135C5.35292 2.58488 5.16804 2.79228 5.16804 3.04851V5.48626H2.99485C2.76643 5.48626 2.58154 5.69366 2.58154 5.94989V9.3489H0.826621V6.58043C0.826621 6.32419 0.641734 6.1168 0.413311 6.1168C0.184888 6.1168 0 6.32419 0 6.58043V13.0446C0 13.3006 0.184888 13.5083 0.413311 13.5083C0.641734 13.5083 0.826621 13.3006 0.826621 13.0446V10.2762H2.58154V14.1614C2.58154 14.4173 2.76643 14.625 2.99485 14.625H5.42539L6.87143 16.8127C6.94941 16.9305 7.07257 17 7.20345 17H21.2819C21.5101 17 21.6952 16.7923 21.6952 16.5364V12.2494H23.2239V15.4524C23.2239 15.7083 23.4091 15.916 23.6372 15.916H25.5867C25.8148 15.916 26 15.7083 26 15.4524V5.94185C26 5.68593 25.8148 5.47823 25.5867 5.47823ZM21.2819 11.3221C21.0538 11.3221 20.8686 11.5298 20.8686 11.7857V16.0727H7.41149L5.96545 13.885C5.88747 13.767 5.76431 13.6977 5.63342 13.6977H3.40816V6.41352H5.58135C5.80977 6.41352 5.99466 6.20612 5.99466 5.94989V3.51214H13.5676V5.94989C13.5676 6.20612 13.7528 6.41352 13.9809 6.41352H18.3606L20.9631 9.95286C21.0416 10.0598 21.1585 10.1216 21.2819 10.1216H23.2239V11.3224H21.2819V11.3221ZM25.1734 14.9888H24.0505V6.40548H25.1734V14.9888Z"
  301.               fill="currentColor"/>
  302.     </symbol>
  303.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 17" id="icon-configuration-drive">
  304.         <path d="M23.7199 1.06178H22.1621V1.0529C22.1621 0.47226 21.7007 0 21.1335 0H17.4448C16.8776 0 16.4163 0.47226 16.4163 1.0529V1.06178H10.0629V1.0529C10.0629 0.47226 9.60157 0 9.03437 0H5.34538C4.77819 0 4.31687 0.47226 4.31687 1.0529V1.06178H2.27981C1.02273 1.06178 0 2.29299 0 3.80632V13.1937C0 14.707 1.02273 15.9382 2.27981 15.9382H4.31687V15.9471C4.31687 16.5277 4.77819 17 5.34538 17H9.03437C9.60157 17 10.0629 16.5277 10.0629 15.9471V15.9382H16.4163V15.9471C16.4163 16.5277 16.8776 17 17.4448 17H21.1341C21.701 17 22.1623 16.5277 22.1623 15.9471V15.9382H23.7202C24.9773 15.9382 26 14.707 26 13.1937V3.80632C25.9997 2.29299 24.9773 1.06178 23.7199 1.06178ZM17.2044 1.0529C17.2044 0.917356 17.3121 0.806822 17.4448 0.806822H21.1338C21.2665 0.806822 21.3742 0.917356 21.3742 1.0529V1.87747C21.3742 2.01302 21.2665 2.12355 21.1341 2.12355H17.4448C17.3121 2.12355 17.2044 2.01302 17.2044 1.87747V1.0529ZM19.2896 9.15258C18.8905 9.15258 18.5661 8.82044 18.5661 8.41192C18.5661 8.0034 18.8905 7.67126 19.2896 7.67126C19.6886 7.67126 20.0131 8.0034 20.0131 8.41192C20.0131 8.82044 19.6886 9.15258 19.2896 9.15258ZM16.4163 1.8686V1.87747C16.4163 2.45812 16.8776 2.93038 17.4448 2.93038H18.8955V6.91957C18.3787 7.06292 17.9718 7.47924 17.8318 8.00851H9.17913V6.77918C9.17913 6.55623 9.00285 6.37577 8.78506 6.37577H7.58395V2.93038H9.03437C9.60157 2.93038 10.0629 2.45812 10.0629 1.87747V1.8686H16.4163ZM5.98903 9.64152V7.18259H8.391V8.40923C8.391 8.41004 8.39073 8.41085 8.39073 8.41192C8.39073 8.413 8.391 8.41354 8.391 8.41461V9.64179H5.98903V9.64152ZM5.105 1.0529C5.105 0.917356 5.21298 0.806822 5.34538 0.806822H9.03437C9.16678 0.806822 9.27475 0.917356 9.27475 1.0529V1.87747C9.27475 2.01302 9.16678 2.12355 9.03437 2.12355H5.34538C5.21298 2.12355 5.105 2.01302 5.105 1.87747V1.0529ZM2.27981 15.1314C1.45726 15.1314 0.788134 14.2622 0.788134 13.1937V3.80632C0.788134 2.73781 1.45726 1.8686 2.27981 1.8686H4.31687V1.87747C4.31687 2.45812 4.77819 2.93038 5.34538 2.93038H6.79581V6.37577H5.59496C5.37717 6.37577 5.20089 6.55623 5.20089 6.77918V10.0449C5.20089 10.2676 5.37717 10.4483 5.59496 10.4483H6.79581V14.0696H5.34538C4.77819 14.0696 4.31687 14.5419 4.31687 15.1225V15.1314H2.27981ZM9.27475 15.9471C9.27475 16.0829 9.16678 16.1932 9.03437 16.1932H5.34538C5.21298 16.1932 5.105 16.0829 5.105 15.9471V15.1225C5.105 14.9867 5.21298 14.8764 5.34538 14.8764H9.03437C9.16678 14.8764 9.27475 14.9867 9.27475 15.1225V15.9471ZM10.0629 15.1314V15.1225C10.0629 14.5419 9.60157 14.0696 9.03437 14.0696H7.58395V10.4483H8.78506C9.00285 10.4483 9.17913 10.2676 9.17913 10.0449V8.81533H17.832C17.9721 9.34434 18.3787 9.76093 18.8958 9.90427V14.0696H17.4451C16.8779 14.0696 16.4166 14.5419 16.4166 15.1225V15.1314H10.0629ZM21.3742 15.9471C21.3742 16.0829 21.2665 16.1932 21.1341 16.1932H17.4448C17.3121 16.1932 17.2044 16.0829 17.2044 15.9471V15.1225C17.2044 14.9867 17.3121 14.8764 17.4448 14.8764H21.1338C21.2665 14.8764 21.3742 14.9867 21.3742 15.1225V15.9471ZM25.2116 13.1937C25.2116 14.2622 24.5425 15.1314 23.7199 15.1314H22.1621V15.1225C22.1621 14.5419 21.7007 14.0696 21.1335 14.0696H19.6834V9.90427C20.3262 9.72623 20.8009 9.12569 20.8009 8.41192C20.8009 7.69815 20.3262 7.09788 19.6834 6.91957V2.93038H21.1338C21.7007 2.93038 22.1621 2.45812 22.1621 1.87747V1.8686H23.7199C24.5425 1.8686 25.2116 2.73781 25.2116 3.80632V13.1937Z"
  305.               fill="currentColor"/>
  306.     </symbol>
  307.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18" id="icon-configuration-transmission">
  308.         <path d="M22 3.53988C22 2.002 20.6578 0.75061 19.0084 0.75061C17.359 0.75061 16.0168 2.002 16.0168 3.53988C16.0168 4.95635 17.1561 6.12711 18.6244 6.30363V8.89292H11.3838V6.30363C12.8523 6.12711 13.9916 4.95635 13.9916 3.53988C13.9916 2.002 12.6494 0.75061 11 0.75061C9.35057 0.75061 8.00842 2.002 8.00842 3.53988C8.00842 4.95635 9.14769 6.12711 10.6162 6.30363V8.89292H3.37535V6.30363C4.84389 6.12711 5.98316 4.95635 5.98316 3.53988C5.98316 2.002 4.641 0.75061 2.99158 0.75061C1.3419 0.75061 0 2.002 0 3.53988C0 4.95635 1.13927 6.12711 2.60781 6.30363V12.1978C1.13927 12.3743 0 13.5449 0 14.9613C0 16.4992 1.34216 17.7506 2.99158 17.7506C4.641 17.7506 5.98316 16.4992 5.98316 14.9613C5.98316 13.5449 4.84389 12.3743 3.37535 12.1978V9.60854H10.6162V12.1978C9.14769 12.3743 8.00842 13.5449 8.00842 14.9613C8.00842 16.4992 9.35057 17.7506 11 17.7506C12.6494 17.7506 13.9916 16.4992 13.9916 14.9613C13.9916 13.5449 12.8523 12.3743 11.3838 12.1978V9.60854H19.0084C19.2203 9.60854 19.3922 9.44824 19.3922 9.25073V6.30363C20.8607 6.12711 22 4.95635 22 3.53988ZM8.77595 3.53988C8.77595 2.39655 9.77348 1.46624 11 1.46624C12.2265 1.46624 13.224 2.39631 13.224 3.53988C13.224 4.68345 12.2265 5.61353 11 5.61353C9.77374 5.61353 8.77595 4.68321 8.77595 3.53988ZM0.767531 3.53988C0.767531 2.39655 1.76532 1.46624 2.99158 1.46624C4.21784 1.46624 5.21563 2.39631 5.21563 3.53988C5.21563 4.68345 4.21809 5.61353 2.99158 5.61353C1.76507 5.61353 0.767531 4.68321 0.767531 3.53988ZM5.21563 14.9613C5.21563 16.1049 4.21809 17.035 2.99158 17.035C1.76507 17.035 0.767531 16.1049 0.767531 14.9613C0.767531 13.818 1.76532 12.8879 2.99158 12.8879C4.21784 12.8879 5.21563 13.818 5.21563 14.9613ZM13.224 14.9613C13.224 16.1049 12.2265 17.035 11 17.035C9.77374 17.035 8.77595 16.1049 8.77595 14.9613C8.77595 13.818 9.77348 12.8879 11 12.8879C12.2265 12.8877 13.224 13.818 13.224 14.9613ZM19.0084 5.61353C17.7822 5.61353 16.7846 4.68321 16.7846 3.53988C16.7846 2.39655 17.7822 1.46624 19.0084 1.46624C20.2349 1.46624 21.2325 2.39631 21.2325 3.53988C21.2325 4.68345 20.2349 5.61353 19.0084 5.61353Z"
  309.               fill="currentColor"/>
  310.     </symbol>
  311.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="icon-configuration-turbo">
  312.         <g>
  313.             <path d="M59,9H53a1,1,0,0,0-1,1v1H26A22.0536,22.0536,0,1,0,45.5752,23H52v1a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V10A1,1,0,0,0,59,9ZM26,21a11.96,11.96,0,0,0-8.4542,3.494c-.0095.0087-.0219.0114-.0312.0206s-.0119.0218-.0207.0312a11.9753,11.9753,0,0,0,0,16.9084c.0088.0094.0115.0219.0207.0312s.0217.0119.0312.0206a11.975,11.975,0,0,0,16.9084,0c.01-.0087.0219-.0114.0312-.0206s.0119-.0218.0207-.0312a11.9753,11.9753,0,0,0,0-16.9084c-.0088-.0094-.0115-.0219-.0207-.0312s-.0217-.0119-.0312-.0206A12.0775,12.0775,0,0,0,32.6189,23H43.2835A19.9765,19.9765,0,1,1,26,13H46v8Zm9.9493,11H33.9305a7.9506,7.9506,0,0,0-1.6189-3.8976l1.4267-1.4266A9.9521,9.9521,0,0,1,35.9493,32ZM19.6758,40.7383l1.4266-1.4267A7.9506,7.9506,0,0,0,25,40.9305v2.0188A9.9533,9.9533,0,0,1,19.6758,40.7383ZM16.0507,34H18.07a7.9506,7.9506,0,0,0,1.6189,3.8976l-1.4267,1.4266A9.9521,9.9521,0,0,1,16.0507,34ZM28,33a2,2,0,1,1-2-2A2.0023,2.0023,0,0,1,28,33Zm-3-3.858a3.961,3.961,0,0,0-1.0192.4248l-1.4519-1.4519A5.96,5.96,0,0,1,25,27.09Zm-2.4333,1.8388A3.9593,3.9593,0,0,0,22.142,32H20.09a5.96,5.96,0,0,1,1.0246-2.4711ZM22.142,34a3.9593,3.9593,0,0,0,.4247,1.0192l-1.4518,1.4519A5.96,5.96,0,0,1,20.09,34Zm1.8388,2.4332A3.961,3.961,0,0,0,25,36.858V38.91a5.96,5.96,0,0,1-2.4711-1.0246ZM27,36.858a3.961,3.961,0,0,0,1.0192-.4248l1.4519,1.4519A5.96,5.96,0,0,1,27,38.91Zm2.4333-1.8388A3.9593,3.9593,0,0,0,29.858,34H31.91a5.96,5.96,0,0,1-1.0246,2.4711ZM29.858,32a3.9593,3.9593,0,0,0-.4247-1.0192l1.4518-1.4519A5.96,5.96,0,0,1,31.91,32Zm-1.8388-2.4332A3.961,3.961,0,0,0,27,29.142V27.09a5.96,5.96,0,0,1,2.4711,1.0246ZM25,25.07a7.9506,7.9506,0,0,0-3.8976,1.6189l-1.4266-1.4267A9.9533,9.9533,0,0,1,25,23.0507Zm-6.7383,1.6063,1.4267,1.4266A7.9506,7.9506,0,0,0,18.07,32H16.0507A9.9521,9.9521,0,0,1,18.2617,26.6758ZM27,40.9305a7.9506,7.9506,0,0,0,3.8976-1.6189l1.4266,1.4267A9.9533,9.9533,0,0,1,27,42.9493Zm6.7383-1.6063-1.4267-1.4266A7.9506,7.9506,0,0,0,33.9305,34h2.0188A9.9521,9.9521,0,0,1,33.7383,39.3242ZM30.8976,26.6884A7.9506,7.9506,0,0,0,27,25.07V23.0507a9.9533,9.9533,0,0,1,5.3242,2.211ZM48,21V13h4v8Zm10,2H54V11h4Z"
  314.                   fill="currentColor"/>
  315.         </g>
  316.     </symbol>
  317.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 74" id="icon-configuration-canister">
  318.         <path xmlns="http://www.w3.org/2000/svg" stroke="null" id="svg_1"
  319.               d="m29.82636,6.31579l-21.5472,0l0,7.45614l21.5472,0l0,-7.45614zm-3.07817,4.47368l-15.39086,0l0,-1.49123l15.39086,0l0,1.49123zm12.31269,17.89474l-15.39086,0c-0.56792,0 -1.09275,0.15956 -1.54986,0.42202l-0.00154,0.00149l-5.59919,-5.42509c-0.30012,-0.29079 -0.78801,-0.29079 -1.08813,0s-0.30012,0.76351 0,1.0543l5.59919,5.42509c-0.27242,0.44439 -0.43864,0.95439 -0.43864,1.50465l0,14.91228c0,0.55026 0.16622,1.06026 0.43864,1.50316l-5.59919,5.42658c-0.30012,0.2893 -0.30012,0.76351 0,1.0543c0.14929,0.14465 0.34629,0.21772 0.5433,0.21772s0.39401,-0.07307 0.54484,-0.21772l5.59919,-5.42509l0.00154,0.00149c0.45711,0.26246 0.98194,0.42202 1.54986,0.42202l15.39086,0c0.56792,0 1.09429,-0.15956 1.55294,-0.42351l5.59919,5.42509c0.14929,0.14465 0.34629,0.21772 0.5433,0.21772s0.39401,-0.07307 0.54484,-0.21772c0.30012,-0.2893 0.30012,-0.76351 0,-1.0543l-5.59919,-5.42509c0.27242,-0.44439 0.4371,-0.95439 0.4371,-1.50465l0,-14.91228c0,-0.55026 -0.16468,-1.06026 -0.4371,-1.50465l5.59919,-5.42509c0.30012,-0.29079 0.30012,-0.76351 0,-1.0543c-0.29858,-0.29079 -0.78801,-0.29079 -1.08813,0l-5.59919,5.42509c-0.45865,-0.26246 -0.98502,-0.42351 -1.55294,-0.42351zm0,17.89474l-15.39086,0l0,-14.91228l15.39086,0l0,14.91228zm22.66612,-29.24895l-7.86627,-7.62167l-3.32135,0l-3.21823,3.11816c-0.2678,-0.26096 -0.47866,-0.46377 -0.56331,-0.54728c-0.84804,-0.82018 -2.23167,-1.48974 -3.07817,-1.48974s-7.69697,0 -7.69697,0s0,-2.34868 0,-5.2193s-2.77035,-5.2193 -6.15634,-5.2193l-21.5472,0c-3.38599,0 -6.15634,2.68421 -6.15634,5.96491l0,55.17544c0,3.2807 2.77035,5.96491 6.15634,5.96491l46.17258,0c3.38599,0 6.15634,-2.68421 6.15634,-5.96491l0,-29.82456c0,-3.2807 0,-3.655 0,-4.47518s-0.69105,-2.16079 -1.53755,-2.98096c-0.08619,-0.08351 -0.29243,-0.28482 -0.56023,-0.54281l3.21669,-3.11965l0,-3.21807zm-4.19709,14.33667l0,29.82456c0,1.64632 -1.37902,2.98246 -3.07817,2.98246l-46.17258,0c-1.69761,0 -3.07817,-1.33614 -3.07817,-2.98246l0,-55.17544c0,-1.64482 1.38056,-2.98246 3.07817,-2.98246l21.5472,0c1.63913,0 3.07817,1.04535 3.07817,2.23684c0,0.43246 0,8.20175 0,8.20175l11.54468,0l13.08069,12.67395l0,5.22079zm1.43443,-12.22509l-2.40713,2.33377c-2.13625,-2.06982 -5.14363,-4.98368 -7.27988,-7.055l2.40713,-2.33377l1.03119,0l6.25023,6.05588l0,0.99912l-0.00154,0z"
  320.               fill="currentColor"/>
  321.     </symbol>
  322. </svg>