chem.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. var list = ['',
  2. 'H', 'He',
  3. 'Li', 'Be', 'B', 'C', 'N', 'O', 'F', 'Ne',
  4. 'Na', 'Mg', 'Al', 'Si', 'P', 'S', 'Cl', 'Ar',
  5. 'K', 'Ca', 'Sc', 'Ti', 'V', 'Cr', 'Mn', 'Fe', 'Co', 'Ni', 'Cu', 'Zn', 'Ga', 'Ge', 'As', 'Se', 'Br', 'Kr',
  6. 'Rb', 'Sr', 'Y', 'Zr', 'Nb', 'Mo', 'Tc', 'Ru', 'Rh', 'Pd', 'Ag', 'Cd', 'In', 'Sn', 'Sb', 'Te', 'I', 'Xe',
  7. 'Cs', 'Ba', 'La', 'Ce', 'Pr', 'Nd', 'Pm', 'Sm', 'Eu', 'Gd', 'Tb', 'Dy', 'Ho', 'Er', 'Tm', 'Yb', 'Lu', 'Hf', 'Ta', 'W', 'Re', 'Os', 'Ir', 'Pt', 'Au', 'Hg', 'Tl', 'Pb', 'Bi', 'Po', 'At', 'Rn',
  8. 'Fr', 'Ra', 'Ac', 'Th', 'Pa', 'U', 'Np', 'Pu', 'Am', 'Cm', 'Bk', 'Cf', 'Es', 'Fm', 'Md', 'No', 'Lr', 'Rf', 'Db', 'Sg', 'Bh', 'Hs', 'Mt', 'Ds', 'Rg', 'Cn', 'Nh', 'Fl', 'Mc', 'Lv', 'Ts', 'Og'
  9. ]
  10. var weighList = {
  11. H: 1, He: 4,
  12. Li: 7, Be: 9, B: 11, C: 12, N: 14, O: 16, F: 19, Ne: 20,
  13. Na: 23, Mg: 24, Al: 27, Si: 28, P: 31, S: 32, Cl: 35.5, Ar: 40,
  14. K: 39, Ca: 40, Sc: 45, Ti: 48, V: 51, Cr: 52, Mn: 55, Fe: 56, Co: 59, Ni: 59, Cu: 64, Zn: 65.5, Ga: 70, Ge: 72.5, As: 75, Se: 79, Br: 80, Kr: 84,
  15. Rb: 85.5, Sr: 87.5, Y: 89, Zr: 91, Nb: 93, Mo: 96, Tc: 99, Ru: 101, Rh: 103, Pd: 106.5, Ag: 108, Cd: 112.5, In: 115, Sn: 118.5, Sb: 122, Te: 127.5, I: 127, Xe: 131,
  16. Cs: 133, Ba: 137, La: 139, Ce: 140, Pr: 141, Nd: 144, Pm: 147, Sm: 150.5, Eu: 152, Gd: 157, Tb: 159, Dy: 162.5, Ho: 165, Er: 167, Tm: 169, Yb: 173, Lu: 175, Hf: 178.5, Ta: 181, W: 184, Re: 186, Os: 190, Ir: 192, Pt: 195, Au: 197, Hg: 200.5, Tl: 204.5, Pb: 207, Bi: 209, Po: 209, At: 210, Rn: 222,
  17. Fr: 223, Ra: 226, Ac: 227, Th: 232, Pa: 231, U: 238, Np: 237, Pu: 244, Am: 243, Cm: 247, Bk: 247, Cf: 251, Es: 252, Fm: 257, Md: 258, No: 259, Lr: 260, Rf: 261, Db: 262, Sg: 263, Bh: 262, Hs: 265, Mt: 266, Ds: 269, Rg: 272, Cn: 285, Nh: 284, Fl: 289, Mc: 288, Lv: 293, Ts: 291, Og: 294
  18. }
  19. var weighList2 = {
  20. H: 1.008, He: 4.003,
  21. Li: 6.941, Be: 9.012, B: 10.81, C: 12.01, N: 14.01, O: 16.00, F: 19.00, Ne: 20.18,
  22. Na: 22.99, Mg: 24.31, Al: 26.98, Si: 28.09, P: 30.97, S: 32.07, Cl: 35.45, Ar: 49.95,
  23. K: 39.10, Ca: 40.08, Sc: 44.96, Ti: 47.87, V: 50.94, Cr: 52.00, Mn: 54.94, Fe: 55.85, Co: 58.93, Ni: 58.69, Cu: 63.55, Zn: 65.39, Ga: 79.72, Ge: 72.61, As: 74.92, Se: 78.96, Br: 79.90, Kr: 83.80,
  24. Rb: 85.47, Sr: 87.62, Y: 88.91, Zr: 91.22, Nb: 92.91, Mo: 95.94, Tc: 99, Ru: 101.1, Rh: 102.9, Pd: 106.4, Ag: 107.9, Cd: 112.4, In: 114.8, Sn: 118.7, Sb: 121.8, Te: 127.6, I: 126.9, Xe: 131.3,
  25. Cs: 132.9, Ba: 137.3, La: 138.9, Ce: 140.1, Pr: 140.9, Nd: 144.2, Pm: 147, Sm: 150.4, Eu: 152.0, Gd: 157.3, Tb: 158.9, Dy: 162.5, Ho: 164.9, Er: 167.3, Tm: 168.9, Yb: 173.0, Lu: 175.0, Hf: 178.5, Ta: 180.9, W: 183.8, Re: 186.2, Os: 190.2, Ir: 192.2, Pt: 195.1, Au: 197.0, Hg: 200.6, Tl: 204.4, Pb: 207.2, Bi: 209.0, Po: 209, At: 210, Rn: 222,
  26. Fr: 223, Ra: 226.0, Ac: 227.0, Th: 232.0, Pa: 231.0, U: 238.0, Np: 237.0, Pu: 244, Am: 243, Cm: 247, Bk: 247, Cf: 251, Es: 252, Fm: 257, Md: 258, No: 259, Lr: 260, Rf: 261, Db: 262, Sg: 263, Bh: 262, Hs: 265, Mt: 266, Ds: 269, Rg: 272, Cn: 285, Nh: 284, Fl: 289, Mc: 288, Lv: 293, Ts: 291, Og: 294
  27. }
  28. var bracket = {}
  29. function getco(str) {
  30. var n = str.length, ret = 0
  31. for (var i = 0; i < n; i++) {
  32. var ch = str.charAt(i)
  33. if (isNaN(ch)) break;
  34. ret *= 10;
  35. ret += ch - 0;
  36. }
  37. str = str.slice(i, n)
  38. return [ret, str, i]
  39. }
  40. function workMolecule(str, st) {
  41. // console.log(str, st)
  42. var n = str.length, co = 1, ans = {};
  43. for (let i = 0; i < n; i++) {
  44. var ch = str.charAt(i)
  45. var f = {}
  46. if (ch == '(') {
  47. f = workMolecule(str.slice(i + 1, bracket[i + st] - st), st + i + 1)
  48. i = bracket[i + st] - st;
  49. } else if ('A' <= ch && ch <= 'Z') {
  50. if (i + 1 < n) {
  51. let nch = str.charAt(i + 1)
  52. if ('a' <= nch && nch <= 'z') i++, ch += nch
  53. }
  54. if (f[ch]) f[ch]++;
  55. else f[ch] = 1;
  56. } else return {}
  57. let g = getco(str.slice(i + 1, n))
  58. if (g[0]) {
  59. for (key in f) {
  60. f[key] *= g[0]
  61. }
  62. }
  63. for (key in f) {
  64. if (ans[key]) ans[key] = ans[key] + f[key]
  65. else ans[key] = f[key]
  66. }
  67. i += g[2]
  68. }
  69. // console.log('ans', ans)
  70. return ans;
  71. }
  72. function parseMolecule(str) {
  73. str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")")
  74. str = str.replace(/<\d*e[\+\-]>*/g, "");
  75. // console.log('Parsing molecule', str)
  76. var n = str.length, co = 1, stack = [], top = 0;
  77. for (let i = 0; i < n; i++) {
  78. var ch = str.charAt(i);
  79. if (ch == '(') stack[top] = i, top++;
  80. else if (ch == ')') bracket[stack[top - 1]] = i, bracket[i] = stack[top - 1], top--;
  81. if (top < 0) return {}
  82. }
  83. if (top != 0) return {};
  84. var g = getco(str)
  85. if (g[0]) co = g[0]
  86. var f = workMolecule(g[1], g[2])
  87. for (key in f) {
  88. f[key] *= co;
  89. }
  90. return f;
  91. }
  92. function eps(a, mode = 0) {
  93. if (mode) {
  94. var s = a.toString().split('e')
  95. if (s.length == 1) return parseFloat(parseFloat(a).toFixed(4))
  96. return Math.round(parseFloat(s[0]) * 10000) / 10000 + 'e' + s[1];
  97. } else return a
  98. }
  99. function weigh(hash, mode = 0) {
  100. var ans = 0
  101. if (mode) {
  102. for (key in hash) {
  103. if (weighList2[key]) ans += hash[key] * weighList2[key]
  104. }
  105. } else {
  106. for (key in hash) {
  107. if (weighList[key]) ans += hash[key] * weighList[key]
  108. }
  109. }
  110. return eps(ans, mode);
  111. }
  112. function weighEquation(str, mode = 0) {
  113. str = str.replace(/<\d*e[\+\-]>*/g, "").replace(/[^\dA-Za-z<>\(\)\+\-=\.;]/g, "");
  114. var q = str.split(/[=\+\-\.;]/g)
  115. var p = str.replace(/[^=\+\-\.;]/g, "").replace(/\./g, '*')
  116. var ans = ""
  117. if (str == "") return ""
  118. var n = p.length, sum = 0, gsum = "";
  119. for (let i = 0; i <= n; i++) {
  120. var k = weigh(parseMolecule(q[i]), mode)
  121. sum += k
  122. if (p.charAt(i) == '=') gsum += eps(sum, mode) + '=', sum = 0;
  123. ans = ans + k + p.charAt(i)
  124. }
  125. if (n) ans += '<br>' + gsum + eps(sum, mode)
  126. return ans.replace(/\*/g, "\\cdot");
  127. }
  128. function parseEquation(str) {
  129. str = str.replace(/ /g, '')
  130. var q = str.split(/[=\+\-\.]/g)
  131. var p = str.replace(/[^=\+\-\.]/g, "")
  132. var ans = {}
  133. var n = p.length;
  134. for (let i = 0; i <= n; i++) {
  135. var f = parseMolecule(q[i])
  136. for (key in f) {
  137. if (ans[key]) ans[key] = ans[key] + f[key]
  138. else ans[key] = f[key]
  139. }
  140. }
  141. return ans
  142. }
  143. function renderEquation(str) {
  144. str = str.replace(/[\[{]/g, "(").replace(/[\]}]/g, ")");
  145. str = str.replace(/([\+\=\.;])\1+/g, '$1')
  146. str = str.replace(/[^\dA-Za-z<>\(\)\+\-=\.;]/g, "");
  147. // console.log('Rendering equation', str)
  148. str = str.replace(/([A-Za-z]+)/g, "\\text{$1}");
  149. str = str.replace(/<(\d*)\\text\{e\}([\+\-])>/g, "^{$1$2}");
  150. str = str.replace(/([\}\)])(\d+)/g, "$1_{$2}");
  151. str = str.replace(/\./g, "\\cdot");
  152. str = "<a href='#'>\\(" + str.replace(/([\+\-=\.;])([^\}])/g, "\\)</a> \\($1\\) <a href='#'>\\($2") + '\\)</a>';
  153. // console.log(str)
  154. return str
  155. }
  156. //PROCESS-------------------------------
  157. var mode = 'bal', balInput, balText = '', inputText, case1 = 'CrI3+Cl2+KOH=K2CrO4+KIO4+KCl+H2O', case2 = 'CH3CHO+2Ag(NH3)2OH=CH3COONH4+2Ag+3NH3+H2O'
  158. $().ready(function () {
  159. balInput = $("#balInput")[0]
  160. setBal();
  161. setQryEq();
  162. $("#balInput").keydown(function (e) {
  163. if (e.keyCode == 13 && mode == 'bal') {
  164. $("#balBtn")[0].click();
  165. }
  166. });
  167. $(function () { $("[data-toggle='tooltip']").tooltip(); });
  168. })
  169. function setBal() {
  170. $('.frame')[0].innerHTML = renderEquation(balText);
  171. MathJax.typeset()
  172. $('#balBtn').text('配平')
  173. $('#balShare').removeClass('disabled')
  174. $('#balInput').attr('placeholder', case1)
  175. $('#balBtn').attr('href', '/chem?' + case1)
  176. $('#balBtn').removeClass('disabled')
  177. mode = 'bal'
  178. input()
  179. }
  180. function setWeigh() {
  181. $('#balBtn').text('相对质量')
  182. $('#balShare').addClass('disabled')
  183. $('#balInput').attr('placeholder', case2)
  184. $('#balBtn').attr('href', '')
  185. $('#balBtn').addClass('disabled')
  186. mode = 'weigh'
  187. input()
  188. }
  189. function setWeigh2() {
  190. $('#balBtn').text('相对质量*')
  191. $('#balShare').addClass('disabled')
  192. $('#balInput').attr('placeholder', case2)
  193. $('#balBtn').attr('href', '')
  194. $('#balBtn').addClass('disabled')
  195. mode = 'weigh2'
  196. input()
  197. }
  198. function input() {
  199. inputText = balInput.value
  200. if (mode == 'bal') {
  201. $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case1 : inputText) + '<br>'
  202. + '<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + ((balText != '') ? (renderEquation(balText)) : ('...'));
  203. MathJax.typeset()
  204. } else if (mode == 'weigh') {
  205. $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case2 : inputText) + '<br>'
  206. + weighEquation((inputText == '') ? case2 : inputText);
  207. MathJax.typeset()
  208. } else if (mode == 'weigh2') {
  209. $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case2 : inputText) + '<br>'
  210. + weighEquation((inputText == '') ? case2 : inputText, 1);
  211. MathJax.typeset()
  212. }
  213. }
  214. var running;
  215. function balance() {
  216. input()
  217. if (running || mode != 'bal') return;
  218. $('#balBtn').text('配平...')
  219. $('#balBtn').addClass('disabled')
  220. $('.frame').addClass('text-muted')
  221. running = 1;
  222. return $.get('/chem?' + ((inputText == '') ? case1 : inputText), function (e) {
  223. $('.frame')[0].innerHTML = (e.charAt(0) == '!') ? ('<pre class="text-danger bg-danger">' + e.slice(1, e.length) + '</pre>') : (renderEquation((inputText == '') ? case1 : inputText)
  224. + '<br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + renderEquation(e));
  225. if (e.charAt(0) != '!') balText = e
  226. MathJax.typeset()
  227. $('#balBtn').text('配平')
  228. $('#balBtn').removeClass('disabled')
  229. $('.frame').removeClass('text-muted')
  230. running = 0;
  231. })
  232. }
  233. function balUp() {
  234. if (mode != 'bal') return;
  235. $('#balInput').val(balText);
  236. input()
  237. }
  238. //QUERY-------------------------------
  239. var modeq = 'query', nameq = 'eq', strict = false, matchMode = 'mole'
  240. function setQryEq() {
  241. $('#qryMatch').show()
  242. $('.addInput').hide()
  243. $('.ok').show()
  244. modeq = 'query', nameq = 'eq', strict = false
  245. $('.qryInputHidable').hide()
  246. $('#qryBtn').text('查询方程式')
  247. $('#qryInput').attr('placeholder', 'O2=H2O')
  248. input2();
  249. }
  250. function setQryEq2() {
  251. $('#qryMatch').show()
  252. $('.addInput').hide()
  253. $('.ok').show()
  254. modeq = 'query', nameq = 'eq', strict = true
  255. $('.qryInputHidable').show()
  256. $('#qryBtn').text('查询方程式*')
  257. $('#qryInput').attr('placeholder', 'H2O')
  258. input2();
  259. }
  260. function setQryMo() {
  261. $('#qryMatch').show()
  262. $('.addInput').hide()
  263. $('.ok').show()
  264. modeq = 'query', nameq = 'mo'
  265. $('.qryInputHidable').hide()
  266. $('#qryBtn').text('查询分子')
  267. input2();
  268. }
  269. function setAddEq() {
  270. $('#qryMatch').hide()
  271. $('.addInput').show()
  272. $('#addId').hide()
  273. $('.ok').hide()
  274. modeq = 'add', nameq = 'eq'
  275. $('.qryInputHidable').hide()
  276. $('#qryBtn').text('上传方程式')
  277. $('#qryInput').attr('placeholder', 'H2+O2=H2O')
  278. }
  279. function setAddMo() {
  280. $('#qryMatch').hide()
  281. $('.addInput').show()
  282. $('#addId').hide()
  283. $('.ok').hide()
  284. modeq = 'add', nameq = 'mo'
  285. $('.qryInputHidable').hide()
  286. $('#qryBtn').text('上传分子')
  287. }
  288. function setUpdEq() {
  289. $('#qryMatch').hide()
  290. $('.addInput').show()
  291. $('#addId').show()
  292. $('.ok').hide()
  293. modeq = 'upd', nameq = 'eq'
  294. $('.qryInputHidable').hide()
  295. $('#qryBtn').text('修改方程式')
  296. $('#qryInput').attr('placeholder', '')
  297. }
  298. function setUpdMo() {
  299. $('#qryMatch').hide()
  300. $('.addInput').show()
  301. $('#addId').show()
  302. $('.ok').hide()
  303. modeq = 'upd', nameq = 'mo'
  304. $('.qryInputHidable').hide()
  305. $('#qryBtn').text('修改分子')
  306. }
  307. function replaceRegex(s) {
  308. return s.replace(/([\+\=\.;])+/g, '$1').replace(/([\(\)])/g, '\\\\$1')
  309. }
  310. function getRegex() {
  311. var ret = ''
  312. if (strict) {
  313. var acont = $('#qryInput').val(), bcont = $('#qryInput2').val();
  314. if (!acont && !bcont) acont = $('#qryInput').attr('placeholder')
  315. acont = replaceRegex(acont)
  316. bcont = replaceRegex(bcont)
  317. ret = '^'
  318. if (acont) {
  319. var as = acont.split('+')
  320. for (let i = 0; i < as.length; i++) {
  321. if (matchMode == 'mole') ret += '(?=([^=]*\\+|)[0-9]?' + as[i] + '([+=]|$))'
  322. else ret += '(?=[^=]*' + as[i] + '([^a-z]|$))'
  323. }
  324. }
  325. if (bcont) {
  326. var bs = bcont.split('+');
  327. for (let i = 0; i < bs.length; i++) {
  328. if (matchMode == 'mole') ret += '(?=.*=(.*\\+|)[0-9]?' + bs[i] + '([+=]|$))'
  329. else ret += '(?=.*=.*' + bs[i] + '([^a-z]|$))'
  330. }
  331. }
  332. ret += '.*'
  333. } else {
  334. ret = $('#qryInput').val()
  335. if (!ret) ret = $('#qryInput').attr('placeholder')
  336. ret = replaceRegex(ret)
  337. var scont = ret.split('=')
  338. if (scont.length > 2) return;
  339. var as = scont[0].split('+');
  340. ret = matchMode == 'mole' ? '^' : ''
  341. for (let i = 0; i < as.length; i++) {
  342. if (matchMode == 'mole') ret += "(?=(.*[+=]|)[0-9]?" + as[i] + "([+=]|$))"
  343. else ret += '(?=.*' + as[i] + '([^a-z]|$))'
  344. }
  345. if (scont.length > 1) {
  346. var bs = scont[1].split('+')
  347. for (let i = 0; i < bs.length; i++) {
  348. if (matchMode == 'mole') ret += "(?=(.*[+=]|)[0-9]?" + bs[i] + "([+=]|$))"
  349. else ret += '(?=.*' + bs[i] + '([^a-z]|$))'
  350. }
  351. }
  352. ret += '.*'
  353. }
  354. return ret
  355. }
  356. function query() {
  357. if (modeq == 'query' || modeq == 'add') {
  358. var cont = getRegex();
  359. $('.ok')[0].innerHTML = cont;
  360. var bd = JSON.stringify({
  361. content: cont,
  362. })
  363. console.log(bd)
  364. fetch('/chem/query/' + nameq, {
  365. method: 'POST',
  366. headers: {
  367. 'Content-type': 'application/json',
  368. },
  369. body: bd
  370. }).then(res => {
  371. res.text().then(resj => {
  372. if (resj[0] == '!') {
  373. $('.frame')[1].innerHTML = '<pre class="text-danger bg-danger">' + resj + '</pre>';
  374. } else {
  375. resj = JSON.parse(resj)
  376. $('.frame')[1].innerHTML = '<span id="qryInputRender">' + renderEquation($('#qryInput').val()) + '</span><br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>';
  377. console.log(renderEquation($('#qryInput').val()), $('.frame')[1].innerHTML)
  378. for (let i = 0; i < resj.length; i++) {
  379. $('.frame')[1].innerHTML += renderEquation(resj[i].content) + '<br><span class="label label-default">' + resj[i].id + '</span>';
  380. if (resj[i].conditions) $('.frame')[1].innerHTML += '(' + resj[i].conditions + ')';
  381. $('.frame')[1].innerHTML += resj[i].descriptions + '<br>';
  382. if (resj[i].rel) {
  383. $('.frame')[1].innerHTML += 'rel: <span class="label label-default">' + resj[i].rel + '</span><br>';
  384. }
  385. }
  386. MathJax.typeset()
  387. }
  388. });
  389. })
  390. }
  391. if (modeq == 'add') {
  392. $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder'))
  393. setBal();
  394. balance().then(e => {
  395. if (e[0] == '!') {
  396. return;
  397. }
  398. input();
  399. if (!$('#addDescription').val()) {
  400. alert('无描述')
  401. return;
  402. }
  403. var resp = confirm(e + '请确认')
  404. if (!resp) return;
  405. $('#qryInput').val(e)
  406. var bd = JSON.stringify({
  407. content: $('#qryInput').val(),
  408. conditions: $('#addCondition').val(),
  409. descriptions: $('#addDescription').val(),
  410. })
  411. console.log(bd)
  412. fetch('/chem/add/' + nameq, {
  413. method: 'POST',
  414. headers: {
  415. 'Content-type': 'application/json',
  416. },
  417. body: bd
  418. }).then(re => {
  419. fetch('/chem/query/' + nameq, {
  420. method: 'POST',
  421. headers: {
  422. 'Content-type': 'application/json',
  423. },
  424. body: JSON.stringify({
  425. content: $('#qryInput').val(),
  426. })
  427. }).then(res => {
  428. res.text().then(resj => {
  429. if (resj[0] == '!') {
  430. $('.frame')[1].innerHTML = '<pre class="text-danger bg-danger">' + resj + '</pre>';
  431. } else {
  432. resj = JSON.parse(resj)
  433. $('.frame')[1].innerHTML = '';
  434. for (let i = 0; i < resj.length; i++) {
  435. $('.frame')[1].innerHTML += renderEquation(resj[i].content) + '<br>';
  436. $('.frame')[1].innerHTML += '<span class="label label-default">' + resj[i].id + '</span>';
  437. if (resj[i].conditions) $('.frame')[1].innerHTML += '(' + resj[i].conditions + ')';
  438. $('.frame')[1].innerHTML += resj[i].descriptions + '<br>';
  439. if (resj[i].rel) {
  440. $('.frame')[1].innerHTML += 'rel: <span class="label label-default">' + resj[i].rel + '</span><br>';
  441. }
  442. }
  443. MathJax.typeset()
  444. }
  445. });
  446. })
  447. })
  448. })
  449. }
  450. if (modeq == 'upd') {
  451. $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder'))
  452. setBal();
  453. balance().then(e => {
  454. if (e[0] == '!') {
  455. return;
  456. }
  457. input();
  458. if (!$('#addDescription').val()) {
  459. alert('无描述')
  460. return;
  461. }
  462. var resp = confirm(e + '请确认')
  463. if (!resp) return;
  464. $('#qryInput').val(e)
  465. var bd = JSON.stringify({
  466. content: $('#qryInput').val(),
  467. id: $('#addIdText').val(),
  468. conditions: $('#addCondition').val(),
  469. descriptions: $('#addDescription').val(),
  470. })
  471. console.log(bd)
  472. fetch('/chem/upd/' + nameq, {
  473. method: 'POST',
  474. headers: {
  475. 'Content-type': 'application/json',
  476. },
  477. body: bd
  478. })
  479. inputId();
  480. })
  481. }
  482. }
  483. function input2() {
  484. if (modeq == 'query') {
  485. $('.ok')[0].innerHTML = getRegex()
  486. }
  487. $('#qryInputRender')[0].innerHTML = renderEquation($('#qryInput').val())
  488. MathJax.typeset()
  489. }
  490. function inputId() {
  491. var bd = JSON.stringify({
  492. content: $('#addIdText').val(),
  493. })
  494. if (!$('#addIdText').val()) {
  495. $('.frame')[1].innerHTML = '';
  496. return;
  497. }
  498. console.log(bd)
  499. fetch('/chem/query/' + nameq + 'id', {
  500. method: 'POST',
  501. headers: {
  502. 'Content-type': 'application/json',
  503. },
  504. body: bd
  505. }).then(res => {
  506. res.text().then(resj => {
  507. if (resj[0] == '!') {
  508. $('.frame')[1].innerHTML = '<pre class="text-danger bg-danger">' + resj + '</pre>';
  509. } else {
  510. resj = JSON.parse(resj)[0]
  511. if (resj) {
  512. $('.frame')[1].innerHTML = '';
  513. $('.frame')[1].innerHTML += renderEquation(resj.content) + '<br>';
  514. $('.frame')[1].innerHTML += '<span class="label label-default">' + resj.id + '</span>';
  515. if (resj.conditions) $('.frame')[1].innerHTML += '(' + resj.conditions + ')';
  516. $('.frame')[1].innerHTML += resj.descriptions + '<br>';
  517. if (resj.rel) {
  518. $('.frame')[1].innerHTML += 'rel: <span class="label label-default">' + resj.rel + '</span><br>';
  519. }
  520. $('#qryInput').val(resj.content)
  521. $('#addCondition').val(resj.conditions)
  522. $('#addDescription').val(resj.descriptions)
  523. MathJax.typeset()
  524. } else $('.frame')[1].innerHTML = '';
  525. }
  526. });
  527. })
  528. }
  529. function qryToggleMatch() {
  530. if (matchMode == 'mole') {
  531. $('#qryMatch')[0].innerHTML = '匹配元素'
  532. matchMode = 'elem'
  533. } else {
  534. $('#qryMatch')[0].innerHTML = '匹配分子'
  535. matchMode = 'mole'
  536. }
  537. }
  538. function qryUp() {
  539. var sp = $('#balInput').val().split('=')
  540. if (sp.length > 1) {
  541. if (modeq == 'query') {
  542. $('#qryInput').val(sp[0])
  543. $('#qryInput2').val(sp[1])
  544. setQryEq2();
  545. } else $('#qryInput').val($('#balInput').val());
  546. } else $('#qryInput').val($('#balInput').val());
  547. }