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

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

function createZoneSettingsAllList() {
  if (!systems[systemIdx].zones) {
    console.log("no zones")
    return;
  }
  var html = '<ul>';

  //create show bass/treble
  var showEnabled = "checked"
  if (systems[systemIdx].system.showBassTreble == false || !systems[systemIdx].system.showBassTreble) {
    showEnabled = "";
  }
  html += '<li>';
  html += '  <div class="list-box">';
  html += '    <div class="list-grid list-grid-left zoneSettingsList">';

  html += '      <div class="list-title">';
  html += '        <span><a href="#">Show Bass/Treble Controls</a></span>';
  html += '      </div>';
  html += '    </div>';
  html += '    <div class="list-grid list-grid-right">';
  html += '<div class="both-btn">';
  html += '  <label class="switch">';
  html += '    <input type="checkbox" ' + showEnabled + ' class="enableBassTreble">';
  html += '    <span class="slider round"></span>';
  html += '  </label>';
  html += '</div>';
  html += '      <div class="list-cat">';
  html += '      </div>';
  html += '    </div>';
  html += '  </div>';
  html += '</li>';

  console.log("createZoneSettingsAllList")
  for (i = 1; i < systems[systemIdx].zones.length; i++) {
    if (systems[systemIdx].zones[i].name !== "None" && systems[systemIdx].zones[i].name !== "" && systems[systemIdx].zones[i].name !== "none") {
      //console.log(zones[i])
      var enabled = "checked";
      if (systems[systemIdx].zones[i].enabled == false) {
        enabled = "";
      }
      html += '<li>';
      html += '  <div class="list-box">';
      html += '    <div class="list-grid list-grid-left zoneSettingsList">';
      html += '  <label class="switch">';
      html += '    <input type="checkbox" ' + enabled + ' class="zoneEnabled" zone="' + i + '">';
      html += '    <span class="slider round"></span>';
      html += '  </label>';
      html += '      <div class="list-title">';
      html += '        <span><a href="#" zone="' + i + '" onclick="goToMusicPage(' + i + ')">' + systems[systemIdx].zones[i].appName + '</a></span>';
      html += '      </div>';
      html += '    </div>';
      html += '    <div class="list-grid list-grid-right">';
      html += '<div class="both-btn">';
      html += '  <img class="edit-box goToZoneSettings" src="images/settings.png" zone="' + i + '" >';
      html += '</div>';
      html += '      <div class="list-cat">';
      html += '      </div>';
      html += '    </div>';
      html += '  </div>';
      html += '</li>';
    }
  }
  html += "</ul>";
  $("#zoneSettingsAllList").html(html);

  $(".zoneEnabled:input[type=checkbox]").on('change', function() {
    var self = $(this);
    var zone = self.attr("zone") * 1;
    if (self.is(":checked")) {
      systems[systemIdx].zones[zone].enabled = true;
    } else {
      systems[systemIdx].zones[zone].enabled = false;
    }
    updateData();
  });

  $(".enableBassTreble:input[type=checkbox]").on('change', function() {
    var self = $(this);

    if (self.is(":checked")) {
      systems[systemIdx].system.showBassTreble = true;
    } else {
      systems[systemIdx].system.showBassTreble = false;
    }
    updateData();
  });

  $(".edit-box.goToZoneSettings").on('click', function() {
    var self = $(this);
    var zone = self.attr("zone") * 1;

    goToZoneSettingsPage(zone);
  });
}