channal_add_dlg.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. var _channal_add_dlg_div;
  2. function channal_add_dlg_init(div) {
  3. _channal_add_dlg_div = div;
  4. let html = "";
  5. html += "<div id='channal_add_dlg'>";
  6. html += "<div >";
  7. html += "<div >" + gLocal.gui.name + "</div>";
  8. html += "<guide gid='channel_guide'></guide>"
  9. html += "<input type='input' id='channal_add_title' maxlength='32' placeholder='" + gLocal.gui.name + "'/>";
  10. html += "</div>";
  11. html += "<div>";
  12. html += "</div>";
  13. html += "<div style='display:flex;justify-content: space-between;padding-top: 1em;'>";
  14. html += "<div>";
  15. html += "<select id='channal_add_dlg_lang' name='lang'>";
  16. html += "<option value='zh'>Chinese-中文</option>";
  17. html += "<option value='en'>English-English</option>";
  18. html += "<option value='my'>Mymarnese-မြန်မာ</option>";
  19. html += "<option value='si'>Sinhalese-සිංහල</option>";
  20. html += "</select>";
  21. html += "<select id='channal_add_dlg_status' name='status'>";
  22. html += "<option value='10'>" + gLocal.gui.private + "</option>";
  23. html += "<option value='30'>" + gLocal.gui.public + "</option>";
  24. html += "</select>";
  25. html += "</div>";
  26. html += "<div>";
  27. html += "<button onclick='channal_add_cancel()'>" + gLocal.gui.cancel + "</button>";
  28. html += "<button onclick='channal_add_new()'>" + gLocal.gui.new + "</button>";
  29. html += "</div>";
  30. html += "</div>";
  31. html += "</div>";
  32. $("#" + div).append(html);
  33. guide_init();
  34. }
  35. function channal_add_dlg_show() {
  36. $("#" + _channal_add_dlg_div).show();
  37. }
  38. function channal_add_dlg_hide() {
  39. $("#" + _channal_add_dlg_div).hide();
  40. }
  41. function channal_add_cancel() {
  42. channal_add_dlg_hide();
  43. $("#channal_add_title").val("");
  44. }
  45. function channal_add_new() {
  46. if ($("#channal_add_title").val() == "") {
  47. alert("channal name is empty!");
  48. return;
  49. }
  50. $.post(
  51. "../channal/my_channal_put.php",
  52. {
  53. name: $("#channal_add_title").val(),
  54. lang: $("#channal_add_dlg_lang").val(),
  55. status: $("#channal_add_dlg_status").val(),
  56. },
  57. function (data) {
  58. let error = JSON.parse(data);
  59. if (error.status == 0) {
  60. alert("ok");
  61. channal_add_cancel();
  62. location.reload();
  63. } else {
  64. alert(error.message);
  65. }
  66. }
  67. );
  68. }