Skip to content

Instantly share code, notes, and snippets.

@tratnayake

tratnayake/users-async-page-starter.html

Last active February 21, 2016 03:52
Show Gist options
  • Save tratnayake/57aa512152ff378fe5a7 to your computer and use it in GitHub Desktop.
Save tratnayake/57aa512152ff378fe5a7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
users-async-page-starter.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title><%= title %></title>
<!-- Bootstrap core CSS -->
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Import our custom styles -->
<link rel='stylesheet' href='/css/style.css' />
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">SYNCvsASYNC</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="/signup-sync">Sign-UpSYNC</a></li>
<li><a href="/users-sync">UsersSYNC</a></li>
<li><a href="/signup-async">Sign-UpASYNC</a></li>
<li><a href="/users-async-page">UsersASYNC</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="pageWrapper">
<div class="container">
<h1 class="text-center"> Check out our awesome users!</h1>
<table id="usersTable" class="col-xs-offset-3 col-xs-6">
<tr>
<th class="text-center">Username</th>
<th class="text-center">Email Address</th>
</tr>
</table>
</div>
</div><!-- End pageWrapper -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Our custom JS -->
<script>
//This gets run when the page has been loaded.
$( document ).ready(function(){
//Variables -- Get these elements by their ID's.
var usersTable = $("#usersTable");
//On first run!
//Event Handlers
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment