chem.js 21 KB

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