<!--
  Adds a javascript API to the exercise, that will allow an LMS to supply user
  credentials, and allow it to submit the current score to a database.
  TODO: move the LMS code into a separate module/plugin/something.
-->
<p:config 
  xmlns:p='http://www.orbeon.com/oxf/pipeline'
  xmlns:oxf='http://www.orbeon.com/oxf/processors'
  xmlns:xsl='http://www.w3.org/1999/XSL/Transform'
  xmlns:xforms='http://www.w3.org/2002/xforms'
  xmlns:ev='http://www.w3.org/2001/xml-events'
  xmlns:html='http://www.w3.org/1999/xhtml'
  xmlns:context='java:org.orbeon.oxf.pipeline.StaticExternalContext'
  xmlns:x='jelly:xml'
>

  <p:param type='input' name='data'/>
  <p:param type='input' name='instance'/>
  <p:param type='output' name='data'/>

  <p:processor name='oxf:unsafe-xslt'>
    <p:input name='config'>
      <xsl:transform version='2.0'>
        <xsl:template match='/*'>
          <xsl:copy>
            <xsl:copy-of select='@*|node()'/>

            <html:script type='text/javascript'>

              // create the Mathdox.LMS namespace, if it doesn't already exist
              var Mathdox; if (!Mathdox) {
                Mathdox = {}
              }
              if (!Mathdox.LMS) {
                Mathdox.LMS = {

                  // store all values in the 'values' attribute
                  values : {
                    userid       : "",
                    username     : "",
                    exerciseid   : "",
                    date         : "",
                    time         : "",
                    status       : "",
                    masteryscore : "",
                    totaltime    : "",
                    score        : "<x:out select='
                      $instance/*/variables/score//*[local-name()="OMI"]
                    '/>"
                  },

                  // set an LMS value
                  setValue : function(name, value) {
                    this.values[name] = value
                  },

                  // retrieve a previously set LMS value
                  getValue : function(name) {
                    return this.values[name]
                  },

                  // submit the LMS values to the server
                  submit : function() {

                    // create an xml document containing the LMS values
                    var xml = "&lt;lms>"
                    for (var x in this.values) {
                      xml +=
                        "&lt;" + x + ">" +
                        this.getValue(x) +
                        "&lt;/" + x + ">"
                    }
                    xml += "&lt;/lms>"

                    // get an XMLHttpRequest object
                    var request;
                    try {
                      request = new XMLHttpRequest()
                    }
                    catch(exception) {
                      request = new ActiveXObject("Msxml2.XMLHTTP")
                    }

                    // open synchronous request to /mathdox-lms-submission url
                    var url = "<xsl:value-of select='
                      context:rewriteResourceURL("/mathdox-lms-submission")
                    '/>"
                    request.open("POST", url, false)

                    // send XML document containing the LMS values
                    request.setRequestHeader("Content-Type","text/xml")
                    request.send(xml)

                  }

                }
              }

            </html:script>

          </xsl:copy>
        </xsl:template>
      </xsl:transform>
    </p:input>
    <p:input name='data' href='#data'/>
    <p:output name='data' ref='data'/>
    <p:input name='score' href='#instance#xpointer(/*/variables/score)'/>
  </p:processor>

</p:config>