このplay-authenticate モジュールをアプリケーションのモバイル側に統合しようとしています。Twitter Bootstrap の代わりに、各ページに JQuery モバイルを使用したいと考えています。したがって、別のビューを作成し、基本的なインデックスを設定しただけで、ログインページを最初に機能させようとしています。ログインページはその引数としてフォームを取ります.JQuery Mobileでplay 2.0.*でscalaフォームヘルパーを使用する方法があるかどうか疑問に思っています.
これまでの私の基本的なログインページ:
@(loginForm: Form[_])
@import helper._
@main(Messages("playauthenticate.login.title"),"login") {
<div data-role="content">
<div data-role="fieldcontain">
<label for="textinput1">
Your Email
</label>
<input name="" id="textinput1" placeholder="" value="" type="email" />
</div>
<div data-role="fieldcontain">
<label for="textinput2">
Your Password
</label>
<input name="" id="textinput2" placeholder="" value="" type="password" />
</div>
<a data-role="button" href="#page1">
Login Now
</a>
<h4>
Or login with a different service:
</h4>
@* Display list of available providers *@
@_providerPartial(skipCurrent=false)
<a data-role="button" data-transition="slidedown" href="routes.Application.index()">
Home
</a>
</div>
}
これは、Twitter Bootstrap を使用した場合の外観です。