/*
{{203-1654-23-45@11@en@*}}
<note>203-1654-23-45@11@en@*</note>
<note id=guid book=203 para=1654 begin=23 end=45 author=11 lang=en tag=*></note>

<note  id=guid book=203 para=1654 begin=23 end=45 author=11 lang=en tag=*>
	<div class=text>
	pali text
	</div>
	<tran>
	</tran>
	<ref>
	</ref>
</note>
*/

/*
解析百科字符串
{{203-1654-23-45@11@en@*}}
<note id=12345 info="203-1654-23-45@11@en@*"><note>
<note id="guid" book=203 para=1654 begin=23 end=45 author=11 lang=en tag=*></note>

*/
var _channal = "";
var _lang = "";
var _author = "";

function note_init(input) {
  let output = "<div>";
  let arrInput = input.split("\n");
  for (x in arrInput) {
    if (arrInput[x].slice(0, 2) == "==" && arrInput[x].slice(-2) == "==") {
      output += "</div></div>";
      output += '<div class="submenu1">';
      output +=
        '<p class="submenu_title1" onclick="submenu_show_detail(this)">';
      output += arrInput[x].slice(2, -2);
      output += '<svg class="icon" style="transform: rotate(45deg);">';
      output += '<use xlink:href="svg/icon.svg#ic_add"></use>';
      output += "</svg>";
      output += "</p>";
      output += '<div class="submenu_details1" >';
    } else {
      let row = arrInput[x];
      row = row.replace(/\{\{/g, '<note info="');
      row = row.replace(/\}\}/g, '"></note>');
      if (row.match("{") && row.match("}")) {
        row = row.replace("{", "<strong>");
        row = row.replace("}", "</strong>");
      }
      output += row;
    }
  }
  output += "</div>";
  return output;
}

//
function note_refresh_new() {
  let objNotes = document.querySelectorAll("note");
  let arrSentInfo = new Array();
  for (const iterator of objNotes) {
    let id = iterator.id;
    if (id == null || id == "") {
      id = com_guid();
      iterator.id = id;
      let info = iterator.getAttributeNode("info").value;
      if (info && info != "") {
        arrSentInfo.push({ id: id, data: info });
      }
    }
  }
  if (arrSentInfo.length > 0) {
    let setting = new Object();
    setting.lang = "";
    setting.channal = _channal;
    $.post(
      "../term/note.php",
      {
        setting: JSON.stringify(setting),
        data: JSON.stringify(arrSentInfo),
      },
      function (data, status) {
        if (status == "success") {
          try {
            let arrData = JSON.parse(data);
            for (const iterator of arrData) {
              let id = iterator.id;
              let strHtml = note_json_html(iterator);
              $("#" + id).html(strHtml);
            }
            note_ref_init();
            term_get_dict();
            note_channal_list();
          } catch (e) {
            console.error(e);
          }
        }
      }
    );
  }
}

function note_channal_list() {
  console.log("note_channal_list start");
  let objNotes = document.querySelectorAll("note");
  let arrSentInfo = new Array();
  for (const iterator of objNotes) {
    {
      let info = iterator.getAttributeNode("info").value;
      if (info && info != "") {
        arrSentInfo.push({ id: "", data: info });
      }
    }
  }
  if (arrSentInfo.length > 0) {
    $.post(
      "../term/channal_list.php",
      {
        setting: "",
        data: JSON.stringify(arrSentInfo),
      },
      function (data, status) {
        if (status == "success") {
          try {
            let arrData = JSON.parse(data);
            let strHtml = "";
            for (const iterator of arrData) {
              strHtml += render_channal_list(iterator);
            }
            $("#channal_list").html(strHtml);
          } catch (e) {
            console.error(e);
          }
        }
      }
    );
  }
}

function render_channal_list(channalinfo) {
  let output = "";
  output += "<div class='list_with_head'>";

  output += "<div class='head'>";
  output += "<span class='head_img'>";
  output += channalinfo.nickname.slice(0, 2);
  output += "</span>";
  output += "</div>";

  output += "<div>";

  output += "<div>";
  output += "<a href='../wiki/wiki.php?word=" + _word;
  output += "&channal=" + channalinfo.id + "' >";

  output += channalinfo["nickname"];
  output += "/" + channalinfo["name"];

  output += "</a>";
  output += "</div>";

  output += "<div>";
  output += "@" + channalinfo["username"];
  output += "</div>";

  output += "</div>";
  output += "</div>";
  return output;
}

function note_ref_init() {
  $("chapter").click(function () {
    let bookid = $(this).attr("book");
    let para = $(this).attr("para");
    window.open(
      "../pcdl/reader.php?view=chapter&book=" + bookid + "&para=" + para,
      "_blank"
    );
  });

  $("para").click(function () {
    let bookid = $(this).attr("book");
    let para = $(this).attr("para");
    window.open(
      "../pcdl/reader.php?view=para&book=" + bookid + "&para=" + para,
      "_blank"
    );
  });
}
/*
id
palitext
tran
ref
*/
function note_json_html(in_json) {
  let output = "";
  output += "<div class='palitext'>" + in_json.palitext + "</div>";
  output +=
    "<div class='tran'>" + term_std_str_to_tran(in_json.tran) + "</div>";
  output += "<div class='ref'>" + in_json.ref + "</div>";
  return output;
}