chem.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546
  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. $("#qryInput").keydown(function (e) {
  168. if (e.keyCode == 13 && mode == 'bal') {
  169. $("#qryBtn")[0].click();
  170. }
  171. });
  172. $(function () { $("[data-toggle='tooltip']").tooltip(); });
  173. })
  174. function setBal() {
  175. $('.frame')[0].innerHTML = renderEquation(balText);
  176. MathJax.typeset()
  177. $('#balBtn').text('配平')
  178. $('#balShare').removeClass('disabled')
  179. $('#balInput').attr('placeholder', case1 + '(输入化学式以配平)')
  180. $('#balBtn').attr('href', '/chem?' + case1)
  181. $('#balBtn').removeClass('disabled')
  182. mode = 'bal'
  183. input()
  184. }
  185. function setWeigh() {
  186. $('#balBtn').text('相对质量')
  187. $('#balShare').addClass('disabled')
  188. $('#balInput').attr('placeholder', case2 + '(输入化学式以计算相对质量)')
  189. $('#balBtn').attr('href', '')
  190. $('#balBtn').addClass('disabled')
  191. mode = 'weigh'
  192. input()
  193. }
  194. function setWeigh2() {
  195. $('#balBtn').text('相对质量*')
  196. $('#balShare').addClass('disabled')
  197. $('#balInput').attr('placeholder', case2 + '(输入化学式以计算相对质量)')
  198. $('#balBtn').attr('href', '')
  199. $('#balBtn').addClass('disabled')
  200. mode = 'weigh2'
  201. input()
  202. }
  203. function input() {
  204. inputText = balInput.value
  205. if (mode == 'bal') {
  206. $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case1 : inputText) + '<br>'
  207. + '<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + ((balText != '') ? (renderEquation(balText)) : ('...'));
  208. MathJax.typeset()
  209. } else if (mode == 'weigh') {
  210. $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case2 : inputText) + '<br>'
  211. + weighEquation((inputText == '') ? case2 : inputText);
  212. MathJax.typeset()
  213. } else if (mode == 'weigh2') {
  214. $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case2 : inputText) + '<br>'
  215. + weighEquation((inputText == '') ? case2 : inputText, 1);
  216. MathJax.typeset()
  217. }
  218. }
  219. var running;
  220. function balance() {
  221. input()
  222. if (running || mode != 'bal') return;
  223. $('#balBtn').text('配平...')
  224. $('#balBtn').addClass('disabled')
  225. $('.frame').addClass('text-muted')
  226. running = 1;
  227. return $.get('/chem?' + ((inputText == '') ? case1 : inputText), function (e) {
  228. $('.frame')[0].innerHTML = (e.charAt(0) == '!') ? ('<pre class="text-danger bg-danger">' + e.slice(1, e.length) + '</pre>') : (renderEquation((inputText == '') ? case1 : inputText)
  229. + '<br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + renderEquation(e));
  230. if (e.charAt(0) != '!') balText = e
  231. MathJax.typeset()
  232. $('#balBtn').text('配平')
  233. $('#balBtn').removeClass('disabled')
  234. $('.frame').removeClass('text-muted')
  235. running = 0;
  236. })
  237. }
  238. function balUp() {
  239. if (mode != 'bal') return;
  240. $('#balInput').val(balText);
  241. input()
  242. }
  243. //QUERY-------------------------------
  244. var modeq = 'query', nameq = 'eq', strict = false, matchMode = 'mole'
  245. function toggl(str, e = 0, f = 0) {
  246. $('#qryBtn').text(str)
  247. if (e) {
  248. $('#qryMatch').hide(), $('.addInput').show(), $('.ok').hide()
  249. if (e == 2) $('#addId').show()
  250. else $('#addId').hide()
  251. }
  252. else $('#qryMatch').show(), $('.addInput').hide(), $('.ok').show()
  253. if (f) $('.qryInputHidable').show()
  254. else $('.qryInputHidable').hide()
  255. }
  256. function setQryEq() {
  257. toggl('查询方程式')
  258. modeq = 'query', nameq = 'eq', strict = false
  259. $('#qryInput').attr('placeholder', 'O2=H2O' + '(输入化学式查询数据库,支持模糊搜索)')
  260. input2();
  261. }
  262. function setQryEq2() {
  263. toggl('查询方程式*', 0, 1)
  264. modeq = 'query', nameq = 'eq', strict = true
  265. $('#qryInput').attr('placeholder', 'H2O')
  266. input2();
  267. }
  268. function setQryMo() {
  269. toggl('查询分子')
  270. modeq = 'query', nameq = 'mo'
  271. input2();
  272. }
  273. function setAddEq() {
  274. toggl('上传方程式', 1)
  275. modeq = 'add', nameq = 'eq'
  276. $('#qryInput').attr('placeholder', 'H2+O2=H2O' + '(输入化学式上传至数据库)')
  277. }
  278. function setAddMo() {
  279. toggl('上传分子', 1)
  280. modeq = 'add', nameq = 'mo'
  281. }
  282. function setUpdEq() {
  283. toggl('修改方程式', 2)
  284. modeq = 'upd', nameq = 'eq'
  285. $('#qryInput').attr('placeholder', '(输入 id 修改已有化学式)')
  286. }
  287. function setUpdMo() {
  288. toggl('修改分子', 2)
  289. modeq = 'upd', nameq = 'mo'
  290. }
  291. function replaceRegex(s) {
  292. return s.replace(/([\+\=\.;])+/g, '$1').replace(/([\(\)])/g, '\\\\$1').replace(/(<\d*)e\+/g, '$1%')
  293. }
  294. function getRegex() {
  295. var ret = ''
  296. if (strict) {
  297. var acont = $('#qryInput').val(), bcont = $('#qryInput2').val();
  298. if (!acont && !bcont) acont = $('#qryInput').attr('placeholder').split('(')[0]
  299. acont = replaceRegex(acont)
  300. bcont = replaceRegex(bcont)
  301. ret = '^'
  302. if (acont) {
  303. var as = acont.split('+')
  304. for (let i = 0; i < as.length; i++) {
  305. if (matchMode == 'mole') ret += '(?=([^=]*\\+|)[0-9]?' + as[i] + '([+=]|$))'
  306. else ret += '(?=[^=]*' + as[i] + '([^a-z]|$))'
  307. }
  308. }
  309. if (bcont) {
  310. var bs = bcont.split('+');
  311. for (let i = 0; i < bs.length; i++) {
  312. if (matchMode == 'mole') ret += '(?=.*=(.*\\+|)[0-9]?' + bs[i] + '([+=]|$))'
  313. else ret += '(?=.*=.*' + bs[i] + '([^a-z]|$))'
  314. }
  315. }
  316. ret += '.*'
  317. } else {
  318. ret = $('#qryInput').val()
  319. if (!ret) ret = $('#qryInput').attr('placeholder').split('(')[0]
  320. ret = replaceRegex(ret)
  321. var scont = ret.split('=')
  322. if (scont.length > 2) return;
  323. var as = scont[0].split('+');
  324. ret = matchMode == 'mole' ? '^' : ''
  325. for (let i = 0; i < as.length; i++) {
  326. if (matchMode == 'mole') ret += "(?=(.*[+=]|)[0-9]?" + as[i] + "([+=]|$))"
  327. else ret += '(?=.*' + as[i] + '([^a-z]|$))'
  328. }
  329. if (scont.length > 1) {
  330. var bs = scont[1].split('+')
  331. for (let i = 0; i < bs.length; i++) {
  332. if (matchMode == 'mole') ret += "(?=(.*[+=]|)[0-9]?" + bs[i] + "([+=]|$))"
  333. else ret += '(?=.*' + bs[i] + '([^a-z]|$))'
  334. }
  335. }
  336. ret += '.*'
  337. }
  338. return ret.replace(/%/g, 'e+')
  339. }
  340. function query() {
  341. if (modeq == 'query' || modeq == 'add') {
  342. var cont = getRegex();
  343. $('.ok').text(cont);
  344. var bd = JSON.stringify({
  345. content: cont,
  346. })
  347. console.log(bd)
  348. fetch('/chem/query/' + nameq, {
  349. method: 'POST',
  350. headers: {
  351. 'Content-type': 'application/json',
  352. },
  353. body: bd
  354. }).then(res => {
  355. res.text().then(resj => {
  356. if (resj[0] == '!') {
  357. $('.frame')[1].innerHTML = '<pre class="text-danger bg-danger">' + resj + '</pre>';
  358. } else {
  359. resj = JSON.parse(resj)
  360. $('.frame')[1].innerHTML = '<span id="qryInputRender">' + (strict ? renderEquation($('#qryInput').val() + '=' + $('#qryInput2').val()) : renderEquation($('#qryInput').val())) + ' - 匹配到 ' + resj.length + ' 个</span><br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>';
  361. for (let i = 0; i < resj.length; i++) {
  362. $('.frame')[1].innerHTML += renderEquation(resj[i].content) + '<br><span class="label label-default">' + resj[i].id + '</span>';
  363. if (resj[i].conditions) $('.frame')[1].innerHTML += '(' + resj[i].conditions + ')';
  364. $('.frame')[1].innerHTML += resj[i].descriptions + '<br>';
  365. if (resj[i].rel) {
  366. $('.frame')[1].innerHTML += 'rel: <span class="label label-default">' + resj[i].rel + '</span><br>';
  367. }
  368. }
  369. MathJax.typeset()
  370. }
  371. });
  372. })
  373. }
  374. if (modeq == 'add') {
  375. $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder').split('(')[0])
  376. setBal();
  377. balance().then(e => {
  378. if (e[0] == '!') {
  379. return;
  380. }
  381. input();
  382. if (!$('#addDescription').val()) {
  383. alert('无描述')
  384. return;
  385. }
  386. var resp = confirm(e + '请确认')
  387. if (!resp) return;
  388. $('#qryInput').val(e)
  389. var bd = JSON.stringify({
  390. content: $('#qryInput').val(),
  391. conditions: $('#addCondition').val(),
  392. descriptions: $('#addDescription').val(),
  393. })
  394. console.log(bd)
  395. fetch('/chem/add/' + nameq, {
  396. method: 'POST',
  397. headers: {
  398. 'Content-type': 'application/json',
  399. },
  400. body: bd
  401. }).then(re => {
  402. fetch('/chem/query/' + nameq, {
  403. method: 'POST',
  404. headers: {
  405. 'Content-type': 'application/json',
  406. },
  407. body: JSON.stringify({
  408. content: $('#qryInput').val(),
  409. })
  410. }).then(res => {
  411. res.text().then(resj => {
  412. if (resj[0] == '!') {
  413. $('.frame')[1].innerHTML = '<pre class="text-danger bg-danger">' + resj + '</pre>';
  414. } else {
  415. resj = JSON.parse(resj)
  416. $('.frame')[1].innerHTML = '';
  417. for (let i = 0; i < resj.length; i++) {
  418. $('.frame')[1].innerHTML += renderEquation(resj[i].content) + '<br>';
  419. $('.frame')[1].innerHTML += '<span class="label label-default">' + resj[i].id + '</span>';
  420. if (resj[i].conditions) $('.frame')[1].innerHTML += '(' + resj[i].conditions + ')';
  421. $('.frame')[1].innerHTML += resj[i].descriptions + '<br>';
  422. if (resj[i].rel) {
  423. $('.frame')[1].innerHTML += 'rel: <span class="label label-default">' + resj[i].rel + '</span><br>';
  424. }
  425. }
  426. MathJax.typeset()
  427. }
  428. });
  429. })
  430. })
  431. })
  432. }
  433. if (modeq == 'upd') {
  434. $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder').split('(')[0])
  435. setBal();
  436. balance().then(e => {
  437. if (e[0] == '!') {
  438. return;
  439. }
  440. input();
  441. if (!$('#addDescription').val()) {
  442. alert('无描述')
  443. return;
  444. }
  445. var resp = confirm(e + '请确认')
  446. if (!resp) return;
  447. $('#qryInput').val(e)
  448. var bd = JSON.stringify({
  449. content: $('#qryInput').val(),
  450. id: $('#addIdText').val(),
  451. conditions: $('#addCondition').val(),
  452. descriptions: $('#addDescription').val(),
  453. })
  454. console.log(bd)
  455. fetch('/chem/upd/' + nameq, {
  456. method: 'POST',
  457. headers: {
  458. 'Content-type': 'application/json',
  459. },
  460. body: bd
  461. })
  462. inputId();
  463. })
  464. }
  465. }
  466. function input2() {
  467. if (modeq == 'query') {
  468. $('.ok').text(getRegex())
  469. }
  470. if ($('#qryInputRender')[0]) $('#qryInputRender')[0].innerHTML = (strict ? renderEquation($('#qryInput').val() + '=' + $('#qryInput2').val()) : renderEquation($('#qryInput').val()))
  471. MathJax.typeset()
  472. }
  473. function inputId() {
  474. var bd = JSON.stringify({
  475. content: $('#addIdText').val(),
  476. })
  477. if (!$('#addIdText').val()) {
  478. $('.frame')[1].innerHTML = '';
  479. return;
  480. }
  481. console.log(bd)
  482. fetch('/chem/query/' + nameq + 'id', {
  483. method: 'POST',
  484. headers: {
  485. 'Content-type': 'application/json',
  486. },
  487. body: bd
  488. }).then(res => {
  489. res.text().then(resj => {
  490. if (resj[0] == '!') {
  491. $('.frame')[1].innerHTML = '<pre class="text-danger bg-danger">' + resj + '</pre>';
  492. } else {
  493. resj = JSON.parse(resj)[0]
  494. if (resj) {
  495. $('.frame')[1].innerHTML = '';
  496. $('.frame')[1].innerHTML += renderEquation(resj.content) + '<br>';
  497. $('.frame')[1].innerHTML += '<span class="label label-default">' + resj.id + '</span>';
  498. if (resj.conditions) $('.frame')[1].innerHTML += '(' + resj.conditions + ')';
  499. $('.frame')[1].innerHTML += resj.descriptions + '<br>';
  500. if (resj.rel) {
  501. $('.frame')[1].innerHTML += 'rel: <span class="label label-default">' + resj.rel + '</span><br>';
  502. }
  503. $('#qryInput').val(resj.content)
  504. $('#addCondition').val(resj.conditions)
  505. $('#addDescription').val(resj.descriptions)
  506. MathJax.typeset()
  507. } else $('.frame')[1].innerHTML = '';
  508. }
  509. });
  510. })
  511. }
  512. function qryToggleMatch() {
  513. if (matchMode == 'mole') {
  514. $('#qryMatch')[0].innerHTML = '匹配元素'
  515. matchMode = 'elem'
  516. } else {
  517. $('#qryMatch')[0].innerHTML = '匹配分子'
  518. matchMode = 'mole'
  519. }
  520. }
  521. function qryUp() {
  522. var sp = $('#balInput').val().split('=')
  523. if (sp.length > 1) {
  524. if (modeq == 'query') {
  525. $('#qryInput').val(sp[0])
  526. $('#qryInput2').val(sp[1])
  527. setQryEq2();
  528. } else $('#qryInput').val($('#balInput').val());
  529. } else $('#qryInput').val($('#balInput').val());
  530. }