options.js

var mirrors;
var mangas;
var actmirrors;

function getMangaMirror(mirror) {
  for (var i = 0; i < mirrors.length; i++) {
    if (mirrors[i].mirrorName == mirror) {
      return mirrors[i];
    }
  }
  return null;
}

//Opens an url in new tab
function openTab(urlToOpen) {
  chrome.extension.sendRequest({action: "opentab", url: urlToOpen}, function(response) {});
}

// Saves options to localStorage.
function save_options() {
  //console.log("save options...");
  var obj = {};
  obj.action = "saveparameters";
  obj.displayAdds = (document.getElementById("adsCk").checked ? 0 : 1);
  obj.displayChapters = (document.getElementById("chapsCk").checked ? 1 : 0);
  if (document.getElementById("modeChap1").checked) {
    obj.displayMode = 1;
  } else {
    if (document.getElementById("wideMode1").checked) {
      obj.displayMode = 2;
    } else {
      obj.displayMode = 3;
    }
  }
  obj.popupMode = (document.getElementById("popupMode1").checked ? 1 : 2);
  obj.omSite = 0;
  obj.newTab = (document.getElementById("newTab").checked ? 1 : 0);
  obj.sync = (document.getElementById("syncMg").checked ? 1 : 0);
  obj.displayzero = (document.getElementById("displayZero").checked ? 1 : 0);
  obj.pub = (document.getElementById("pubAMR").checked ? 1 : 0);
  obj.dev = (document.getElementById("devAMR").checked ? 1 : 0);
  obj.load = (document.getElementById("loadCk").checked ? 1 : 0);
  obj.resize = (document.getElementById("resizeCk").checked ? 1 : 0);
  obj.imgorder = (document.getElementById("imgorderCk").checked ? 1 : 0);

  var colPicks = getElementsByClass("colorPicker", document);
  for (var i = 0; i < colPicks.length; i++) {
    if (colPicks[i].className.indexOf("active") != -1) {
      obj.color = i;
      break;
    }
  }

  //New options
  obj.groupmgs = (document.getElementById("groupmgsCk").checked ? 1 : 0);
  obj.openupdate = (document.getElementById("openupdateCk").checked ? 1 : 0);
  obj.updatechap = parseInt(document.getElementById("updatechap").value, 10);
  obj.updatemg = parseInt(document.getElementById("updatemg").value, 10);
  obj.newbar = (document.getElementById("newbarCk").checked ? 1 : 0);
  obj.addauto = (document.getElementById("addautoCk").checked ? 1 : 0);

  obj.lrkeys = (document.getElementById("lrkeysCk").checked ? 1 : 0);

  obj.size = parseInt(document.getElementById("popupsize").value, 10);

  obj.autobm = (document.getElementById("autobmCk").checked ? 1 : 0);
  obj.prefetch = (document.getElementById("prefetchCk").checked ? 1 : 0);

  obj.rightnext = (document.getElementById("rightnextCk").checked ? 1 : 0);

  //Notifications
  obj.shownotifications = (document.getElementById("shownotificationsCk").checked ? 1 : 0);
  obj.notificationtimer = parseInt(document.getElementById("notificationtimer").value, 10);

  obj.refreshspin = (document.getElementById("refreshspinCk").checked ? 1 : 0);
  obj.savebandwidth = (document.getElementById("savebandwidthCk").checked ? 1 : 0);
  obj.checkmgstart = (document.getElementById("checkmgstartCk").checked ? 1 : 0);

  obj.nocount = (document.getElementById("noCount").checked ? 1 : 0);
  obj.displastup = (document.getElementById("displastup").checked ? 1 : 0);
  obj.markwhendownload = (document.getElementById("markwhendownload").checked ? 1 : 0);

  obj.sendstats = (document.getElementById("sendstats").checked ? 1 : 0);

  if (isNaN(obj.notificationtimer))
  {
    obj.notificationtimer = 0;
  }

  chrome.extension.sendRequest(obj, function(response) {});
}

function init() {
  loadMenu("options");
  $(".article").show();
  $(".ongletCont[id!='ong1']").hide();
  if (window.location.href.indexOf("tab=sites") != -1) {
    switchOnglet($("#supportedWS")[0], 'ong4');
  }
  restore_options();
}
// Restores select box state to saved value from localStorage.
function restore_options() {
  response = chrome.extension.getBackgroundPage().getParameters();

  document.getElementById("adsCk").checked = (response.displayAdds != 1);
  document.getElementById("chapsCk").checked = (response.displayChapters == 1);
  document.getElementById("modeChap1").checked = (response.displayMode == 1);
  document.getElementById("modeChap2").checked = (response.displayMode != 1);
  document.getElementById("wideMode1").checked = (response.displayMode == 2);
  document.getElementById("wideMode2").checked = (response.displayMode == 3);
  document.getElementById("popupMode1").checked = (response.popupMode == 1);
  document.getElementById("popupMode2").checked = (response.popupMode == 2);
  document.getElementById("newTab").checked = (response.newTab != 0);
  document.getElementById("syncMg").checked = (response.sync != 0);
  document.getElementById("displayZero").checked = (response.displayzero != 0);
  document.getElementById("pubAMR").checked = (response.pub != 0);
  document.getElementById("devAMR").checked = (response.dev != 0);
  document.getElementById("loadCk").checked = (response.load != 0);
  document.getElementById("resizeCk").checked = (response.resize != 0);
  document.getElementById("imgorderCk").checked = (response.imgorder != 0);
  //COLOR
  var colPicks = getElementsByClass("colorPicker", document);
  colPicks[response.color].className = "colorPicker active";

  if (document.getElementById("chapsCk").checked) {
    document.getElementById('chaptersOptions').style.display = 'table-row';
  }
  if (document.getElementById("modeChap2").checked) {
    document.getElementById('wideScreenOpts').style.display = 'table-row';
  }
  if (!document.getElementById("wideMode1").checked && !document.getElementById("wideMode2").checked) {
    document.getElementById("wideMode2").checked = true;
  }

  //New options
  document.getElementById("groupmgsCk").checked = (response.groupmgs != 0);
  document.getElementById("openupdateCk").checked = (response.openupdate != 0);
  document.getElementById("updatechap").value = response.updatechap;
  document.getElementById("updatemg").value = response.updatemg;
  document.getElementById("newbarCk").checked = (response.newbar != 0);
  document.getElementById("addautoCk").checked = (response.addauto != 0);

  document.getElementById("lrkeysCk").checked = (response.lrkeys != 0);

  document.getElementById("popupsize").value = response.size;

  document.getElementById("autobmCk").checked = (response.autobm != 0);
  document.getElementById("prefetchCk").checked = (response.prefetch != 0);

  document.getElementById("rightnextCk").checked = (response.rightnext != 0);

  //Notifications
  document.getElementById("shownotificationsCk").checked = (response.shownotifications == 1);
  document.getElementById("notificationtimer").value = response.notificationtimer;

  document.getElementById("refreshspinCk").checked = (response.refreshspin == 1);
  document.getElementById("savebandwidthCk").checked = (response.savebandwidth == 1);
  document.getElementById("checkmgstartCk").checked = (response.checkmgstart == 1);

  document.getElementById("noCount").checked = (response.nocount == 1);
  document.getElementById("displastup").checked = (response.displastup == 1);
  document.getElementById("markwhendownload").checked = (response.markwhendownload == 1);

  document.getElementById("sendstats").checked = (response.sendstats == 1);

  restore_mirrors();
  $("#refreshChap").click(function() {
    chrome.extension.getBackgroundPage().refreshAllLasts(true, true);
    $("#noteChap").show();
  });
  $("#refreshMg").click(function() {
    chrome.extension.getBackgroundPage().refreshMangaLists(true, true);
    $("#noteMg").show();
  });
  $("#paypalus").click(function() {
    openTab("https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=MPJ2DWQP67FHJ");
  });
  $("#paypaleuro").click(function() {
    openTab("https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=PTFDEMDFNKQAG");
  });
}

function loadSelectors() {
  var selAll = $("<img src='" + chrome.extension.getURL("img/select_all.png") + "' title='Activate all visible mirrors'/>")
  var selNone = $("<img src='" + chrome.extension.getURL("img/select_none.png") + "' title='Deactivate all visible mirrors'/>")

  selAll.click(function() {
    $("#allmirrors tr:visible input[type='checkbox']").each(function(index) {
      if (!$(this).attr("checked")) {
        $(this).attr("checked", true);
        var mirrorName = $(".mirrorName", $(this).parent().parent()).attr("name");
        chrome.extension.sendRequest({action: "activateMirror", mirror: mirrorName}, function(res) {});
      }
    });
  });

  selNone.click(function() {
    $("#allmirrors tr:visible input[type='checkbox']").each(function(index) {
      if ($(this).attr("checked")) {
        $(this).attr("checked", false);
        var mirrorName = $(".mirrorName", $(this).parent().parent()).attr("name");
        chrome.extension.sendRequest({action: "desactivateMirror", mirror: mirrorName}, function(res) {});
      }
    });
  });

  selAll.appendTo($("#selectors"));
  selNone.appendTo($("#selectors"));

  var sel = MgUtil.getLanguageSelect(mirrors);
  sel.change(function() {
    var lang = $("option:selected", $(this)).val();
    if (lang == "all") {
      $("#allmirrors tr").show();
    } else {
      var langMirrors = MgUtil.getMirrorsFromLocale(mirrors, lang);

      $("#allmirrors tr .mirrorName").each(function(index) {
        var isFound = false;
        for (var i = 0; i < langMirrors.length; i++) {
          if (langMirrors[i] == $(this).attr("name")) {
            isFound = true;
            break;
          }
        }
        if (!isFound) {
          $(this).closest("tr").hide();
        } else {
          $(this).closest("tr").show();
        }
      });
    }
    pyjmirs();
  });

  var spansel = $("<span class='custom-select'></span>");
  sel.appendTo(spansel);
  spansel.appendTo($("#selectors"));
}

function restore_mirrors() {
  mirrors = chrome.extension.getBackgroundPage().mirrors;
  mangas = chrome.extension.getBackgroundPage().mangaList;
  actmirrors = chrome.extension.getBackgroundPage().actMirrors;

  loadSelectors();
  mirrors.sort(function(a, b) {
    if (a.mirrorName < b.mirrorName) {
      return -1;
    } else if (a.mirrorName == b.mirrorName) {
      return 0;
    } else {
      return 1;
    }
  });

  $("#results").empty();
  $("<table id='allmirrors'></table>").appendTo($("#results"));

  for (var i = 0; i < mirrors.length; i++) {
    var trCur = $("<tr></tr>");

    var nb = 0;
    for (var j = 0; j < mangas.length; j++) {
      if (mangas[j].mirror == mirrors[i].mirrorName) {
        nb++;
      }
    }
    var tdHead = $("<td class='mirrorName' name='" +  mirrors[i].mirrorName + "'></td>");
    var img = $("<img src='" + mirrors[i].mirrorIcon + "' title='" + mirrors[i].mirrorName + "' />");
    img.appendTo(tdHead);
    $("<span><b>" + mirrors[i].mirrorName + "</b></span>").appendTo(tdHead);
    $("<span> (Mangas read on this site : <b>" + nb + "</b>)</span>").appendTo(tdHead);
    tdHead.appendTo(trCur);

    var lang = mirrors[i].languages.split(",");
    var langstr = "";
    for (var j = 0; j < lang.length; j++) {
      langstr += MgUtil.getLanguageName(lang[j]) + ", ";
    }
    var tdLang = $("<td class='lang'>" + langstr.substr(0, langstr.length - 2) + "</td>");
    tdLang.appendTo(trCur);

    var tdMgs = $("<td class='mirrorOpt'></td>");
    tdMgs.appendTo(trCur);

    if (nb > 0) {
      trCur.addClass("desactivate");
    } else {
      var isfound = false;
      for (var j = 0; j < actmirrors.length; j++) {
        if (actmirrors[j].mirrorName == mirrors[i].mirrorName) {
          isfound = true;
          break;
        }
      }

      var ck = $("<input type=\"checkbox\" />");
      ck.attr("checked", isfound);
      ck.appendTo(tdMgs);
      ck.click(function() {
        var mirrorName = $(".mirrorName", $(this).parent().parent()).attr("name");
        if ($(this).attr("checked")) {
          // activate the mirror
          chrome.extension.sendRequest({action: "activateMirror", mirror: mirrorName}, function(res) {});
        } else {
          // desactivate the mirror
          chrome.extension.sendRequest({action: "desactivateMirror", mirror: mirrorName}, function(res) {});
        }
      });

    }

    trCur.appendTo($("#allmirrors"));
  }
  pyjmirs();
}

function pyjmirs() {
  $("#allmirrors tr:visible").removeClass("odd").removeClass("even");
  $("#allmirrors tr:visible").each(function(index) {
    if (index % 2 == 0) {
      $(this).addClass("odd");
    } else {
      $(this).addClass("even");
    }
  });
}
function switchOnglet(ong, tab) {
  $(".tab").removeClass("checked");
  $(ong).addClass("checked");
  $(".ongletCont").each(function(index) {
    if ($(this).attr("id") == tab) {
      $(this).show();
    } else {
      $(this).hide();
    }
  });
}

function switchColor(obj) {
  var colPicks = getElementsByClass("colorPicker", document);
  for (var i = 0; i < colPicks.length; i++) {
    colPicks[i].className="colorPicker";
  }
  obj.className += " active";
}
function getElementsByClass(searchClass, obj) {
    if (!obj) {
        obj = document;
    }

    var classElements = new Array();
    var els = document.getElementsByTagName('*');
    var elsLen = els.length
    for (i = 0, j = 0; i < elsLen; i++)
    {
        var classes = els[i].className.split(' ');
        for (k = 0; k < classes.length; k++)
            if ( classes[k] == searchClass )
                classElements[j++] = els[i];
    }
    return classElements;
}
document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('body').addEventListener('load', init());
});