index.html

<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
<meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=10" />
<!-- Internet Explorer Compatibility-->
<!--[if IE 7]><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><![endif]-->
<!--[if IE]>

    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <style type="text/css">
        .clear {
            zoom: 1;
            display: none;
        }
    </style>
<![endif]-->
<title>Welcome To Bugg.ly</title>
<link rel="stylesheet" type="text/css" href="styles/themes/ewurf-theme.css" />
<link rel="stylesheet" href="styles/themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.1/jquery.mobile.structure-1.4.1.min.css" />
<script src="js/jquery-1.10.1.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles/IconFonts.css">
<link rel="stylesheet" type="text/css" href="styles/jquery-mobile-fluid960.css">

<!--custom CSS must come last to overide CSS defined in the jquery mobile functions-->
<link rel="stylesheet" type="text/css" href="styles/custom.css" />
</head>
<body>

<!--PAGE 1 - HOME -->
<div data-role="page" id="home" class="type-home">
  <header role="banner" data-role="header" id="header" style="height:30px;"></header>

  <!--Initial Home Screen Logo-->
  <section data-role="content" class="constrain headerLogo" ></section>

  <!--Main Content in Center of Screen-->
  <section data-role="content" class="sectionContent constrain">

    <!--960 Grid Root [responsive web design plugin]-->
    <div class="container_16" data-theme="a">
      <div class="gridMarginsLeft">

        <!--Left Column Group 1-->
        <ul data-role="listview" data-inset="true" data-theme="a" data-icon="star" class="">
          <li data-role="list-divider" data-theme="a"><span class="icon-star fontIcons"></span><span class="coloumnHeaders">Login</span></li>
          <li class="liTexturedBg">Login using the facility below </li>
          <!--Add navigation for viewAllProperties below here-->
          <li><a href="#" onclick="changeAppPage('viewAllBugs')">View Bugs</a></li>
          <li><a href="#" onclick="changeAppPage('Reg')">Register</a></li>
          <li class="liTexturedBg">
            <form id="loginForm">
           <input name="email" id="email" type="email" placeholder="Your Email" />
						<label for="password" class="ui-hidden-accessible">Password:</label>
						<input name="password" id="password" type="password" placeholder="Password" />
<button class="login">Login</button>
           <span id="msg"></span>
            </form>
          </li>
          <li class="e-wurf-listViewbottom"></li>
        </ul>

        <!--Left Column Group 2-->
        <ul data-role="listview" data-inset="true" data-theme="a" data-icon="false" class="">
          <li data-role="list-divider" data-theme="a"><span class="icon-pen fontIcons"></span><span class="coloumnHeaders">Saltburn Properties Prototype 4</span></li>
          <li class="liTexturedBg">View All Properties Web Service API</li>
          <li class="e-wurf-listViewbottom"></li>
        </ul>
      </div>
      <!--close ui-block-a -->

      <div class="gridMarginsLeft">
        <!--Right Column Group 1-->
        <ul data-role="listview" data-inset="true" data-theme="a" data-icon="star" class="">
          <li data-role="list-divider" data-theme="a"><span class="icon-news fontIcons"></span> <span class="coloumnHeaders">Latest Property</span></li>
          <li class="liTexturedBg"></li>
          <li class="liTexturedBg"></li>
          <li class="liTexturedBg"></li>
          <li class="e-wurf-listViewbottom"></li>
        </ul>
      </div>
    </div>
  </section>
</div>
<!-- /close page -->

<!--PAGE -->

<div data-role="page" id="viewAllBugs">
  <header role="banner" data-role="header" id="header" style="height:45px; z-index:1"> <a data-icon="back" data-role="button" data-rel="back" class="ui-btn-left backToAdmin">Back</a> </header>

  <!--Initial Home Screen Logo-->
  <section data-role="content" class="constrain headerLogo" > </section>

  <!--Main Content in Center of Screen-->
  <section data-role="content" class="sectionContent constrain">

    <!--960 Grid Root [responsive web design plugin]-->
    <div class="container_16" data-theme="a">
      <div class="grid_16">
        <div class="gridMarginsLeft">
          <ul id="viewProps" data-role="listview" data-inset="true" data-theme="a" data-icon="false" class="">
            <li data-role="list-divider" data-theme="a"><span class="icon-data fontIcons"></span><span class="coloumnHeaders">View All Properties</span></li>
            <li data-role="list-divider" data-theme="a">

            <!--Data Table Goes HERE-->
<table data-role="table" data-mode="reflow" class="ui-responsive table-stroke">
                <thead>
                  <tr>
                    <th width="30%">Image</th>
                    <th width="70%">Details</th>
                  </tr>
                </thead>
                <tbody class="listAllBugs">
                </tbody>
              </table>


            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>
</div>
<!-- /close page -->
<!--PAGE -->

<div data-role="page" id="Reg">
  <header role="banner" data-role="header" id="header" style="height:45px; z-index:1"> <a data-icon="back" data-role="button" data-rel="back" class="ui-btn-left backToAdmin">Back</a> </header>

  <!--Initial Home Screen Logo-->
  <section data-role="content" class="constrain headerLogo" > </section>

  <!--Main Content in Center of Screen-->
  <section data-role="content" class="sectionContent constrain">

    <!--960 Grid Root [responsive web design plugin]-->
    <div class="container_16" data-theme="a">
      <div class="grid_16">
        <div class="gridMarginsLeft">
          <ul id="viewProps" data-role="listview" data-inset="true" data-theme="a" data-icon="false" class="">
            <li data-role="list-divider" data-theme="a"><span class="icon-data fontIcons"></span><span class="coloumnHeaders">View All Properties</span></li>
            <li data-role="list-divider" data-theme="a">


<form id="users-form" action="/AST_14/Bugg.ly2/index.php/users/create" method="post">
  <p class="note">Fields with <span class="required">*</span> are required.</p>


  <div class="row">
    <label for="Users_Fname">Fname</label>    <input size="60" maxlength="255" name="Users[Fname]" id="Users_Fname" type="text">      </div>

  <div class="row">
    <label for="Users_Lname">Lname</label>    <input size="60" maxlength="255" name="Users[Lname]" id="Users_Lname" type="text">      </div>

  <div class="row">
    <label for="Users_email">Email</label>    <input size="60" maxlength="255" name="Users[email]" id="Users_email" type="text">      </div>

  <div class="row">
    <label for="Users_PassWord">Pass Word</label>   <input size="60" maxlength="150" name="Users[PassWord]" id="Users_PassWord" type="password">      </div>

  <div class="row">
    <label for="Users_accountType">Account Type</label>   <input name="Users[accountType]" id="Users_accountType" type="text">      </div>

  <div class="row">
    <label for="Users_salt">Salt</label>    <input size="60" maxlength="255" name="Users[salt]" id="Users_salt" type="text">      </div>

  <div class="row buttons">
    <input type="submit" name="yt0" value="Create"> </div>

</form>


            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>
</div>
<!-- /close page -->
<!--END OF PAGES-->

<!--core functions last so that DOM elements are loaded before it is accessible-->
<script src="class.coreFunctions.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</body>
</html>