AMC Schmitt GmbH

- Angebot
  
  Angebot
- {% if lang == "fr" %} {% set label_manufacturer = 'Fabricant' %} {% set label_price = 'Prix' %} {% set label_all = 'Tous les fabricants' %} {% set label_status = 'Statut' %} {% set label_new = 'Nouveau' %} {% set label_used = 'D\'occasion' %} {% set label_price_asc = 'Prix (croissant)' %} {% set label_price_desc = 'Prix (décroissant)' %} {% set label_brand = 'Marque' %} {% elseif lang == "en" %} {% set label_manufacturer = 'Manufacturer' %} {% set label_price = 'Price' %} {% set label_all = 'All manufacturers' %} {% set label_status = 'Status' %} {% set label_new = 'New' %} {% set label_used = 'Second Hand' %} {% set label_price_asc = 'Price (asc)' %} {% set label_price_desc = 'Price (desc)' %} {% set label_brand = 'Brand' %} {% else %} {% set label_manufacturer = 'Hersteller' %} {% set label_price = 'Preis' %} {% set label_all = 'Alle Hersteller' %} {% set label_status = 'Zustand' %} {% set label_new = 'Neu' %} {% set label_used = 'Gebraucht' %} {% set label_price_asc = 'Preis (aufsteigend)' %} {% set label_price_desc = 'Preis (absteigend)' %} {% set label_brand = 'Marke' %} {% endif %} <div class="vehicle_list"> <div class="filter"> <div class="wrapper"> <div class="padding"> <div class="left"> <p class="label">{{ label_manufacturer }}</p> <div class="select" id="brand"> <input type="text" value="{{ label_all }}" class="selected"/> <ul> <li><p>{{ label_all }}</p></li> {% for key in manufacturer|keys %} <li><p>{{ key }}</p></li> {% endfor %} </ul> </div> <p class="label">{{ label_status }}</p> <div class="checkbox check"> <input type="hidden" id="new" value="check"> <label for="new">{{ label_new }}</label> </div> <div class="checkbox check"> <input type="hidden" id="used" value="check"> <label for="used">{{ label_used }}</label> </div> </div> <div class="right"> <div class="inline"> <p class="label">{{ label_price }}</p> <p class="ranges"></p> </div> <div class="slider" id="slider_price" data-min="{{ ranges.price_min }}" data-max="{{ ranges.price_max }}" data-unit="€"></div>  </div> <div class="clear"></div> <div class="left"> <p class="count"><span class="num">{{ count }}</span> Treffer</p> </div> <div class="right"> <div class="inline"> <ul class="view"> <li class="list selected" title="Listenansicht"><span class="icon"></span></li> <li class="grid" title="Rasteransicht"><span class="icon"></span></li> </ul> <div class="select" id="sort"> <input type="text" value="{{ label_price_asc }}" class="selected"/> <ul> <li><p>{{ label_price_asc }}</p></li> <li><p>{{ label_price_desc }}</p></li> <li><p>{{ label_brand }}</p></li> </ul> </div> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="results"> <ul> {% for vehicle in vehicles %} <li data-manufacturer="{{ vehicle.manufacturer }}" data-type="{{ vehicle.type }}" data-price="{{ vehicle.price_unformatted }}" data-km="{{ vehicle.km_unformatted }}"{{ vehicle.reserved == 1 ? ' class="reserved"' : '' }}> <div class="wrapper"> <div class="padding"> <a href="/angebot/detail?id={{ vehicle.id }}"> <div class="image"> <div style="background-image: url('{{ vehicle.images[0] }}')"></div> </div> <div class="text"> <h3>{{ vehicle.manufacturer }} {{ vehicle.model }}</h3> <p class="notes_short"> {{ vehicle.notes_short }}... </p> <p class="price"> <span class="num">{{ vehicle.price ? vehicle.price : "-" }}</span> <span class="vat"> {%- if vehicle.type == "new" -%} Inkl. MwSt. {%- else -%} ohne MwSt. (§25a UStG) {%- endif -%} </span> </p> </div> </a> </div> </div> </li> {% endfor %} </ul> </div> </div> <script type="text/javascript"> $(".vehicle_list .slider").each(function() { var min = parseInt($(this).attr("data-min")); var max = parseInt($(this).attr("data-max")); var unit = $(this).attr("data-unit"); $(this).slider({ range: true, min: min, max: max, step: 1, values: [ min, max ], create: function( event, ui ) { $(event.target).prev().find(".ranges").text(min + " - " + max + " " + unit); }, slide: function( event, ui ) { $(ui.handle).parents(".slider").prev().find(".ranges").text(ui.values[0] + " - " + ui.values[1] + " " + unit); }, stop: function ( event, ui ) { update_list(); } }); }); $(document).on("change",".filter .select .selected",function() { update_list(); }); $(document).on("change",".filter .checkbox input",function() { update_list(); }); $(document).on("click",".filter .view li",function() { $(".filter .view li").removeClass("selected"); $(this).addClass("selected"); $(".viewport .results > ul").removeClass("list grid"); if ($(this).hasClass("grid")) { $(".viewport .results > ul").addClass("grid"); } }); function update_list() { $(".webservice").find(".viewport .results").addClass("hide"); parameters = []; parameters.push({"name": "manufacturer", "value": $("#brand .selected").val()}); parameters.push({"name": "type_new", "value": $("#new").val()}); parameters.push({"name": "type_used", "value": $("#used").val()}); parameters.push({"name": "prices", "value": $("#slider_price").slider("values").join()}); //parameters.push({"name": "kms", "value": $("#slider_km").slider("values").join()}); parameters.push({"name": "sort", "value": $("#sort .selected").val()}); template = $(".webservice .response .template").val(); request_url = $(".webservice .request .request_url").val(); $(".webservice").find(".request .post_data li").each(function() { parameters.push({"name": $(this).attr("data-name"), "value": $(this).attr("data-value")}); }); $.ajax({ url: url + "parts/ajax.php", type: "POST", dataType: 'json', data: { "action": "webservice", "template": template, "request_url": request_url, "parameters": parameters }, success: function(data) { $(".webservice").find(".viewport .results").removeClass("hide"); results = $(data.result).find(".results").html(); count = $(data.result).find(".count .num").text(); $(".webservice").find(".viewport .results").html(results); $(".webservice").find(".viewport .filter .count .num").html(count); } }); } </script>

Angebot

Angebot