htd-lync/reference/dev/lyncapp/assets/www/js/zoneSettings.js

This library is meant to be used to interact with an HTD Lync 12

function goToZoneSettingsPage(zone) {
  if (zone) {
    Gzone = zone * 1;
  }
  hidePages();

  $('#pageName').html('<div id="backToZone" class="back-btn">< </div><h2> Zone Settings</h2>')
  $('#ZoneSettingsPage').show();
  $("#backToZone").on("click", function() {
    if (lastPage == "zoneAllSettings") {
      goToZoneSettingsAllPage();
    } else {
      goToMusicPage(Gzone);
    }
  });
  console.log(firmware);
  if (firmware == "v3") {
    $('#hideSources').show();
    $('#sourcesOnKeypad').empty();
    zoneSettingsZone = zone;
    getSourcesPerZone(Gzone, 0);
  } else {
    $('#hideSources').hide();
  }
  //showSourcesAvailableOnKeypad(zone);
  updateZoneSettings();
}

var zoneSettingsZone = 1;

function updateZoneSettings() {

  $('#bassSetting').val(systems[systemIdx].zones[Gzone].bass);
  $('#trebleSetting').val(systems[systemIdx].zones[Gzone].treble);
  $('#balanceLevelText').val("BALANCE LEVEL: " + systems[systemIdx].zones[Gzone].balance);
  balanceSlider.noUiSlider.set(systems[systemIdx].zones[Gzone].balance);
  $('#zoneSettingsName').text(systems[systemIdx].zones[Gzone].name)
  $('#zoneSettingsAppName').text(systems[systemIdx].zones[Gzone].appName)
  if (systems[systemIdx].zones[Gzone].enabled == true) {
    $('#zoneEnabled').attr('checked', 'checked');
  } else {
    $('#zoneEnabled').removeAttr('checked');
  }
  //console.log(zones[Gzone].bass)

  var bassslider = document.getElementById("bassSetting");
  $(".player.bass").css("width", systems[systemIdx].zones[Gzone].bass * 5 + "%");
}



$("#changeZoneName").on("click", function() {
  var name = prompt("Please enter a new zone name", systems[systemIdx].zones[Gzone].name);

  if (name.length > 10) {
    alert("Name is too long, please keep names under 10 characters");
    return;
  }
  if (name != null && name != "") {
    changeZoneName(name);
    systems[systemIdx].zones[Gzone].name = name;
    updateData();
    $('#zoneSettingsName').text(name);
  }

});

$("#changeZoneAppName").on("click", function() {
  var name = prompt("Please enter a new zone name", systems[systemIdx].zones[Gzone].appName);



  if (name != null && name != "") {

    //  changeZoneName(name);
    systems[systemIdx].zones[Gzone].appName = name;
    updateData();
    $('#zoneSettingsAppName').text(name);
  }

});

$(document).ready(function() {


  //add bass/treble/balance radio set
  if (!systems[systemIdx].zones) {
    return;
  }

  if (systems[systemIdx].zones[Gzone]) {
    $("input[name=bassSlider][value=" + systems[systemIdx].zones[Gzone].bass + "]").prop("checked", true);
    $("input[name=trebleSlider][value=" + systems[systemIdx].zones[Gzone].treble + "]").prop("checked", true);
    $("input[name=balanceSlider][value=" + systems[systemIdx].zones[Gzone].balance + "]").prop("checked", true);
  }

  $('input[type=radio][name=bassSlider]').change(function() {
    systems[systemIdx].zones[Gzone].bass = this.value * 1;
    zoneSetBass(this.value);
  });
});


$(document).ready(function() {

  var bassSlider = document.getElementById('bassSlider');

  noUiSlider.create(bassSlider, {
    start: [0],
    step: 1,
    connect: [true, false],
    range: {
      'min': -10,
      'max': 10
    }
  });

  bassSlider.noUiSlider.on('end', function() {
    //console.log(bassSlider.noUiSlider.get());
    var level = bassSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#bassLevelText').text('BASS LEVEL: ' + level);
    zoneSetBass(level * 1);
  });

  bassSlider.noUiSlider.on('slide', function() {
    //console.log(bassSlider.noUiSlider.get());
    var level = bassSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#bassLevelText').text('BASS LEVEL: ' + level);
    //zoneSetBass(level * 1);
  });

  bassSlider.noUiSlider.on('update', function() {
    //console.log(bassSlider.noUiSlider.get());
    var level = bassSlider.noUiSlider.get();
    level = level.replace('.00', "");

    $('#bassLevelText').text('BASS LEVEL: ' + level);
    //zoneSetBass(level * 1);
  });

  var trebleSlider = document.getElementById('trebleSlider');

  noUiSlider.create(trebleSlider, {
    start: [0],
    step: 1,
    connect: [true, false],
    range: {
      'min': -10,
      'max': 10
    }
  });

  trebleSlider.noUiSlider.on('end', function() {
    var level = trebleSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#trebleLevelText').text('TREBLE LEVEL: ' + level);
    zoneSetTreble(level * 1);
  });

  trebleSlider.noUiSlider.on('slide', function() {
    var level = trebleSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#trebleLevelText').text('TREBLE LEVEL: ' + level);
    //zoneSetTreble(level * 1);
  });


  trebleSlider.noUiSlider.on('update', function() {
    var level = trebleSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#trebleLevelText').text('TREBLE LEVEL: ' + level);
    //zoneSetTreble(level * 1);
  });


  var balanceSlider = document.getElementById('balanceSlider');

  noUiSlider.create(balanceSlider, {
    start: [0],
    step: 1,
    connect: [true, false],
    range: {
      'min': -10,
      'max': 10
    }
  });

  balanceSlider.noUiSlider.on('update', function() {
    var level = balanceSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#balanceLevelText').text('BALANCE LEVEL: ' + level);

  });

  balanceSlider.noUiSlider.on('end', function() {
    var level = balanceSlider.noUiSlider.get();
    level = level.replace('.00', "");
    $('#balanceLevelText').text('BALANCE LEVEL: ' + level);
    zoneSetBalance(level * 1);
  });

});



function addToSourceForKeypadList(name, source) {
  console.log("addToSourceForKeypadList: " + source);
  console.log("-" + name.toLowerCase() + "-");

  //$('#sourcesOnKeypad').html("<div class='zoneSettingsList'>Loading Sources: " + source + "</div>");
  var html = "";
  //console.log(name.toLowerCase().indexOf("none"));
  var label = "Tap to Hide";
  var color = "blue";
  if (name.toLowerCase().indexOf("none") >= 0) {
    label = "Tap to Show";
    color = "grey";
  }
  html += '<li><div class="list-box"><div class="list-grid list-grid-left zoneSettingsList"><div class="list-title">';
  html += '<span><a href="#">Source ' + source + ': ' + systems[systemIdx].sources[source].name + '</a></span>';
  html += '      </div></div><div class="list-grid list-grid-right"><div class="both-btn">';
  html += '        <div class="button-item"><a class="' + color + '" href="#" id="toggleShowSource-' + source + '" onClick="toggleShowSource(' + zoneSettingsZone + ',' + source + ')">' + label + '</a></button>';
  html += '        </div></div></div></li>';

  $('#sourcesOnKeypad').append(html);
}