SortBy_newII

by mtenschert

HTML

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<link rel="stylesheet" href="https://www.alpinresorts.com/assets/css/main.css">

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<br> <br>
<input ng-model="option.value" class="filter__slider ng-valid ng-dirty ng-valid-parse ng-touched" type="range" min="1" max="16" value="20" step="1">
<br> <br>

<select name="sort-by" ng-change="trackSortByFilter(orderlist)" ng-model="orderlist" ng-init="orderlist='position'" class="sort-by ng-pristine ng-valid ng-touched">
    <option value="position" ng-selected="">Price &amp; distance</option>
    <option value="defaultProductOnlinePriceRaw">Price</option>
    <option value="distance">Distance</option>
 </select>

<br> <br>

<ul id="filterId" class="filter__list">

  <input ng-class="{'filter__disabled' : count < 1}" ng-click="showCursorInformation('cursor-information-filter'); filterChangedEvent()" ng-disabled="count < 1" class="style-checkbox ng-pristine ng-untouched ng-valid" ng-model="option.selected" type="checkbox"
    id="virtualshop" name="option.name" ng-false-value="''">
  <input ng-class="{'filter__disabled' : count < 1}" ng-click="showCursorInformation('cursor-information-filter'); filterChangedEvent()" ng-disabled="count < 1" class="style-checkbox ng-pristine ng-untouched ng-valid" ng-model="option.selected" type="checkbox"
    id="topshop" name="option.name" ng-false-value="''">
  <input ng-class="{'filter__disabled' : count < 1}" ng-click="showCursorInformation('cursor-information-filter'); filterChangedEvent()" ng-disabled="count < 1" class="style-checkbox ng-pristine ng-untouched ng-valid" ng-model="option.selected" type="checkbox"
    id="discountshop" name="option.name" ng-false-value="''">
  <input ng-class="{'filter__disabled' : count < 1}" ng-click="showCursorInformation('cursor-information-filter');...

JavaScript

// pay attention, dont show this function for /ski school/ !!!
// pay attention, the feature doenst run in jsfddle, because of missing lang_path

// timeout for optimize360 asynchronous loading

$(document).ready(function() {

  setTimeout(function() {

    // timeout for optimize360 asynchronous loading
    var totalPath = "/nl/skiverleih/austria/tirol/nauders";   // "/nl/skiverleih/austria/tirol/nauders"; window.location.pathname;
    var paths = totalPath.split("/"); // string to [en, ski-rental, france, ...]
    var lang = paths[1]; // extract language string, example: en
    var townNameSortBy = paths[5]; // extract language string, example: en
    var target_country = paths[3]; // extract language string, for exaple: france, frankreich, francia, frankrijk

    // Target_Countries Arrays from URL path
    var fr_target_country = ["france", "frankreich", "francia", "frankrijk"];
    var at_target_country = ["austria", "oesterreich", "autriche", "oostenrijk"];
    var ch_target_country = ["switzerland", "svizzera", "schweiz", "zwitserland", "suisse"];
    var ad_target_country = ["andorre", "andorra"];
    var de_target_country = ["duitsland", "deutschland", "allemagne", "germania", "germany"];
    var bg_target_country = ["bulgaria", "bulgarien", "bulgarie", "bulgaria", "bulgarije"];
    var it_target_country = ["italie", "italia", "italy", "italien"];
    var si_target_country = ["slovenien", "slovenia", "slovenie", "slovenia"]; // slovenia
    var sk_target_country = ["slovakia", "slowakei", "slovaquie", "slovacchi", "slowakije"]; // slovakia
    var es_target_country = ["spanje", "spanien", "spain", "espagne", "spagna"];

    var empty_countries = [] // empty arrray for .concat, for a better overview only
    var all_target_countries = empty_countries.concat( // all countries into one array
      fr_target_country, // FR show, avoid the "," after the last one
      // at_target_country, // AT hide, avoid the "," after the last one
      ch_target_country,...