How to manage html inside application which uses spray and scala

Question

I am working on an simple application which use Spray and Scala and I am beginner in this environment. I am working on a form which is used to send information through post method. Form is below

 lazy val formPage =
  <html>
  <body>
  <form id="register">
  <fieldset> 
  <legend>Dodaj sędziego</legend> 
  <div> 
  <label>Imię
  <input id="first-name" name="first-name" placeholder="Imię" required autofocus> 
  </label>
  </div>
  <div> 
  <label>Nazwisko
  <input id="last-name" name="last-name" placeholder="Nazwisko" required autofocus> 
  </label>
  </div>
  <div> 
  <label>Numer identyfikacyjny
  <input id="number" name="number" required>
  </label>
  </div> 
  </fieldset>
  </form>
  </body>
  </html>

and I call it

  path("judge" / "new"){
    respondWithMediaType(`text/html`) {
      complete {
        formPage
      }
    }
  }

and it causes a lot of problems during compilation, for example:

[error] /project/src/main/scala/pl/vectorotic/MyService.scala:45: in XML literal: '=' expected instead of 'a'
[error]   <input id="first-name" name="first-name" placeholder="Imię" required autofocus>

I would like to ask how to use html inside scala program.

I think the problem is that your `required` and `autofocus` attributes are not valid XML/XHtml syntax. Try `autofocus="autofocus"`, instead. E.g. see http://www.w3schools.com/tags/att_input_autofocus.asp — jrudolph, Jan 19 '15 at 08:41

score 2 · Accepted Answer · answered Jan 18 '15 at 22:18

Your formPage is not a string, but an XML Elem . Use triple quotes:

  lazy val formPage =
    """<html>
      <body>
        <form id="register">
          <fieldset>
            <legend>Dodaj sędziego</legend>
            <div>
              <label>Imię
                <input id="first-name" name="first-name" placeholder="Imię" required autofocus>
                </label>
              </div>
              <div>
                <label>Nazwisko
                  <input id="last-name" name="last-name" placeholder="Nazwisko" required autofocus>
                  </label>
                </div>
                <div>
                  <label>Numer identyfikacyjny
                    <input id="number" name="number" required>
                    </label>
                  </div>
                </fieldset>
              </form>
            </body>
          </html>"""

It's just there because it was also included it the original question, but you don't need it in this case. Have a look at [this SO question](http://stackoverflow.com/questions/7484928/what-does-a-lazy-val-do), which clarifies what `lazy` acutally does. — edi, Nov 11 '15 at 12:45

How to manage html inside application which uses spray and scala

1 Answers1