mint/app/term/term.js

var arrTerm = new Array();
var arrTerm2 = new Array();
var arrMyTerm = new Array();
var arrAllMean = new Array();
var arrTermAllPali = new Array();
var arrWordIdTermId = new Array();

//术语渲染模板
var strTermTanslationTmp = "[%mean%](%pali% %mean2% %mymean%)";
var strTermTanslationTmp2 = "[%mean%]";

var termCounter = new Array();
var noteCounter = 0; //正文内注释计数器

function note(noteId, strDef = "unkow") {
  document.write("haha");
}

function note_replace(strIn) {
  /*
	
	*/
  var output = strIn.replace("/*", "<script>");
  output = output.replace("*/", "</script>");
  return output;
}

function term_init() {}
var str_term_fun_word_link = "term_show_win";
function term_word_link_fun(fun_name) {
  str_term_fun_word_link = fun_name;
}
//将存储状态的字符串转换为预显示字符串
//设置状态为 0：未处理的原始状态
function term_std_str_to_tran(strIn, channal = "", editor = "", lang = "") {
  return strIn
    .replace(
      /\[\[/g,
      "<term status='0' channal='" +
        channal +
        "' editor='" +
        editor +
        "' lang='" +
        lang +
        "'>"
    )
    .replace(/\]\]/g, "</term>");
}

function term_std_str_to_edit(strIn) {
  var arrText = strIn.split("/");
  for (var i in arrText) {
    //头尾是*
    if (
      arrText[i].substring(0, 1) == "*" &&
      arrText[i].substring(arrText[i].length - 1) == "*"
    ) {
      var arrOneTermWord = arrText[i].split("@");
      if (arrOneTermWord.length == 2) {
        arrText[i] = "*" + arrOneTermWord[1];
      }
    }
  }

  return arrText.join("/");
}

function term_tran_edit_replace(strIn) {
  var strEdit = strIn;
  for (var x = 0; x < arrTerm2.length; x++) {
    var strReplace =
      "strEdit=strEdit.replace(/" +
      arrTerm2[x].meaning +
      '/g,"/*' +
      arrTerm2[x].meaning +
      '*/")';
    eval(strReplace);
  }
  //strEdit=strEdit.replace(/\/*\/*/g,"\/*");
  //strEdit=strEdit.replace(/\*\/\*\//g,"*\/");
  return strEdit;
}

function term_edit_to_std_str(strIn) {
  var arrText = strIn.split("/");
  for (var i in arrText) {
    //头尾是*
    if (
      arrText[i].substring(0, 1) == "*" &&
      arrText[i].substring(arrText[i].length - 1) == "*"
    ) {
      var wordMeaning = arrText[i].substring(1, arrText[i].length - 1);
      arrText[i] = "*" + term_get_std_str(wordMeaning) + "*";
    }
  }
  return arrText.join("/");
}
function term_get_std_str(strMean) {
  for (var x = 0; x < arrTerm2.length; x++) {
    if (arrTerm2[x].meaning == strMean) {
      return arrTerm2[x].guid + "@" + strMean;
    }
  }
  return "unkow@" + strMean;
}
function term_get_my_std_str(strMean) {
  for (const iterator of arrMyTerm) {
    if (iterator.meaning == strMean) {
      return iterator.guid + "@" + strMean;
    }
  }
  return "unkow@" + strMean;
}

function note_lookup(word, showto) {
  $("#" + showto).load(
    "../term/term.php?op=search&word=" +
      word +
      "&username=" +
      getCookie("username"),
    function (responseTxt, statusTxt, xhr) {
      if (statusTxt == "success") {
        $(".term_note").each(function (index, element) {
          $(this).html(note_init($(this).html()));
          $(this).attr("status", 1);
          note_refresh_new();
        });
      } else if (statusTxt == "error") {
        console.error("Error: " + xhr.status + ": " + xhr.statusText);
      }
    }
  );
}

function note_lookup_guid_json(guid, showto) {
  $.get(
    "../term/term.php",
    {
      op: "load_id",
      id: guid,
      format: "json",
    },
    function (data, status) {
      let html = "";
      if (status == "success") {
        try {
          let result = JSON.parse(data)[0];
          html = "<div class='term_block'>";

          html += "<h2>" + result.word + "</h2>";
          html += "<div class='meaning'>" + result.meaning + "</div>";
          html +=
            "<div class='term_note' status='1'>" +
            note_init(result.note) +
            "</div>";
          html += "</div>";
          $("#" + showto).html(html);
          note_refresh_new();
        } catch (e) {
          console.error("note_lookup_guid_json:" + e + " data:" + data);
        }
      }
    }
  );
}

function term_load_preview(guid, showto) {
  $.get(
    "../term/term.php",
    {
      op: "load_id",
      id: guid,
      format: "json",
    },
    function (data, status) {
      let html = "";
      if (status == "success") {
        try {
          let result = JSON.parse(data)[0];
          html = "<div class='term_block'>";

          html += "<h2>" + result.word + "</h2>";
          html += "<div class='meaning'>" + result.meaning + "</div>";
          html +=
            "<div class='term_note' status='1'>" +
            note_init(result.note) +
            "</div>";
          html +=
            "<div ><a href='../wiki/wiki.php?word=" +
            result.word +
            "' target='_blank'>更多</a></div>";
          html += "</div>";
          $("#" + showto).html(html);
        } catch (e) {
          console.error("note_lookup_guid_json:" + e + " data:" + data);
        }
      }
    }
  );
}

var term_get_word_to_div_callback = null;
function term_get_word_to_div(strWord, div, callback) {
  term_get_word_to_div_callback = callback;
  let word = [{ pali: strWord, channal: "", editor: "", lang: "" }];

  $.post(
    "../term/term_get.php",
    {
      words: JSON.stringify(word),
    },
    function (data, status) {
      if (status == "success") {
        try {
          let result = JSON.parse(data);
          let html = "";
          if (result.length > 0) {
            let type = new Array();
            let authors = new Array();
            for (const iterator of result) {
              if (iterator.tag == "") {
                iterator.tag = "_null_";
              }
              if (type[iterator.tag] == null) {
                type[iterator.tag] = new Array();
              }
              type[iterator.tag].push(iterator.meaning);
              authors[iterator.owner] = iterator.user;
            }

            html += "<div class='term_word_head'>";
            html += "<div class='term_word_head_pali'>";
            html += result[0].word;
            html += "</div>";
            for (y in type) {
              html += "<div class='term_word_head_mean'>";
              if (y != "_null_") {
                html += y + "：";
              }
              for (k in type[y]) {
                html += type[y][k];
              }
              html += "</div>";
            }
            html +=
              "<div class='term_word_head_authors'>" +
              gLocal.gui.contributor +
              "：";
            for (y in authors) {
              if (authors[y].nickname != "") {
                html += '<a onclick="">' + authors[y].nickname + "</a> ";
              } else {
                html += '<a onclick="">' + y + "</a> ";
              }
            }

            html += "</div>";
            html += "</div>";
            // end of term_word_head

            html += "<div id='term_list_div' style='display:flex;'>";
            html += "<div id='term_list'>";

            for (const iterator of result) {
              html += "<div class='term_block'>";
              html += "<div class='term_block_bar'>";

              html += "<div class='term_block_bar_left'>";

              html += "<div class='term_block_bar_left_icon'>";
              html += iterator.owner.slice(0, 1);
              html += "</div>";

              html += "<div class='term_block_bar_left_info'>";
              html += "<div class='term_meaning'>" + iterator.meaning;
              if (iterator.tag != "_null_") {
                html += "<span class='term_tag'>" + iterator.tag + "</span>";
              }
              html += "</div>";
              html += "<div class='term_author'>" + iterator.owner + "</div>";
              html += "</div>";

              html += "</div>";

              html += "<div class='term_block_bar_right'>";
              html +=
                "<span><button class='icon_btn'><a href='#'>" +
                gLocal.gui.edit +
                "</a></button>";
              html +=
                "<button class='icon_btn'><a href='#'>" +
                gLocal.gui.like +
                "</a></button>";
              html +=
                "<button class='icon_btn'><a href='#'>" +
                gLocal.gui.favorite +
                "</a></button></span>";
              html += "</div>";

              html += "</div>";
              //term_block_bar 结束
              html +=
                "<div class='term_note' status='1'>" +
                note_init(iterator.note) +
                "</div>";
              //html += "</div>";
            }
            html += "</div>";

            html += "<div id='term_list_right' >";

            html += '<div class="fun_frame">';
            html += '<div class="title">' + gLocal.gui.language + "</div>";
            html += '<div class="content" style="max-height:10em;">';
            html += '<div><a href="">' + gLocal.gui.all + "</a></div>";
            html += "</div>";
            html += "</div>";

            html += '<div class="fun_frame">';
            html += '<div class="title">' + gLocal.gui.translation + "</div>";
            html +=
              '<div id="channal_list"  class="content" style="max-height:10em;">';
            html += '<div><a href="">' + gLocal.gui.all + "</a></div>";
            html += "</div>";
            html += "</div>";

            html += "</div>";
            //end of right

            html += "</div>";
            // end of term_list_div
            //html += "</div>";
          } else {
            html += "<div >词条尚未创建</div>";
            html +=
              '<div ><input type="input" value="" placeholder="pali"/></div>';
            html +=
              '<div ><input type="input" value="" placeholder="meaning"/></div>';
            html +=
              '<div ><input type="input" value="" placeholder="other meaning"/></div>';
            html +=
              '<div ><input type="input" value="" placeholder="category"/></div>';
            html +=
              '<div ><input type="input" value="" placeholder="language"/></div>';
            html += "<div ><textarea></textarea></div>";
          }

          $("#" + div).html(html);

          note_refresh_new();

          if (term_get_word_to_div_callback != null) {
            term_get_word_to_div_callback(result);
          }
        } catch (e) {
          console.error("term_get_word_to_div:" + e + " data:" + data);
        }
      } else {
        console.error("term error:" + data);
      }
    }
  );
}
function term_get_guid_to_html(strGuid) {}
function term_apply(guid) {
  if (g_eCurrWord) {
    setNodeText(g_eCurrWord, "note", "=term(" + guid + ")");
    term_array_updata();
  }
}

function term_data_copy_to_me(guid) {
  $("#term_dict").load("../term/term.php?op=copy&wordid=" + guid);
}

//我的术语字典进入编辑模式
function term_edit(guid) {
  $("#term_edit_btn1_" + guid).hide();
  $("#term_edit_btn2_" + guid).show();
  document.getElementById("term_dict_my_" + guid).style.display = "none";
  document.getElementById("term_dict_my_edit_" + guid).style.display = "block";
}

//我的术语字典退出编辑模式
function term_data_esc_edit(guid) {
  $("#term_edit_btn1_" + guid).show();
  $("#term_edit_btn2_" + guid).hide();
  document.getElementById("term_dict_my_" + guid).style.display = "block";
  document.getElementById("term_dict_my_edit_" + guid).style.display = "none";
}
//我的术语字典 编辑模式 保存

function term_data_save(guid) {
  if (guid == "") {
    var strWord = $("#term_new_word").val();
    var strMean = $("#term_new_mean").val();
    var strMean2 = $("#term_new_mean2").val();
    var strTag = $("#term_new_tag").val();
    var strChannal = $("#term_new_channal").val();
    var strLanguage = $("#term_new_language").val();
    var strNote = $("#term_new_note").val();
    let newTerm = new Object();
    newTerm.guid = com_guid();
    newTerm.word = strWord;
    newTerm.meaning = strMean;
    newTerm.other_meaning = strMean2;
    newTerm.tag = strTag;
    newTerm.channal = strChannal;
    newTerm.language = strLanguage;

    arrMyTerm.push(newTerm);
  } else {
    var strWord = $("#term_edit_word_" + guid).val();
    var strMean = $("#term_edit_mean_" + guid).val();
    var strMean2 = $("#term_edit_mean2_" + guid).val();
    var strTag = $("#term_edit_tag_" + guid).val();
    var strChannal = $("#term_edit_channal_" + guid).val();
    var strLanguage = $("#term_edit_language_" + guid).val();
    var strNote = $("#term_edit_note_" + guid).val();
  }
  $.get(
    "../term/term.php",
    {
      op: "save",
      guid: guid,
      word: strWord,
      mean: strMean,
      mean2: strMean2,
      tag: strTag,
      channal: strChannal,
      language: strLanguage,
      note: strNote,
    },
    function (data, status) {
      try {
        let result = JSON.parse(data);
        if (result.status == 0) {
          note_lookup(result.message, "term_dict");
        } else {
          ntf_show("term error" + result.message);
        }
      } catch (e) {
        console.error("term_get_all_pali:" + e + " data:" + data);
        ntf_show("term error");
      }
    }
  );
}
function term_get_all_pali() {
  $.get(
    "../term/term.php",
    {
      op: "allpali",
    },
    function (data, status) {
      if (data.length > 0) {
        try {
          arrTermAllPali = JSON.parse(data);
        } catch (e) {
          console.error("term_get_all_pali:" + e + " data:" + data);
        }
      }
    }
  );
}
function term_lookup_all(pali) {
  for (var x in arrTermAllPali) {
    if (arrTermAllPali[x].word == pali) {
      return arrTermAllPali[x];
    }
  }
  return null;
}

function term_get_my() {
  $.get(
    "../term/term.php",
    {
      op: "my",
    },
    function (data, status) {
      if (data.length > 0) {
        try {
          arrMyTerm = JSON.parse(data);
        } catch (e) {
          console.error(e.error + " data:" + data);
        }
      }
    }
  );
}

//在我的术语字典里查询
function term_lookup_my(pali, channal = "", owner = "", lang = "") {
  for (const iterator of arrMyTerm) {
    if (channal != "") {
      if (channal == iterator.channal && iterator.word == pali) {
        return iterator;
      }
    }
  }
  for (const iterator of arrMyTerm) {
    if (owner != "") {
      if (
        iterator.word == pali &&
        owner == iterator.owner &&
        iterator.language.indexOf(lang) >= 0
      ) {
        return iterator;
      }
    }
  }
  return false;
}

function term_lookup_my_id(id) {
  for (var x in arrMyTerm) {
    if (arrMyTerm[x].guid == id) {
      return arrMyTerm[x];
    }
  }
  return null;
}

function term_get_all_meaning(word) {
  $.get(
    "../term/term.php",
    {
      op: "allmean",
      word: word,
    },
    function (data, status) {
      $("#term_win_other_mean").html(data);
    }
  );
}

//刷新文档正在使用的术语数据
function term_array_updata() {
  arrTerm2 = new Array();
  var arrTermDownLoadList = new Array();
  var arrWordIdTermId = new Array();
  var xAllWord = gXmlBookDataBody.getElementsByTagName("word");
  for (var x = 0; x < xAllWord.length; x++) {
    var sNote = getNodeText(xAllWord[x], "note");
    var wid = getNodeText(xAllWord[x], "id");
    if (sNote.substring(0, 6) == "=term(") {
      var termId = sNote.slice(6, -1);
      if (!arrTerm[termId]) {
        arrTermDownLoadList.push(termId);
      }
      //person={wid:wid,tid:termId};
      arrWordIdTermId.push({ wid: wid, tid: termId });
    }
  }
  if (arrTermDownLoadList.length > 0) {
    var idlist = arrTermDownLoadList.join();
    idlist = idlist.replace(/,/g, "','");
    idlist = "'" + idlist + "'";
    $.get(
      "../term/term.php",
      {
        op: "extract",
        list: idlist,
      },
      function (data, status) {
        var obj = JSON.parse(data);
        for (var x in obj) {
          arrTerm[obj[x].guid] = obj[x];
          arrTerm2.push(obj[x]);
        }
        if (g_eCurrWord) {
          updataWordHeadById(getNodeText(g_eCurrWord, "id"));
          refreshWordNote(g_eCurrWord.parentNode.parentNode);
        }
        for (var i = 0; i < arrWordIdTermId.length; i++) {
          var wid = arrWordIdTermId[i].wid;
          var sMean = arrTerm[arrWordIdTermId[i].tid].meaning;
          doc_setWordDataById(wid, "mean", sMean);
          updateWordBodyById(wid);
        }
      }
    );
  }
}

function term_updata_translation() {
  termCounter = new Array();
  noteCounter = 1;
  $("term").each(function () {
    let status = $(this).attr("status");
    let termText = $(this).text();

    if (termText.slice(0, 1) == "#") {
      if (status == 0) {
        $(this).attr("status", "1");
        $(this).attr("type", "1");
        $(this).attr("text", termText.slice(1));
      }
      let noteText = $(this).attr("text");
      $(this).html(
        "<a onclick=\"alert('" + noteText + "')\">[" + noteCounter + "]</a>"
      );
      noteCounter++;
    } else {
      if (status == 0 || status == 2) {
        let myterm = term_lookup_my(
          termText,
          $(this).attr("channal"),
          $(this).attr("editor"),
          $(this).attr("lang")
        ); //我的术语字典
        if (myterm) {
          $(this).attr("status", "1");
          $(this).attr("type", "0");
          $(this).attr("guid", myterm.guid);
          $(this).attr("pali", myterm.word);
          $(this).attr("mean", myterm.meaning);
          $(this).attr("mean2", myterm.other_meaning);
          $(this).attr("replace", myterm.meaning);
        } else {
          $(this).attr("status", "2");
          $(this).attr("pali", termText);
        }
      }
      let guid = $(this).attr("guid");
      let pali = $(this).attr("pali");
      let mean = $(this).attr("mean");
      let mean2 = $(this).attr("mean2");
      let renderTo = $(this).attr("pos");
      let noteText = "";

      if (termCounter[guid]) {
        termCounter[guid] = 2;
      } else {
        termCounter[guid] = 1;
      }
      myterm = term_lookup_my(
        pali,
        $(this).attr("channal"),
        $(this).attr("editor"),
        $(this).attr("lang")
      ); //我的术语字典
      let linkclass = "";
      if (myterm) {
        linkclass = "term_link";
      } else {
        linkclass = "term_link_new";
      }
      if (guid) {
        if (renderTo == "wbw") {
          noteText = "%note%";
        } else {
          if (termCounter[guid] == 1) {
            noteText = strTermTanslationTmp;
          } else {
            noteText = strTermTanslationTmp2;
          }
        }

        noteText = noteText.replace(
          "[",
          "<span class='" +
            linkclass +
            "' id='term_link_" +
            guid +
            "' gid='" +
            guid +
            "' onclick=\"" +
            str_term_fun_word_link +
            "('" +
            guid +
            "','" +
            pali +
            "')\">"
        );
        noteText = noteText.replace("]", "</span>");
        noteText = noteText.replace(
          "%mean%",
          "<span class='term_mean'>" + mean + "</span>"
        );
        noteText = noteText.replace(
          "%pali%",
          "<span class='term_pali'>" + pali + "</span>"
        );
        noteText = noteText.replace(
          "%mean2%",
          "<span class='term_mean2'>" + mean2 + "</span>"
        );
        noteText = noteText.replace(
          "%note%",
          "<span class='term_note'>" + "" + "</span>"
        );
        if (myterm) {
          if (myterm.meaning != mean) {
            noteText = noteText.replace(
              "%mymean%",
              "<span class='term_mean_my'>" + myterm.meaning + "</span>"
            );
          } else {
            noteText = noteText.replace("%mymean%", "");
          }
        } else {
          noteText = noteText.replace("%mymean%", "");
        }
      } else {
        noteText =
          "<span class='" +
          linkclass +
          "'  onclick=\"" +
          str_term_fun_word_link +
          "('','" +
          termText +
          "')\">" +
          termText +
          "</span>";
      }
      $(this).html(noteText);
    }
  });
  term_popup_init();
}

function term_show_win(guid, keyWord = "") {
  if (guid == "") {
    $(term_body).html(
      "当前词条未创建。<br /><a onclick=\"term_add_new('" +
        keyWord +
        "')\">现在创建</a>"
    );
  } else {
    let currWord = term_lookup_my_id(guid);
    if (currWord) {
      let termString = "";
      let pali = currWord.word;
      let pali_1 = pali.substring(0, 1).toUpperCase();
      pali = pali_1 + pali.substring(1);
      let mean = currWord.meaning;
      let myterm = term_lookup_my(currWord.word); //我的术语字典
      termString += "<div class='term_win_mean'>" + pali + "</div>";
      termString +=
        "<div class='term_win_pali'>意思：" + currWord.meaning + "</div>";
      termString +=
        "<div class='term_win_mean2'>其他意思：" +
        currWord.other_meaning +
        "</div>";
      termString += "<div class='term_win_mymean'>我的词库：";
      if (myterm) {
        termString += "<b>" + myterm.meaning + "</b> ";
      } else {
        termString += "<input type='input'  placeholder='我的释义'>";
      }
      termString += "<span>其他:</span><span id='term_win_other_mean'></span>";
      termString += "</div>";

      if (currWord.note) {
        termString += "<div class='term_win_note'>" + currWord.note + "</div>";
      } else {
        termString += "<div class='term_win_note'>Loading</div>";
      }
      $(term_body).html(termString);
      term_get_all_meaning(currWord.word);

      if (!currWord.note) {
        $.get(
          "../term/term.php",
          {
            op: "load_id",
            id: currWord.guid,
          },
          function (data, status, xhr) {
            switch (status) {
              case "success":
                try {
                  let loadWord = JSON.parse(data);
                  $("#term_win_note").html(loadWord[0].note);
                  //修改内存数据
                  for (let x in arrMyTerm) {
                    if (arrMyTerm[x].guid == loadWord[0].guid) {
                      arrMyTerm[x].note = loadWord[0].note;
                      return;
                    }
                  }
                } catch (e) {
                  console.error(e + " data:" + data);
                }
                break;
              case "error":
                console.error("Error: " + xhr.status + ": " + xhr.statusText);
                break;
            }
          }
        );
      }
    } else {
      $(term_body).html("undefined guid");
    }
  }
  document.getElementById("term_win").style.display = "flex";
}

function term_tmp(type, tmp) {
  if (tmp == "new") {
    switch (type) {
      case "a":
        strTermTanslationTmp = $("#term_my_tmp").val();
        break;
      case "a2":
        strTermTanslationTmp2 = $("#term_my_tmp").val();
        break;
    }
  } else {
    switch (type) {
      case "a":
        strTermTanslationTmp = tmp;
        break;
      case "a2":
        strTermTanslationTmp2 = tmp;
        break;
    }
  }
  term_updata_translation();
}

function term_add_new(keyword) {
  document.getElementById("term_win").style.display = "none";

  tab_click_b(
    "sys_term",
    "tab_rb_sys_term",
    right_panal_slide_toggle,
    "tab_rb_sys_term"
  );
  editor_show_right_tool_bar(true);
  note_lookup(keyword, "term_dict");
}

function term_show_new() {
  $("#term_new_recorder").slideToggle();
  $("#new_term_button").hide();
  guide_init();
}

function term_get_dict() {
  let termwordlist = new Array();
  /*
  let objTerm = document.querySelectorAll("term");
  for (const iterator of objTerm) {
    if (iterator.getAttributeNode("status").value == 0) {
      termwordlist.push(iterator.innerHTML);
    } else {
      termwordlist.push(iterator.getAttributeNode("pali").value);
    }
  }
*/
  $("term").each(function () {
    if ($(this).attr("status") == 0) {
      $(this).attr("pali", $(this).text());
    }
    let termword = new Object();
    termword.pali = $(this).attr("pali");
    termword.channal = $(this).attr("channal");
    termword.editor = $(this).attr("editor");
    termword.lang = $(this).attr("lang");
    termwordlist.push(termword);
  });

  let readonly = true;
  if (_display == "sent") {
    readonly = false;
  }
  $.post(
    "../term/term_get.php",
    {
      words: JSON.stringify(termwordlist),
      channal: _channal,
      readonly: readonly,
    },
    function (data, status) {
      if (data.length > 0) {
        try {
          arrMyTerm = JSON.parse(data);
          term_updata_translation();
        } catch (e) {
          console.error(e.error + " data:" + data);
        }
      }
    }
  );
}

function term_popup_init() {
  $(".term_link").each(function () {
    if ($(this).attr("init") != "1") {
      if ($(this).text().length > 0) {
        $(this).css("background", "unset");
      }
      let gid = $(this).attr("gid");
      if ($(this).offset().left < $(document.body).width() / 2) {
        //出现在左侧
        $(this).append(
          '<div id="gid_' +
            gid +
            '" class="guide_contence" style="left: -5px;"></div>'
        );
        $(".guide_contence:after").css("left", "0");
      } else {
        //出现在右侧
        $(this).append(
          '<div id="gid_' +
            gid +
            '" class="guide_contence" style="right: -5px;"></div>'
        );
        $(".guide_contence:after").css("right", "0");
      }
      $(this).attr("init", "1");
    }
  });

  $(".term_link").mouseenter(function () {
    if ($(this).children(".guide_contence").first().html().length > 0) {
      return;
    }
    let gid = $(this).attr("gid");
    term_load_preview(gid, "gid_" + gid);
  });
}