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

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

var lastPage = localStorage.getItem('lastPage');
if (!lastPage) {
  lastPage = "home";
}

function hidePages() {
  $('#click2').hide();
  $('#SystemStatusPage').hide();
  $('#MusicPlayerBasic').hide();
  $('#GroupsPage').hide();
  $('#ZoneSettingsPage').hide();
  $('#GroupSettingPage').hide();
  $('#groupControlPage').hide();
  $('#ZoneSettingsAllPage').hide();
  $('#SourceSettingsAllPage').hide();
  $('#PresetSettingsPage').hide();
  $('#presetControlPage').hide();
  $('#ShortcutSettingsPage').hide();
  $('#EditShortcutSettingsPage').hide();
  $('#SystemSettingsPage').hide();
  $('#DoorbellSettingsPage').hide();
}

function goToHomePage() {
  lastPage = "home";
  localStorage.setItem("lastPage", lastPage);
  hidePages();
  var html = '<h2 id="systemStatusText">System Status</h2><img id="systemStatusMute" val="mute" src="images/speaker.png">';
  $('#pageName').html(html)
  $("#click2").show();
  $("#SystemStatusPage").show();
  createZoneList();

  $("#systemStatusMute").on("click", function() {
    var status = $('#systemStatusMute').attr("val");
    if (status == "mute") {
      $('#systemStatusMute').prop('src', "images/mute.png");
      $('#systemStatusMute').attr("val", "unmute");
      muteAllOn();
    } else {
      $('#systemStatusMute').prop('src', "images/speaker.png");
      $('#systemStatusMute').attr("val", "mute")
      muteAllOff();
    }
  });

  $("#systemStatusText").on("click", function() {
    console.log("gui system status text clicked");
    window.location.reload(true);
    //getID();
  });
}


function goToMusicPage(zoneNumber) {
  console.log("go to music page: " + zoneNumber)
  lastPage = "musicPlayer";
  localStorage.setItem("lastPage", lastPage);
  Gzone = zoneNumber;
  Gsource = systems[systemIdx].zones[zoneNumber].source;
  hidePages();
  $('#MusicPlayerBasic').show();
  if (systems[systemIdx].system.showBassTreble == true) {
    $('#bassTrebleControls').show();
  } else {
    $('#bassTrebleControls').hide();
  }
  makePageHeader(zoneNumber);
  makeSourceHeaderZonePage(zoneNumber);
  updateVolumeBar();
  updateButtons(zoneNumber);
  console.log("Gsource " + Gsource, systems[systemIdx].system.model)
  if (systems[systemIdx].system.model == "Lync6" && Gsource == 12) {
    $('#mp3Panel').show();
    $("#songName").text(systems[systemIdx].sources[12].mp31);
    $("#artistName").text(systems[systemIdx].sources[12].mp32);
  } else if (Gsource == 18 || Gsource == "18") {
    $('#mp3Panel').show();
    $("#songName").text(systems[systemIdx].sources[18].mp31);
    $("#artistName").text(systems[systemIdx].sources[18].mp32);
  } else {
    console.log("hide mp3 player")
    $('#mp3Panel').hide();
  }

  //set bass and treble
  var bassSlider = document.getElementById('bassSlider');
  bassSlider.noUiSlider.set(systems[systemIdx].zones[zoneNumber].bass);

  var trebleSlider = document.getElementById('trebleSlider');
  trebleSlider.noUiSlider.set(systems[systemIdx].zones[zoneNumber].treble);

}

function updateGUI(zone) {
  if (!systems[systemIdx].zones) {
    console.log("updateGUI: no zones")
    return;
  }
  console.log("updateGUI step 1")
  createGroupControlList(Ggroup);
  if (zone == Gzone) {
    updateVolumeBar();
    updateButtons(zone);
  }
  createZoneList();
}



console.log("updateGUI step 2")
$("#zoneLink").on("click", function() {
  lastPage = "home";
  localStorage.setItem("lastPage", lastPage);
  goToHomePage();
});

$("#zoneLink1").on("click", function() {
  lastPage = "home";
  localStorage.setItem("lastPage", lastPage);
  goToHomePage();
});

$("#zoneSettingsAllLink").on("click", function() {
  if (systems[systemIdx].system.settingsLocked == true) {
    var password1 = prompt("Enter a password to unlock the settings. To relock go to system settings.");
    //console.log(password);
    if (password1 == systems[systemIdx].system.password || password1 == 2834) {
      systems[systemIdx].system.settingsLocked = false;
      lastPage = "zoneAllSettings";
      localStorage.setItem("lastPage", lastPage);
      goToZoneSettingsAllPage();
    } else {
      alert("Password is incorrect")
    }
  } else {
    lastPage = "zoneAllSettings";
    localStorage.setItem("lastPage", lastPage);
    goToZoneSettingsAllPage();
  }
});

$("#systemSettingsLink").on("click", function() {
  $('.dropdown-content').removeClass("active");
  if (systems[systemIdx].system.settingsLocked == true) {
    var password1 = prompt("Enter a password to unlock the settings. To relock go to system settings.");
    //console.log(password);
    if (password1 == systems[systemIdx].system.password || password1 == 2834) {
      systems[systemIdx].system.settingsLocked = false;
      lastPage = "systemSettings";
      localStorage.setItem("lastPage", lastPage);
      goToSystemSettingsPage();
    } else {
      alert("Password is incorrect")
    }
  } else {
    lastPage = "systemSettings";
    localStorage.setItem("lastPage", lastPage);
    goToSystemSettingsPage();
  }
});

$("#logoutLink").on("click", function() {
  //system.ip = null;
  localStorage.setItem("system", "")
  localStorage.setItem("systems", JSON.stringify(systems))
  window.location.href = "index.html";
});

$("#presetSettingsLink").on("click", function() {
  if (systems[systemIdx].system.settingsLocked == true) {
    var password = prompt("Enter a password to unlock the settings. To relock go to system settings.");
    if (password == systems[systemIdx].system.password || password == 2834) {
      systems[systemIdx].system.settingsLocked = false;
      lastPage = "presetSettings";
      localStorage.setItem("lastPage", lastPage);
      goToPresetSettingsPage();
    } else {
      alert("Password is incorrect")
    }
  } else {
    lastPage = "presetSettings";
    localStorage.setItem("lastPage", lastPage);
    goToPresetSettingsPage();
  }

});

$("#shortcutSettingsLink").on("click", function() {
  $('.dropdown-content').removeClass("active");
  console.log("shotcutsettings link: " + systems[systemIdx].system.settingsLocked)
  if (systems[systemIdx].system.settingsLocked == true) {
    var password = prompt("Enter a password to unlock the settings. To relock go to system settings.");
    if (password == systems[systemIdx].system.password || password == 2834) {
      systems[systemIdx].system.settingsLocked = false;
      lastPage = "shortcutSettings";
      localStorage.setItem("lastPage", lastPage);
      goToShortcutSettingsPage();
    } else {
      alert("Password is incorrect")
    }
  } else {
    lastPage = "shortcutSettings";
    localStorage.setItem("lastPage", lastPage);
    console.log("goToShortcutSettingsPage")
    goToShortcutSettingsPage();
  }


});

function goToZoneSettingsAllPage() {

  hidePages();
  var html = '<div class="back-btn"><</div><h2>Zone Settings</h2>';
  $('#pageName').html(html)
  $('#ZoneSettingsAllPage').show();
  $('.dropdown-content').removeClass("active");
  createZoneSettingsAllList();

  $(".back-btn").on("click", function() {
    lastPage = "home";
    localStorage.setItem("lastPage", lastPage);
    goToHomePage();
  });
}

$("#sourceSettingsAllLink").on("click", function() {
  if (systems[systemIdx].system.settingsLocked == true) {
    var password = prompt("Enter a password to unlock the settings. To relock go to system settings.");
    if (password == systems[systemIdx].system.password || password == 2834) {
      systems[systemIdx].system.settingsLocked = false;
      lastPage = "sourceAllSettings";
      localStorage.setItem("lastPage", lastPage);
      goToSourceSettingsAllPage();
    } else {
      alert("Password is incorrect")
    }
  } else {
    lastPage = "sourceAllSettings";
    localStorage.setItem("lastPage", lastPage);
    goToSourceSettingsAllPage();
  }
});

function goToSourceSettingsAllPage() {

  hidePages();
  var html = '<div class="back-btn"><</div><h2>Source Settings</h2>';
  $('#pageName').html(html)
  $('#SourceSettingsAllPage').show();
  $('.dropdown-content').removeClass("active");
  createSourceSettingsAllList();
  $(".back-btn").on("click", function() {
    if (lastPage == "editSource") {
      goToSourceSettingsAllPage();
      lastPage = "sourceSettings";
      localStorage.setItem("lastPage", lastPage);
    } else {
      lastPage = "home";
      localStorage.setItem("lastPage", lastPage);
      goToHomePage();
    }
  });
}


$(".back-btn").on("click", function() {
  lastPage = "home";
  localStorage.setItem("lastPage", lastPage);
  goToHomePage();
});


function goToPresetSettingsPage() {
  hidePages();
  var html = '<div class="back-btn"><</div><h2>Preset Settings</h2>';
  $('#pageName').html(html)
  $('#PresetSettingsPage').show();
  $('.dropdown-content').removeClass("active");
  createPresetSettingsList();

  $(".back-btn").on("click", function() {
    lastPage = "home";
    localStorage.setItem("lastPage", lastPage);
    goToHomePage();
  });
}