--- loncom/html/res/adm/pages/reactionresponse/reaction_editor.html	2003/06/30 20:57:16	1.2
+++ loncom/html/res/adm/pages/reactionresponse/reaction_editor.html	2009/05/15 13:28:27	1.13
@@ -1,7 +1,7 @@
 <!-- Chemical reaction editor developed by Guy Ashkenazi, guy@fh.huji.ac.il-->
 
 <!--
- $Id: reaction_editor.html,v 1.2 2003/06/30 20:57:16 albertel Exp $
+ $Id: reaction_editor.html,v 1.13 2009/05/15 13:28:27 raeburn Exp $
 
  Copyright Michigan State University Board of Trustees
 
@@ -28,16 +28,14 @@
 
 <html>
 <head>
-<script type="text/javascript">
+<script type="text/javascript" language="Javascript">
 var rightarrow;
+var id;
+var reaction;
+var field
 </script>
 <!-- parsed by LON-CAPA to get the correct symbol for the arrow -->
-<display>
-return '<script type="text/javascript">
-          var rightarrow=\''.&xmlparse('<m>$\rightarrow$</m>').'\';
-        </script>';
-</display>
-<script language="JavaScript">
+<script type="text/javascript" language="Javascript">
 
 var level;
 var reactants;
@@ -67,8 +65,8 @@ function to_capa(string) {
   for (i = 0; i < products.length; i++) 
     products[i] = capa_component(products[i]);
  
-  reactants.sort();
-  products.sort();
+//   reactants.sort();
+//   products.sort();
 
   for (i = 0; i < reactants.length-1; i++) {
     reaction += reactants[i];
@@ -129,17 +127,15 @@ function to_html(string) {
     reaction += html_component(reactants[i]);
     reaction += " + ";
   }
-  if (i < reactants.length)
-    reaction += html_component(reactants[i]);
+  reaction += html_component(reactants[i]);
 
   if (products.length > 0) {
-    reaction += rightarrow;
+    reaction += " "+rightarrow+" ";
     for (i = 0; i < products.length-1; i++) {
       reaction += html_component(products[i]);
       reaction += " + ";
     }
-    if (i < products.length)
-      reaction += html_component(products[i]);
+    reaction += html_component(products[i]);
   }
 
   return reaction;
@@ -148,12 +144,12 @@ function to_html(string) {
 function html_component(string) {
   var reactant = "";
   var i = 0;
-  level = 0;
+  level = -1;
 
-  for (;string.substring(i,i+1) == ' ';i++)
-    ;
-  for (;isDigit(string.substring(i,i+1));i++)
-    reactant += string.substring(i,i+1);
+  var hydrate = string.split('.');
+  if (hydrate.length > 1) 
+    return html_component(hydrate[0]) + "&middot;" + html_component(hydrate[1]);
+      
   for (;i < string.length;i++)
     reactant +=  html_char(string.substring(i,i+1));
 
@@ -161,6 +157,14 @@ function html_component(string) {
 }
 
 function html_char(chr) {
+  if (level == -1) { // stoichiometric coefficient
+    if (isDigit(chr) || chr == '/')
+      return chr;
+    if (chr == ' ')
+      return "";
+    else
+      level = 0;
+  }
   if (level == 0) { // baseline
     if (isDigit(chr))
       return chr.sub();
@@ -168,19 +172,25 @@ function html_char(chr) {
       level = 1;
       return "";
     }
-    if (chr == '+') // baseline or superscript
+    if (chr == '+') // baseline or superscript?
       return "?";
     if (chr == ' ')
       return "";
+    if (chr == '(' || chr == '|') // coefficient
+      level = -1;
     return chr;
   }
   if (level == 1) { // superscript
     if (isDigit(chr))
       return chr.sup();
-    if (chr == '+' || chr == '-') {
+    if (chr == '+') {
       level = 0;
       return chr.sup();
     }
+    if (chr == '-') {
+      level = 0;
+      return "<sup>&minus;</sup>";
+    } 
     if (chr == ' ') {
       level = 0;
       return "";
@@ -207,7 +217,7 @@ function submitReaction() {
     alert("Nothing to submit");
   }
   else {
-    name = "HWVAL_" + problem;
+    name = field;
     i = 0;
     while (parent.opener.document.lonhomework.elements[i].name != name) 
       i++;
@@ -217,6 +227,14 @@ function submitReaction() {
   }
 }
 
+function setup() {
+  document.form.text.value=reaction;
+  parent.viewer.document.writeln('<center><br />'+to_html(document.form.text.value)+'</center>');
+  parent.viewer.document.close();
+  document.form.submit.value='Insert Answer';
+  parent.document.title='LON-CAPA - Reaction Editor';
+}
+
 function getCookie(document,name) {
   var dc = document.cookie;
   var prefix = name + "=";
@@ -236,12 +254,21 @@ function getCookie(document,name) {
 </script>
 </head>
 
-<body bgcolor="#ffffff" onLoad = "problem = getCookie(parent.opener.document,'problem'); document.form.submit.value='Insert reaction for Part #' + problem; parent.document.title='LON-CAPA#'+problem+' - Reaction Editor';">
+<body bgcolor="#ffffff" onLoad = "javascript:setup();">
+<display>
+return '<script type="text/javascript" language="Javascript">
+          var rightarrow=\''.&xmlparse('<m display="tth">$\rightarrow$</m>').'\';
+	  var reaction=\''.&EXT('query.reaction').'\';
+	  var field=\''.&EXT('query.field').'\';
+	  var id=\''.&EXT('query.id').'\';
+        </script>';
+</display>
+
 <center>
 <hr />
 <form name="form">
-<input type="text" size=50 name="text" />
-<input type="button" value="Check" onClick = "parent.viewer.document.writeln('<center><br>'+to_html(document.form.text.value)+'</center>');parent.viewer.document.close()" /><br />
+<input type="text" size="50" name="text" />
+<input type="button" value="Check" onClick = "parent.viewer.document.writeln('<center><br />'+to_html(document.form.text.value)+'</center>');parent.viewer.document.close()" /><br />
 <br />
 <input type="button" name="submit" value="Insert reaction for part #?" onClick = "submitReaction();" />
 <br />
