Popufare-Admin-Web-UI/main/app/static/js/popufare_admin.js

// example usage:
//
// api_req({"ui_function":"manage_card.find", "api_function":"CardInfo", "data":[ ["action","search"],["mag_token","370000000007015"]]})
//
function api_req(ctx) {
  var xhr;
  xhr = new XMLHttpRequest();
  if (!xhr) { return false; }

  var param_val = [];
  for (var idx=0; idx<ctx.data.length; idx++) {
    param_val.push(ctx.data[idx][0] + '=' + ctx.data[idx][1]);
  }

  var api_func = "nop";
  if ("api_function" in ctx) { api_func = ctx["api_function"]; }

  var req_str = "api/v1/" + api_func + "?" + param_val.join("&");

  xhr.onreadystatechange = (function(_x,_f) {
    return function(v) { api_resp(_x, {"ui_function":_f}); }
  })(xhr, ctx["ui_function"])
  xhr.open("GET", req_str);
  xhr.send()

}


function update_message(ui_id, msg_type, msg_text) {
  var ele = document.getElementById(ui_id);

  if (msg_type === "error") { ele.style.color = "#f00"; }
  else                      { ele.style.color = "#007"; }
  ele.innerHTML = msg_text;
}

function update_pass_radio_button(page, pass_choice) {
  var _rid = ["pass_none", "pass_nride", "pass_nday", "pass_other"];

  for (var ii=0; ii<_rid.length; ii++) {
    var ele = document.getElementById("ui." + page + "." + _rid[ii]);
    ele.checked = false;
  }

  if (pass_choice === "none") {
    var ele = document.getElementById("ui." + page + ".pass_none");
    ele.checked = true;
  }
  else if (pass_choice === "nride") {
    var ele = document.getElementById("ui." + page + ".pass_nride");
    ele.checked = true;
  }
  else if (pass_choice === "nday") {
    var ele = document.getElementById("ui." + page + ".pass_nday");
    ele.checked = true;
  }
  else if (pass_choice === "other") {
    var ele = document.getElementById("ui." + page + ".pass_other");
    ele.checked = true;
  }

}



function api_resp(xhr,extra) {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {

      var dat = JSON.parse(xhr.responseText);

      if (extra["ui_function"] === "manage_card.find") {

        console.log("manage_card.find", dat);

        if (dat["result"] == "fail") {
          manage_card_find_fill({});
          update_message("ui.manage_card.message", "error", dat["api_comment"]);
          return;
        }

        if (("cards"in dat) &&
            (dat.cards.length>0)) {
          update_message("ui.manage_card.message", "success", "");
          manage_card_find_fill(dat.cards[0]);
        }
        else {
          manage_card_find_fill({});
          update_message("ui.manage_card.message", "error", "no cards");
        }

      }
      else if (extra["ui_function"] === "manage_card.findone") {

        console.log("... manage_card.findone", dat);

        if (dat["result"] == "fail") {
          update_message("ui.manage_card.message", "error", dat["api_comment"]);
          manage_card_find_fill({});
        }
        else {
          update_message("ui.manage_card.message", "success", "");
          manage_card_find_fill(dat);
        }

      }
      else if (extra["ui_function"] === "manage_card.update") {

        console.log("issuing 'manage_card.update'");

        if (dat["result"] == "fail") {
          update_message("ui.manage_card.message", "error", dat["api_comment"]);
        }
        else {
          update_message("ui.manage_card.message", "success", "");
          var cardid = _get_input_field("ui.manage_card.logical_card_id");
          api_req({"api_function":"CardInfo", "ui_function":"manage_card.findone", "data":[["logical_card_id",cardid]]});
        }

      }

      else if (extra["ui_function"] === "create_user.finish") {

        if (dat["result"] === "success") {
          update_message("ui.manage_user.message", "success", "");
          _redirect( "manage_user?" + "action=get&userid=" + dat["userid"]);
        }
        else {
          update_message("ui.create_user.message", "error", dat.api_comment);
          console.log("FAIL:", dat);
        }
      }

      else if (extra["ui_function"] === "manage_user.find") {
        console.log("manage_user.find:", dat);

        if (dat["result"] === "success") {
          update_message("ui.manage_user.message", "success", "");
          manage_user_find_fill(dat);
        }
        else {
          update_message("ui.manage_user.message", "error", dat.api_comment);
        }

      }
      else if (extra["ui_function"] === "manage_user.update") {
        var userid = _get_input_field("ui.manage_user.userid");

        console.log("manage_user.update resp:", dat);


        if (dat["result"] === "success") {

          // After we've associated the card to the user, re-get user information to re-fill
          // page
          //
          update_message("ui.manage_user.message", "success", "")
          update_message("ui.manage_user.password_message", "success", "")
          update_message("ui.manage_user.card_message", "success", "")
          api_req({"api_function":"UserInfo", "ui_function":"manage_user.find", "data":[["userid",userid]]});
        }
        else {
          update_message("ui.manage_user.message", "error", dat.api_comment);
        }

      }

      else if (extra["ui_function"] === "manage_user.associate_card") {

        if (dat["result"] === "success") {
          update_message("ui.manage_user.message", "success", "")
          update_message("ui.manage_user.password_message", "success", "")
          update_message("ui.manage_user.card_message", "success", "")
          api_req({"api_function":"UserInfo", "ui_function":"manage_user.find", "data":[["userid",userid]]});
        }
        else {
          update_message("ui.manage_user.card_message", "error", dat.api_comment);
        }

      }


      else if (extra["ui_function"] === "reissue_card.find") {
        if (dat["result"] === "success") {
          update_message("ui.reissue_card.message", "success", "")
          reissue_card_fill(dat);
        }
        else {
          update_message("ui.reissue_card.message", "error", dat.api_comment);
        }
      }


      else if (extra["ui_function"] === "recycle_card.update") {
        if (dat["result"] === "success") {
          update_message("ui.recycle_card.message", "success", "")
        }
        else {
          update_message("ui.recycle_card.message", "error", dat.api_comment);
        }
      }


      else if (extra["ui_function"] === "add_card_block.add") {
        if (dat["result"] === "success") {
          update_message("ui.add_card_block.message", "success", "loaded");
        }
        else {
          update_message("ui.add_card_block.message", "error", dat.api_comment);
        }
      }

      else if (extra["ui_function"] === "ui_search.update") {

        console.log("search result:", dat);

        if (dat["result"] === "success") {
          update_message("ui.search.message", "success", "loaded");
          ui_search_fill(dat);
        }
        else {
          update_message("ui.search.message", "error", dat.api_comment);
        }
      }

      else if (extra["ui_function"] === "pending.list") {

        if (dat["result"] === "success") {

          console.log(dat);

          update_message("ui.pending.message", "success", "loaded");
          ui_pending_list(dat);
        }
        else {
          update_message("ui.pending.message", "error", dat.api_comment);
        }

      }

      else if (extra["ui_function"] === "group") {
      }

      //else if (extra["ui_function"] === "manage_card.find") { manage_card_find_fill(dat); }

    }
    else {
      console.log("xhr error:", xhr);
    }
  }
}


function _param2hash(p) {
  var h = {};
  p = p.substring(1);
  var tokval = p.split("&");
  for (var idx=0; idx<tokval.length; idx++) {
    pv = tokval[idx].split("=");
    h[pv[0]] = pv[1];
  }

  return h;
}

function _attach_button(btn_id, cb) {
  ele = document.getElementById(btn_id);
  if (ele) { ele.onclick = cb; }
}

function _redirect(rel_str) {
  console.log("redirect", rel_str);
  window.location.href = rel_str;
}

function _fill_input_field(fid, fdata) {
  var ele = document.getElementById(fid);
  if (ele) {
    if (ele.nodeName === "DIV") { ele.innerHTML = fdata; }
    else                        { ele.value = fdata; }
  }
}

function _get_input_field(fid) {
  var ele = document.getElementById(fid);
  if (ele) { return ele.value; }
  return null;
}

function _get_select(fid) {
  var ele = document.getElementById(fid);
  if (ele) {
    return ele.options[ele.selectedIndex].value;
  }
  return null;
}

function _get_select_id(fid) {
  var ele = document.getElementById(fid);
  if (ele) {
    return ele.options[ele.selectedIndex].id;
  }
  return null;
}

function _date_only(s) {
  if (!s) { return s; }
  if (s.length > 0) {
    return s.split(" ")[0];
  }
  return s;
}

function _create_pass_row(dat) {
  var pass_table = document.getElementById("ui.manage_card.list_passes");

  var _cb = "<input type='checkbox' id='xxx' name='xxx'>";

  while (pass_table.firstChild) {
    pass_table.removeChild(pass_table.lastChild);
  }

  var row = document.createElement("div");
  row.classList.add("row");
  row.classList.add("rowpop");
  row.classList.add("row-shade");

  var fields_width = [1,1,1,1,2,2,2,2];
  //var fields = ["x", "Type", "Original", "Remain", "Exp.", "Issued", "First Used", "Last Used"];
  var fields = ['', "Type", "Original", "Remain", "Exp.", "Issued", "First Used", "Last Used"];
  for (var idx=0; idx<fields.length; idx++) {
    var cell = document.createElement("div");
    cell.innerHTML = fields[idx];
    cell.classList.add("col-" + fields_width[idx]);
    row.appendChild(cell);
  }
  pass_table.appendChild(row);

  for (var idx=0; idx<dat["pass"].length; idx++) {
    var pass_data = dat["pass"][idx];

    var passid = pass_data["user_pass_id"];

    var pass_type = "unk";
    var pass_rule = pass_data["rule"];
    var pass_orig = "";
    var pass_remain = "";
    var pass_exp = "";
    if (pass_rule.search(/NRIDE/) >= 0) {
      pass_type = "NRide";
      pass_orig = pass_data["nrides_orig"];
      pass_remain = pass_data["nrides_remain"];
      pass_exp = "";
    }
    else if (pass_rule.search(/NDAY/) >= 0) {
      pass_type = "NDay";
      pass_orig = pass_data["nday_orig"];
      pass_remain = "";
      pass_exp = pass_data["nday_expiration"];
    }
    else {
      pass_type = "Other";
    }

    var pass_firstused = "";
    var pass_lastused = "";
    if ( (typeof pass_data["firstused"] !== "undefined") &&
         (pass_data["firstused"]) ) {
      pass_firstused = pass_data["firstused"];
    }

    if ( (typeof pass_data["lastused"] !== "undefined") &&
         (pass_data["lastused"]) ) {
      pass_lastused = pass_data["lastused"];
    }

    row = document.createElement("div");
    row.classList.add("row");
    row.classList.add("rowpop");
    if ((idx%2)==1) {
      row.classList.add("row-shade");
    }

    //var cell = document.createElement("div");
    //cell.innerHTML = "x";

    var cell = document.createElement("input");

    cell.setAttribute('type', 'checkbox');
    cell.setAttribute('value', '');
    cell.setAttribute('id', "ui.manage_card.cb_" + idx + "_pass");
    cell.classList.add("col-" + fields_width[0]);
    row.appendChild(cell);


    //cell.classList.add("col-" + fields_width[0]);
    //row.appendChild(cell);

    cell = document.createElement("div");
    cell.innerHTML = pass_type;
    cell.classList.add("col-" + fields_width[1]);
    row.appendChild(cell);

    cell = document.createElement("div");
    cell.innerHTML = pass_orig;
    cell.classList.add("col-" + fields_width[2]);
    row.appendChild(cell);

    cell = document.createElement("div");
    cell.innerHTML = pass_remain;
    cell.classList.add("col-" + fields_width[3]);
    row.appendChild(cell);

    cell = document.createElement("div");
    //cell.innerHTML = pass_exp;
    cell.innerHTML = _date_only(pass_exp);
    cell.classList.add("col-" + fields_width[4]);
    row.appendChild(cell);

    cell = document.createElement("div");
    //cell.innerHTML = pass_data["issued"];
    cell.innerHTML = _date_only(pass_data["issued"]);
    cell.classList.add("col-" + fields_width[5]);
    row.appendChild(cell);

    cell = document.createElement("div");
    //cell.innerHTML = pass_firstused;
    cell.innerHTML = _date_only(pass_firstused);
    cell.classList.add("col-" + fields_width[6]);
    row.appendChild(cell);

    cell = document.createElement("div");
    cell.innerHTML = pass_lastused;
    cell.classList.add("col-" + fields_width[7]);
    row.appendChild(cell);

    cell = document.createElement("div");
    cell.innerHTML = passid;
    cell.setAttribute('id', "ui.manage_card.row_" + idx + "_pass");
    cell.style.display = "none";
    row.appendChild(cell);

    pass_table.appendChild(row);

  }
}

function manage_card_find_fill(data) {
  var fields = [ "logical_card_id", "group", "mag_token", "rfid_token"];
  var user_fields = [ "userid", "username", "first_name", "last_name",
                      "email", "phone", "address", "city", "state", "zip", "group" ];

  console.log("manage_card_find_fill:", data);

  for (var idx=0; idx<fields.length; idx++) {
    _fill_input_field("ui.manage_card." + fields[idx], "");
  }



  _fill_input_field("ui.manage_card.disp_userid", "");
  for (var idx=0; idx<fields.length; idx++) {
    if (fields[idx] in data) {
      _fill_input_field("ui.manage_card." + fields[idx], data[fields[idx]])
    }
  }

  for (_user_key in user_fields) {
    _fill_input_field("ui.manage_card." + user_fields[_user_key], "");
  }

  if ("user" in data) {
    for (_key in data["user"]) {
      _fill_input_field("ui.manage_card." + _key, data["user"][_key]);
    }

    if ("userid" in data["user"]) {
      _fill_input_field("ui.manage_card.disp_userid", data["user"]["userid"]);
    }
  }
  console.log("cp0");

  if ("pass" in data) {
    _create_pass_row(data);
  }


  window.history.replaceState({}, document.title, "/manage_card");

}

function manage_card_find_cardid() {
  var cardid = _get_input_field("ui.manage_card.logical_card_id");
  console.log("??", cardid);
  api_req({"api_function":"CardInfo", "ui_function":"manage_card.find", "data": [ ["action","search"], ["logical_card_id",cardid] ] });
}

function manage_card_find_magstripe() {
  var mag = _get_input_field("ui.manage_card.mag_token");
  api_req({"api_function":"CardInfo", "ui_function":"manage_card.find", "data": [ ["action","search"],["mag_token",mag] ] });
}

function manage_card_find_rfid() {
  var rfid = _get_input_field("ui.manage_card.rfid_token");
  api_req({"api_function":"CardInfo", "ui_function":"manage_card.find", "data": [ ["action","search"],["rfid_token",rfid] ] });
}


function manage_user_find_fill(data) {
  var fields = [ "userid", "username", "first_name", "last_name",
                 "email", "phone", "address", "city", "state", "zip",
                 "shipping_name", "shipping_city", "shipping_state", "shipping_address",
                 "shipping_country_code", "shipping_country_name",
                 "shipping_zip", "password"];

  for (_user_key in fields) {
    _fill_input_field("ui.manage_card." + _user_key, "");
  }


  if ("user" in data) {
    var user_data = data["user"];
    for (var idx=0; idx<fields.length; idx++) {
      if (fields[idx] in user_data) {
        _fill_input_field("ui.manage_user." + fields[idx], user_data[fields[idx]])
      }
    }
  }

  if ("card" in data) {
    var card_table = document.getElementById("ui.manage_user.list_cards");

    while (card_table.firstChild) {
      card_table.removeChild(card_table.lastChild);
    }

    var row   = document.createElement("div");
    row.classList.add("row");
    row.classList.add("rowpop");
    row.classList.add("row-shade");

    var cell  = document.createElement("div");
    cell.innerHTML = "Card Id";
    cell.classList.add("col-4");
    row.appendChild(cell);

    cell  = document.createElement("div");
    cell.innerHTML = "Mag Stripe";
    cell.classList.add("col-4");
    row.appendChild(cell);

    cell  = document.createElement("div");
    cell.innerHTML = "RFID";
    cell.classList.add("col-4");
    row.appendChild(cell);
    card_table.appendChild(row);


    var card_data = data["card"];
    for (var idx=0; idx<card_data.length; idx++) {
      var cardid = card_data[idx]["logical_card_id"];
      var magid = card_data[idx]["mag_token"];
      var rfid  = card_data[idx]["rfid_token"];

      row = document.createElement("div");
      row.classList.add("row");
      row.classList.add("rowpop");
      if ((idx % 2) == 1) {
        row.classList.add("row-shade");
      }

      cell = document.createElement("div");
      cell.innerHTML = "<a href='/manage_card?logical_card_id=" + cardid + "'>" + cardid + "</a>";
      cell.classList.add("col-4");
      row.appendChild(cell);

      cell = document.createElement("div");
      cell.innerHTML = "<a href='/manage_card?logical_card_id=" + cardid + "'>" + magid + "</a>";
      cell.classList.add("col-4");
      row.appendChild(cell);

      cell = document.createElement("div");
      cell.innerHTML = "<a href='/manage_card?logical_card_id=" + cardid + "'>" + rfid + "</a>";
      cell.classList.add("col-4");
      row.appendChild(cell);

      card_table.appendChild(row);

      console.log("card", idx,
          card_data[idx]["logical_card_id"],
          card_data[idx]["mag_token"],
          card_data[idx]["rfid_token"] );
    }
  }

  window.history.replaceState({}, document.title, "/manage_user");
}

// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------

function add_card_block() {
  var pass = [ "none", "nride", "nday", "other" ];

  var mag_token = _get_input_field("ui.add_card_block.mag_token");
  var rfid_pfx = _get_input_field("ui.add_card_block.rfid_prefix");
  var rfid_val = _get_input_field("ui.add_card_block.rfid_value");
  var group_id = _get_select_id("ui.add_card_block.group");
  var count = _get_input_field("ui.add_card_block.count")

  var rfid_token = "";
  if (rfid_pfx && (rfid_pfx.length > 0) && rfid_val && (rfid_val.length > 0)) {
    rfid_token = "26:" + rfid_pfx + ":" + rfid_val;
  }

  if ((mag_token.length==0) && (rfid_token.length==0)) {
    update_message("ui.add_card_block.message", "error", "Please provide Magstripe or RFID");
    return;
  }

  if (count == "")  {
    update_message("ui.add_card_block.message", "error", "Count must be positive");
    return;
  }

  update_message("ui.add_card_block.message", "success", "");

  var dat = {
    "api_function":"AddCardBlock",
    "ui_function":"add_card_block.add",
    "data": [
      ["group_id",group_id],
      ["count",count]
    ]
  };

  if (mag_token.length > 0) {
    if (mag_token.split(":").length == 1) {
      mag_token = "2:" + mag_token;
    }
    dat.data.push(["mag_token", mag_token]);
  }
  if (rfid_token.length > 0) {
    if (rfid_token.split(":").length  < 2) {
      rfid_token = "26:" + rfid_token;
    }
    dat.data.push(["rfid_token", rfid_token]);
  }

  var pass_kind = "none";
  for (var ii=0; ii<pass.length; ii++) {
    var ele = document.getElementById("ui.add_card_block.pass_" + pass[ii]);
    if (ele.checked) {
      pass_kind = pass[ii];
      break;
    }
  }

  if (pass_kind == "other") {
    dat.data.push(["pass_class" , 'OTHER']);
    dat.data.push(["pass_rule" , _get_select("ui.add_card_block.pass_other_rule") ]);
  }

  else if (pass_kind === "nday")  {
    var pass_nday_type = _get_select("ui.add_card_block.pass_nday_type");
    var pass_nday_region = _get_select("ui.add_card_block.pass_nday_region");
    var pass_nday_quantity = _get_select("ui.add_card_block.pass_nday_quantity");
    var pass_nday_other = _get_input_field("ui.add_card_block.pass_nday_quantity");

    var rule = 'TEST-ORG-NDAY';
    var nday = pass_nday_quantity;
    if (pass_nday_other && pass_nday_other.length > 0) {
      nday = pass_nday_other;
    }

    dat.data.push(["pass_class" , 'NDAY']);
    dat.data.push(["pass_rule", rule]);
    dat.data.push(["pass_nday_orig", nday]);
  }

  else if (pass_kind === "nride") {
    var pass_nride_type = _get_select("ui.add_card_block.pass_nride_type");
    var pass_nride_region = _get_select("ui.add_card_block.pass_nride_region");
    var pass_nride_quantity = _get_input_field("ui.add_card_block.pass_nride_quantity");
    var pass_nride_other = _get_input_field("ui.add_card_block.pass_nride_other");

    var rule = 'TEST-ORG-NRIDE';
    var nride = pass_nride_quantity;
    if (pass_nride_other && pass_nride_other.length > 0) {
      nride = pass_nride_other;
    }

    dat.data.push(["pass_class", 'NRIDE']);
    dat.data.push(["pass_rule", rule]);
    dat.data.push(["pass_nrides_orig", nride]);
    dat.data.push(["pass_nrides_remain", nride]);

  }

  console.log("add_card_block: sending", dat);
  api_req(dat);
}


// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------

function recycle_card() {
  var fields = [ "mag_token", "rfid_token_a", "rfid_token_b",
                 "pass_nride_other",
                 "pass_nday_other" ];
  var pass = [ "none", "nride", "nday", "other" ];

  var h_in = {};
  for (var idx=0; idx<fields.length; idx++) {
    var field = fields[idx];
    var val = _get_input_field("ui.recycle_card." + field);
    if (val && (val.length > 0)) { h_in[field] = val; }
  }

  var rfid_prefx = "26";
  if (("rfid_token_a" in h_in) && ("rfid_token_b" in h_in)) {
    h_in["rfid_token"] = rfid_prefix + ":" + h_in["rfid_token_a"] + ":" + h_in["rfid_token_b"];
  }

  var pass_kind = "none";
  for (var ii=0; ii<pass.length; ii++) {
    var ele = document.getElementById("ui.recycle_card.pass_" + pass[ii]);
    if (ele.checked) {
      pass_kind = pass[ii];
      break;
    }
  }

  var group = _get_select("ui.recycle_card.group");
  var other_rule = _get_select("ui.recycle_card.pass_other_rule");

  var pass_nday_type = _get_select("ui.recycle_card.pass_nday_type");
  var pass_nday_region = _get_select("ui.recycle_card.pass_nday_region");
  var pass_nday_quantity = _get_select("ui.recycle_card.pass_nday_quantity");

  var pass_nride_type = _get_select("ui.recycle_card.pass_nride_type");
  var pass_nride_region = _get_select("ui.recycle_card.pass_nride_region");
  var pass_nride_quantity = _get_select("ui.recycle_card.pass_nride_quantity");


  var dat = {
    "api_function":"RecycleCard",
    "ui_function":"recycle.update",
    "data": [
      //["mag_token",h_in["mag_token"]],
      //["rfid_token",h_in["rfid_token"]],
      ["group",group]
    ]
  };

  if ("mag_token" in h_in) {
    dat.data.push(["mag_token", h_in["mag_token"]]);
  }

  if ("rfid_token" in h_in) {
    dat.data.push(["rfid_token", h_in["rfid_token"]]);
  }

  
  if (pass_kind == "nday") {
    pass_rule = group + "-NDAY";
    dat.data.push( ["pass_rule",pass_rule ] );
    dat.data.push( ["pass_val", pass_nday_quantity ] );
    dat.data.push( ["pass_class", "NDAY" ] );
  }

  else if (pass_kind == "nride") {
    pass_rule = group + "-NRIDE";
    dat.data.push( ["pass_rule",  pass_rule ] );
    dat.data.push( ["pass_val", pass_nride_quantity ] );
    dat.data.push( ["pass_class", "NRIDE" ] );
  }

  else if (pass_kind == "other") {
    pass_rule = other_rule;
    dat.data.push( ["pass_rule", pass_rule ] );
    dat.data.push( ["pass_class", "OTHER" ] );
  }


  console.log("recycle:>>>", dat);

  api_req(dat);
}

function recycle_card_radio(radio_button) {
  var _rid = ["pass_none", "pass_nride", "pass_nday", "pass_other"];

  for (var ii=0; ii<_rid.length; ii++) {
    var ele = document.getElementById("ui.recycle_card." + _rid[ii]);
    ele.checked = false;
  }

  if (radio_button === "none") {
    var ele = document.getElementById("ui.recycle_card.pass_none");
    ele.checked = true;
  }
  else if (radio_button === "nride") {
    var ele = document.getElementById("ui.recycle_card.pass_nride");
    ele.checked = true;
  }
  else if (radio_button === "nday") {
    var ele = document.getElementById("ui.recycle_card.pass_nday");
    ele.checked = true;
  }
  else if (radio_button === "other") {
    var ele = document.getElementById("ui.recycle_card.pass_other");
    ele.checked = true;
  }

}

// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------

function reissue_card() {

  var fields = [ "source_magstripe", "source_rfid_a", "source_rfid_b",
                 "dest_magstripe", "dest_rfid_a", "dest_rfid_b" ];

  var data = [];
  for (var idx=0; idx<fields.length; idx++) {
    var field = fields[idx];

    var val = _get_input_field("ui.reissue_card." + field);
    if (val.length > 0) {
      data.push([ field, val ]);
    }
  }

  console.log("REISSUE (not implemented):", data);
  var dat = {
    "api_function":"Reissue",
    "ui_function":"reissue.update",
    "data": [
      ["source_logical_card_id",cardid],
      ["source_mag_token","..."],
      ["source_rfid_token","..."],
      ["source_group","..."],

      ["destination_mag_token","..."],
      ["destination_rfid_token","..."]
      ["destination_group","..."]
    ]};
  //api_req(dat);
}

function reissue_card_fill(card_data) {

  if (typeof card_data === "undefined") { return; }
  if ( (!("cards" in card_data)) || (card_data.cards.length==0)) {
    return;
  }

  var card = card_data.cards[0];

  if ("mag_token" in card) {
    _fill_input_field("ui.reissue_card.source_magstripe", card["mag_token"]);
  }

  if ("rfid_token" in card) {
    var tok = card["rfid_token"].split(":");
    var rfid_a = "", rfid_b = "";
    if (tok.length >= 3) {
      rfid_a = tok[1];
      rfid_b = tok[2];
    }
    _fill_input_field("ui.reissue_card.source_rfid_a", rfid_a);
    _fill_input_field("ui.reissue_card.source_rfid_b", rfid_b);
  }

  if ("group" in card) {
  }


}

// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------

function _html_pending_card(qid, cardid, magid, rfid, idx) {
  idx = ((typeof idx === "undefined") ? 0 : idx);
  magid = ((typeof magid === "undeifned") ? "" : (magid ? magid : ""))
  rfid = ((typeof rfid === "undeifned") ? "" : (rfid ? rfid : ""))
  var row, cell;

  row = document.createElement("div");
  row.classList.add("row");
  row.classList.add("rowpop");
  if ((idx % 2) == 0) {
    row.classList.add("row-shade");
  }

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/process_pending_card?org_card_order_queue_id=" + qid+ "'>" + cardid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/process_pending_card?org_card_order_queue_id=" + qid + "'>" + magid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/process_pending_card?org_card_order_queue_id=" + qid + "'>" + rfid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  return row;
}


function ui_pending_list(data) {
  console.log("pending", data);

  var div_card_list = document.getElementById("ui.pending.cards");
  while (div_card_list.firstChild) {
    div_card_list.removeChild(div_card_list.lastChild);
  }

  var pending_cards = data.data;
  for (var idx=0; idx<pending_cards.length; idx++) {
    var card = pending_cards[idx];
    row = _html_pending_card(card["org_card_order_queue_id"], card["logical_card_id"], card["mag_token"], card["rfid_token"], idx);
    div_card_list.appendChild(row);
  }

}

// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------

function ui_search(search_type) {
  var txt = _get_input_field( "ui.search." + search_type);

  var dat = {
    "api_function":"Search",
    "ui_function":"ui_search.update",
    "data": [
      ["search_type", search_type],
      ["search_string", txt]
    ]};
  api_req(dat);
}

function _html_card_row(cardid, magid, rfid, idx) {
  idx = ((typeof idx === "undefined") ? 0 : idx);
  magid = ((typeof magid === "undeifned") ? "" : (magid ? magid : ""))
  rfid = ((typeof rfid === "undeifned") ? "" : (rfid ? rfid : ""))
  var row, cell;

  row = document.createElement("div");
  row.classList.add("row");
  row.classList.add("rowpop");
  if ((idx % 2) == 1) {
    row.classList.add("row-shade");
  }

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_card?logical_card_id=" + cardid + "'>" + cardid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_card?logical_card_id=" + cardid + "'>" + magid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_card?logical_card_id=" + cardid + "'>" + rfid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  return row;
}

function _html_user_row(user_info, idx) {
  idx = ((typeof idx === "undefined") ? 0 : idx);
  var row, cell;

  var userid = user_info["userid"];
  var username = "";
  if (("username" in user_info) && 
      (user_info["username"])) {
    username = user_info["username"];
  }

  var first_name = "";
  if (("first_name" in user_info) && 
      (user_info["first_name"])) {
    first_name = user_info["first_name"];
  }

  var last_name = "";
  if (("last_name" in user_info) && 
      (user_info["last_name"])) {
    last_name = user_info["last_name"];
  }

  row = document.createElement("div");
  row.classList.add("row");
  row.classList.add("rowpop");
  if ((idx % 2) == 1) {
    row.classList.add("row-shade");
  }

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_user?userid=" + userid + "'>" + userid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_user?userid=" + userid + "'>" + username + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_user?userid=" + userid + "'>" + first_name + " " + last_name + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  return row;
}

function _html_admin_row(admin_info, idx) {
  idx = ((typeof idx === "undefined") ? 0 : idx);
  var row, cell;

  var userid = admin_info["userid"];
  var username = "";
  if (("username" in admin_info) && 
      (admin_info["username"])) {
    username = admin_info["username"];
  }

  var group_id = "";
  if (("group_id" in admin_info) && 
      (admin_info["group_id"])) {
    group_id = admin_info["group_id"];
  }


  row = document.createElement("div");
  row.classList.add("row");
  row.classList.add("rowpop");
  if ((idx % 2) == 1) {
    row.classList.add("row-shade");
  }

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_admin?userid=" + userid + "'>" + userid + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_admin?userid=" + userid + "'>" + username + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  cell = document.createElement("div");
  cell.innerHTML = "<a href='/manage_admin?userid=" + userid + "'>" + group_id + "</a>";
  cell.classList.add("col-4");
  row.appendChild(cell);

  return row;
}

function ui_search_fill(data) {
  var result_table = document.getElementById("ui.search.results");
  while (result_table.firstChild) {
    result_table.removeChild(result_table.lastChild);
  }

  var row, col, cell, a;

  var query_data = data.data;
  for (var idx=0; idx<query_data.length; idx++) {

    var _h = query_data[idx];
    if ("iscard" in _h) {
      row = _html_card_row( _h["logical_card_id"], _h["mag_token"], _h["rfid_token"], idx );
      result_table.appendChild(row);
    }

    else if ("isadmin" in _h) {
      row = _html_user_row( _h );
      result_table.appendChild(row);
    }

    else if ("isuser" in _h) {
      row = _html_user_row( _h );
      result_table.appendChild(row);
    }

  }
}

// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------

function manage_card_redirect_manage_user() {
  var userid = _get_input_field("ui.manage_card.userid");
  _redirect( "manage_user?" + "action=get&userid=" + userid);
}

function manage_card_reissue() {
  var cardid = _get_input_field("ui.manage_card.logical_card_id");
  _redirect( "reissue_card?" + "action=get&logical_card_id=" + cardid);
}

function manage_card_add_pass(pass_type) {
  //var cardid = _get_input_field("ui.manage_card.logical_card_id");

  console.log("manage_card_add_pass:", cardid, pass_type);
  var dat = {
    "api_function":"Pass",
    "ui_function":"manage_card.update",
    "data": [
      ["logical_card_id",cardid],
      ["nrides_orig", 3],
      ["nrides_remain", 2],
      ["nday_orig", 5],
      ["rule", "ORIG-NRIDE"]
    ]};
  api_req(dat);
}

function manage_card_add_pass_nride() {
  var cardid = _get_input_field("ui.manage_card.logical_card_id");
  var nrides_orig = _get_input_field("ui.manage_card.pass_nride_other");

  if (nrides_orig.length == 0) {
    nrides_orig = _get_select("ui.manage_card.pass_nride_orig");
  }

  var rule = "ORG";
  rule += "-" + _get_select("ui.manage_card.pass_nride_type");
  rule += "-" + _get_select("ui.manage_card.pass_nride_region");

  var api_data = {
    "api_function":"Pass",
    "ui_function":"manage_card.update",
    "data" : [
      ["action","add"],
      ["logical_card_id" , cardid],
      ["nrides_orig" , nrides_orig],
      ["nrides_remain" , nrides_orig],
      ["rule" , rule]
    ]
  };

  //DEBUG
  console.log(">>nride++", api_data);

  api_req(api_data);
}

function manage_card_add_pass_nday() {
  var cardid = _get_input_field("ui.manage_card.logical_card_id");
  var nday_orig = _get_input_field("ui.manage_card.pass_nday_other");

  if (nday_orig.length == 0) {
    nday_orig = _get_select("ui.manage_card.pass_nday_orig");
  }

  var rule = "ORG";
  rule += "-" + _get_select("ui.manage_card.pass_nday_type");
  rule += "-" + _get_select("ui.manage_card.pass_nday_region");

  var api_data = {
    "api_function":"Pass",
    "ui_function":"manage_card.update",
    "data" : [
      ["action","add"],
      ["logical_card_id" , cardid],
      ["nday_orig" , nday_orig],
      ["rule" , rule]
    ]
  };

  //DEBUG
  console.log(">>nday++", api_data);

  api_req(api_data);
}

function manage_card_add_pass_other() {
  var cardid = _get_input_field("ui.manage_card.logical_card_id");
  var ui_ele = document.getElementById("ui.manage_card.pass_other");

  var rule = ui_ele.options[ui_ele.selectedIndex].id;

  var api_data = {
    "api_function":"Pass",
    "ui_function":"manage_card.update",
    "data" : [
      ["action","add"],
      ["logical_card_id" , cardid],
      ["rule" , rule]
    ]
  };

  //DEBUG
  console.log(">>other++", api_data);

  api_req(api_data);
}

function manage_card_delete_pass() {
  var cardid = _get_input_field("ui.manage_card.logical_card_id");

  var ele = document.getElementById("ui.manage_card.list_passes");
  var n = ele.children.length;
  n-=1;

  for (var ii=0; ii<n; ii++)  {
    var cb = document.getElementById("ui.manage_card.cb_" + ii + "_pass");
    if (!cb.checked) { continue; }

    var v = document.getElementById("ui.manage_card.row_"+ ii + "_pass");
    var passid = v.innerHTML;

    console.log("deleting pass", passid, "(card:", cardid,")");

    if (cb.checked) {
      var dat = {
        "api_function":"Pass",
        "ui_function":"manage_card.update",
        "data": [
          ["action", "deactivate"],
          ["logical_card_id",cardid],
          ["user_pass_id", passid]
        ]};
      api_req(dat);

    }

  }

}

function manage_card_toggle_pass_select() {
  var ele = document.getElementById("ui.manage_card.list_passes");
  var n = ele.children.length;
  n-=1;
  for (var ii=0; ii<n; ii++)  {
    var cb = document.getElementById("ui.manage_card.cb_" + ii + "_pass");
    if (cb.checked) { cb.checked = false; }
    else { cb.checked = true; }
  }
}


// --------------------------------------
// --------------------------------------


function manage_user_find_userid() {
  var userid = _get_input_field("ui.manage_user.userid");
  api_req({"api_function":"UserInfo", "ui_function":"manage_user.find", "data": [ ["userid",userid] ] });
}

function manage_user_find_username() {
  var ele = document.getElementById("ui.manage_user.username");
  var username = ele.value;
  api_req({"api_function":"UserInfo", "ui_function":"manage_user.find", "data":[["username",username]]});
}

function manage_user_update_user() {
  var ele = document.getElementById("ui.manage_user.userid");
  var userid = ele.value;

  var user_data = [["action","update"],["userid", userid]];
  var fields = ["username", "lookup_userid", "lookup_username", "first_name", "last_name", "email", "phone",
                "address", "city", "state", "zip", "shipping_name", "shipping_address", "shipping_city",
                "shipping_state", "shipping_country_code", "shipping_country_name", "shipping_zip" ];
  for (var idx=0; idx<fields.length; idx++) {
    var _e = document.getElementById("ui.manage_user." + fields[idx]);
    if (!_e) { continue; }
    user_data.push([fields[idx],_e.value]);
  }


  var req_data = {"api_function":"User", "ui_function":"manage_user.update_finish", "data":user_data};

  api_req(req_data);
}

function manage_user_associate_card(data) {
  var ele = document.getElementById("ui.manage_user.userid");
  var userid = ele.value;

  var ele = document.getElementById("ui.manage_user.logical_card_id");
  var cardid = ele.value;

  ele = document.getElementById("ui.manage_user.mag_token");
  var mag = ele.value;

  ele = document.getElementById("ui.manage_user.rfid_token");
  var rfid = ele.value;

  var req_dat = { "api_function":"Card", "ui_function":"manage_user.associate_card",
                  "data": [
                    ["action","update"],
                    ["userid", userid],
                    ["logical_card_id",cardid],
                    ["mag_token",mag],
                    ["rfid_token",rfid]
                  ] };

  api_req(req_dat);
  
}

function manage_user_reset_password(data) {
  var ele = undefined;
  ele = document.getElementById("ui.manage_user.userid");
  var userid = ele.value;

  if ((userid === "") || (typeof userid === "undefined") || isNaN(userid)) {
    update_message("ui.manage_user.password_message", "error", "Please provide userid");
    return;
  }

  ele = document.getElementById("ui.manage_user.new_password");
  var pw0 = ele.value;

  if ((pw0 === "") || (typeof pw0 === "undefined")) {
    update_message("ui.manage_user.password_message", "error", "Please provide password");
    return;
  }


  ele = document.getElementById("ui.manage_user.confirm_password");
  var pw1 = ele.value;

  if ((pw1 === "") || (typeof pw1 === "undefined")) {
    update_message("ui.manage_user.password_message", "error", "Please provide confirmation password");
    return;
  }

  if (pw0 !== pw1) {
    update_message("ui.manage_user.password_message", "error", "Passwords must match");
    return;
  }

  var req_dat = { "api_function":"User", "ui_function":"manage_user.update",
                  "data": [
                    ["action","update"],
                    ["userid", userid],
                    ["password",pw0]
                  ] };

  api_req(req_dat);
}

// --------------------------------------
// --------------------------------------


function create_user_process_button() {
  var val_names = ["username", "first_name", "last_name",
                   "email", "phone", "address", "city", "state", "zip",
                   "shipping_name", "shipping_address",
                   "shipping_city", "shipping_state",
                   "shipping_country_code", "shipping_country_name",
                   "shipping_zip",
                   "password"];
  var req_dat = { "api_function":"User", "ui_function":"create_user.finish",
                  "data":[ ["action","add"]] };
  for (var idx=0; idx<val_names.length; idx++) {
    var v = _get_input_field("create_user:" + val_names[idx]);
    if (v) {
      req_dat.data.push([val_names[idx],v]);
    }
  }

  api_req(req_dat);
}

// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------
// --------------------------------------


function admin_api_init() {
  var ele;
  var _func = location.pathname.substring(1);

  //console.log("...init", _func);
  //console.log(window.location.search);
  var _h = _param2hash(window.location.search);

  if (_func === "create_user") {
    _attach_button("create_user:button_create", create_user_process_button);
  }

  else if (_func === "manage_user") {
    _attach_button( "ui.manage_user.lookup_userid", manage_user_find_userid);
    _attach_button( "ui.manage_user.lookup_username", manage_user_find_username);
    _attach_button( "ui.manage_user.update_user", manage_user_update_user);

    _attach_button( "ui.manage_user.associate_card", manage_user_associate_card);
    _attach_button( "ui.manage_user.reset_password", manage_user_reset_password);

    if ("userid" in _h) {
      console.log("sending manage_user.find request");
      api_req({"api_function":"UserInfo", "ui_function":"manage_user.find", "data":[["userid",_h["userid"]]]});
    }
  }

  else if (_func === "manage_card") {
    _attach_button( "ui.manage_card.lookup_logical_card_id", manage_card_find_cardid);
    _attach_button( "ui.manage_card.lookup_mag_token", manage_card_find_magstripe);
    _attach_button( "ui.manage_card.lookup_rfid_token", manage_card_find_rfid);

    _attach_button( "ui.manage_card.manage_user", manage_card_redirect_manage_user);
    _attach_button( "ui.manage_card.reissue", manage_card_reissue);
    _attach_button( "ui.manage_card.add_pass_nride", manage_card_add_pass_nride);
    _attach_button( "ui.manage_card.add_pass_nday", manage_card_add_pass_nday);
    _attach_button( "ui.manage_card.add_pass_other", manage_card_add_pass_other);
    _attach_button( "ui.manage_card.delete_pass", manage_card_delete_pass);
    _attach_button( "ui.manage_card.toggle_pass_all", manage_card_toggle_pass_select);

    if ("logical_card_id" in _h) {
      console.log("sending manage_card.find request");
      api_req({
        "api_function":"CardInfo",
        "ui_function":"manage_card.find",
        "data": [
          ["action","search"],
          ["logical_card_id",_h["logical_card_id"] ]
        ]
      });
    }
  }

  else if (_func === "reissue_card") {
    _attach_button( "ui.reissue_card.reissue", reissue_card);

    if ("logical_card_id" in _h) {
      api_req({
        "api_function":"CardInfo",
        "ui_function":"reissue_card.find",
        "data": [
          ["action","search"],
          ["logical_card_id",_h["logical_card_id"] ]
        ]
      });

    }
  }

  else if (_func === "recycle_card") {
    _attach_button( "ui.recycle_card.recycle", recycle_card);

    _attach_button( "ui.recycle_card.pass_none", (function () { recycle_card_radio("none"); }) );
    _attach_button( "ui.recycle_card.pass_nride", (function () { recycle_card_radio("nride"); }) );
    _attach_button( "ui.recycle_card.pass_nday", (function () { recycle_card_radio("nday"); }) );
    _attach_button( "ui.recycle_card.pass_other", (function () { recycle_card_radio("other"); }) );

    recycle_card_radio("none");

    if ("logical_card_id" in _h) {
      api_req({
        "api_function":"CardInfo",
        "ui_function":"recycle_card.find",
        "data": [
          ["action","search"],
          ["logical_card_id",_h["logical_card_id"] ]
        ]
      });

    }
  }

  else if (_func === "add_card_block") {
    _attach_button( "ui.add_card_block.add_card_block", add_card_block);

    _attach_button( "ui.add_card_block.pass_none", (function () { update_pass_radio_button("add_card_block", "none"); }) );
    _attach_button( "ui.add_card_block.pass_nride", (function () { update_pass_radio_button("add_card_block", "nride"); }) );
    _attach_button( "ui.add_card_block.pass_nday", (function () { update_pass_radio_button("add_card_block", "nday"); }) );
    _attach_button( "ui.add_card_block.pass_other", (function () { update_pass_radio_button("add_card_block", "other"); }) );

    update_pass_radio_button("add_card_block", "none");

  }

  else if (_func === "search") {
    _attach_button( "ui.search.find_card", (function() { return ui_search("card"); }) );
    _attach_button( "ui.search.find_user", (function() { return ui_search("user"); }) );
    _attach_button( "ui.search.find_admin", (function() { return ui_search("admin"); }) );
  }

  else if (_func === "process_pending_card") {
    _attach_button( "ui.process.", (function() { return ui_pending("xxx"); }) );

    api_req({
      "api_function":"Pending",
      "ui_function":"pending.list",
      "data": [
        ["action","getall"]
      ]
    });

  }


}

admin_api_init();