default.htm

﻿<!doctype html>
<html ng-app = "Twitter">
<head>
	<title>AngularJS App for Twitter</title>
	<script src="angular.js"></script>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="styles.css">

	<script type="text/javascript" src="codebird-js-2.4.3/codebird.js"></script>
	<script type="text/javascript" src="codebird-js-2.4.3/sha1.js"></script>
	<script type="text/javascript" src="twitterAuthentication.js"></script> 
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Vollkorn">
</head>
<body>
	<div ng-controller="TwitterAuthenticateCtrl">
		<button ng-click="clearCookie()" class="btn"> Clear cookie </button>
		<div id="welcomeDiv" class="hidden">
			<h1> Welcome <b>{{screen_name}}!</b> </h1>
		</div>
		<span id="signinDiv" class="hidden">
			<button ng-click="twitterSignIn()" class="btn"> Sign In </button>
			<label>Enter Twitter Pin:</label>
			<input type="text" ng-model="pinfield" placeholder="Enter twitter generated pin"> 
			<button ng-click="twitterAuthenticate()" > Authenticate Me</button>

		</span>

		<form class="form-horizontal" id="topElements">
			<input class="input-lg" type="text" ng-model="searchField" placeholder="Enter twitter search query here">
			<button class="btn-success" ng-click="twitterSearchTwits()">Search on Twitter</button>
		</form>

		<div id="resultContainer">
			<div id="result" ng-repeat="data in tweetData">
				<img class="profileImage" src={{data.user.profile_image_url}}>
				<span class="tweetText" compile="data.text | linkify : data.entities.hashtags"></span>
			</div>
		</div>
		
	</div>
</body>
</html>