Skip to content

Instantly share code, notes, and snippets.

@abhisheksisodia

abhisheksisodia/projectDetails

Created June 17, 2016 19:55
Show Gist options
  • Save abhisheksisodia/94d76b5e200068402a121e401ae4c848 to your computer and use it in GitHub Desktop.
Save abhisheksisodia/94d76b5e200068402a121e401ae4c848 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
projectDetails
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web Final Lab - Portfolio Navigator</title>
<!-- javascript libraries from CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-resource.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<!-- Bootstrap from CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="css/customnav.css" />
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<style>
.chart div {
font: 10px sans-serif;
background-color: steelblue;
text-align: right;
padding: 3px;
margin: 1px;
color: white;
}
</style>
</head>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#/home" style="font-family: 'Montserrat', sans-serif; font-weight:bold;">BNSC0008 - Scotiabank - TDD/BDD Consulting</a>
</div>
</div>
</nav>
<!DOCTYPE html>
<html lang="en">
<body style="font-family: 'Montserrat', sans-serif;">
<div class="row">
<div class="col-sm-2">
<div class="panel panel-primary">
<div class="panel-heading">Overview</div>
<div class="panel-body">
<h5>Toronto</h5>
<h5>Web Practice</h5><br>
<h5>Total Hours</h5> <div class="chart">
<div style="width: 180px;">18</div> </div>
<h5>Baseline Hours</h5> <div class="chart">
<div style="width: 80px;">8</div></div><br>
<h5>Work Percent Completed</h5>
<div class="chart">
<div style="width: 60px;">30 %</div></div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-primary">
<div class="panel-heading">Team</div>
<div class="panel-body">
<table class="table table-hover table-bordered">
<thead>
<tr">
<th>Name</th>
<th>Role</th>
<th>Hours</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="projSum in projectListSummary | filter:searchText">
<td>{{projSum.Name}}</td>
<td>{{projSum.AccountingManager}}</td>
<td>{{projSum.BaselineHours}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">Data</div>
<div class="panel-body">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment