20c8f124e5
The reload API data button (top-right) refreshes the API for new data The refreshed API data are added to memory as well as stored in IDB. The kBucket is reloaded
129 lines
3.8 KiB
HTML
129 lines
3.8 KiB
HTML
<html lang="en">
|
|
|
|
<head>
|
|
<title>FLO Tweeter</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<!-- Font Awesome File -->
|
|
|
|
<script type="text/javascript" src="init.js"></script>
|
|
<script type="text/javascript" src="app.js"></script>
|
|
<script type="text/javascript" src="home.js"></script>
|
|
</head>
|
|
|
|
<body onload = "viewHome();">
|
|
|
|
<div class="navbar navbar-default navbar-static-top">
|
|
<div class="container">
|
|
<div class="navbar-collapse navbar-collapse-1 collapse" aria-expanded="true">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active">
|
|
<a href="home.html"><span class="glyphicon glyphicon-home"></span> Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="profile.html"><span class="glyphicon glyphicon-user"></span> Profiles</a>
|
|
</li>
|
|
<li>
|
|
<a href="msg.html"><span class="glyphicon glyphicon-envelope"></span> Messages</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="navbar-form navbar-right">
|
|
<div class="form-group has-feedback">
|
|
<input type="text" class="form-control-nav" id="search" aria-describedby="search1">
|
|
<span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true"></span>
|
|
</div>
|
|
<button class="btn btn-default btn-sm" onclick="reloadInitData()">
|
|
<span class="glyphicon glyphicon-refresh"> </span>
|
|
</button>
|
|
<button class="btn btn-default btn-sm" onclick="logout()">
|
|
<span class="glyphicon glyphicon-log-out"> </span> Log out
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<h5>
|
|
<div id="profileName"></div>
|
|
<small id="profileFloID"></small>
|
|
</h5>
|
|
<div class="row">
|
|
<div class="col-xs-3">
|
|
<h5>
|
|
<small>TWEETS</small>
|
|
<a href="#" id="tweetCount">-</a>
|
|
</h5>
|
|
</div>
|
|
<div class="col-xs-4">
|
|
<h5>
|
|
<small>FOLLOWING</small>
|
|
<a href="#" id="followingCount">-</a>
|
|
</h5>
|
|
</div>
|
|
<div class="col-xs-4">
|
|
<h5>
|
|
<small>FOLLOWERS</small>
|
|
<a href="#" id="followersCount">-</a>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default panel-custom">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-6">
|
|
|
|
<div class="panel panel-info">
|
|
<div class="panel-heading">
|
|
<div class="media">
|
|
<div class="media-body container" >
|
|
<div class="form-group has-feedback">
|
|
<textarea style="resize:vertical" class="form-control" id="tweetBox" placeholder="Whats Happening..."></textarea>
|
|
<button onclick="postTweet()" class="btn btn-primary pull-right" >
|
|
<span class="glyphicon glyphicon-pencil" aria-hidden="true"> </span> Tweet
|
|
</button>
|
|
</div>
|
|
<hr/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body" id="tweetsContainer">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
|
|
<div class="panel panel-default panel-custom">
|
|
<div class="panel-footer">
|
|
<h3 class="panel-title">
|
|
Profiles
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body" id="profileList">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |