page: login.mobile

by jmucci

HTML

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.0.js"></script>
<script src="https://raw.github.com/CraigCav/ko.datasource/master/ko.datasource.js"></script>
<div id="login" data-role="page" data-title="Sign-In">
  <div data-role="header" data-theme="b" data-position="fixed" back-btn="true">
    <!-- /header -->
     <h1>Sign-In</h1>
 <a href="#login" data-icon="gear" data-bind="text: config.version" class="ui-btn-right">0.0.0</a>

  </div>
  <div data-role="content">
    <ul data-role="listview">
      <li>Organization:
        <input id="orgName" size="25" type="text" data-value-update="keyup"
        data-bind="value: instructor.organizationName" />
      </li>
      <li>User Name:
        <input id="userName" size="25" type="text" data-value-update="keyup"
        data-bind="value: instructor.userName" />
      </li>
      <li>Password:
        <input id="studentIdent" size="10" type="password" data-value-update="keyup"
        data-bind="value: instructor.password" />
      </li>
      <li> <a id="btnLogin" data-bind="click: loginClick" data-role="button" class="buttonCenter">Sign-In</a>

      </li>
    </ul>
  </div>
  <div data-role="footer" data-theme="b" data-position="fixed">
     <h4>Page Footer</h4>

  </div>
  <!-- /footer -->
</div>
<div id='LoginFailed' data-role="page" data-title="Login Error">
  <div data-role="header">
    <div data-role="navbar"> <span data-role="view-title"></span>
 <a data-icon="contacts" data-transition="slide:right"
      href="#Login" data-role="button" data-align="right">Login</a>

    </div>
  </div>
  <div data-role="content">
    <p>Login failed for one or more of the following values:</p>
    <ul data-role="listview"
    data-style="inset">
      <li>Organization Name</li>
    </ul>
    <ul data-role="listview"...