angular.module('plunker', ['ui-bootstrap'])
.controller('MainCtrl', function($scope) {
$scope.foo = {
bar: 'world'
};
$scope.loantypes = [
{id: 1, loantype: 'All-In', ltPath: 'ali'}, {id: 2, loantype: 'Ag-Input', ltPath: 'agi'},
{id: 3, loantype: 'Ag-Pro', ltPath: 'agp'},
{id: 4, loantype: 'Capital-Bridge', ltPath: 'cbr'},
];
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link data-require="bootstrap@*" data-semver="3.2.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />
<link data-require="bootstrap-css@3.1.*" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<script data-require="bootstrap@*" data-semver="3.2.0" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.js"></script>
<script data-require="angular.js@*" data-semver="1.3.4" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script data-require="ui-bootstrap@*" data-semver="0.12.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<div class="nav_banner" style="z-index:3;">
<span class="navbar">
<a href="#/">
Loan Listing
</a>
|
<a ui-sref="management">
Loan Management
</a>
|
<span class="dropdown" on-toggle="toggled(open)">
<a href class="dropdown-toggle">
New Loan Application
</a>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="l in loantypes">
<a ng-click="newLoan(l.ltPath)">
{{l.loantype}}
</a>
</li>
</ul>
</span>
|
<span class="dropdown" on-toggle="toggled(open)">
<a href class="dropdown-toggle">
Library
</a>
<ul class="dropdown-menu" role="menu">
<li><a ui-sref="resources">
Employee Resources</a>
</li>
<li>
<a ui-sref="loan_products">Loan Products</a>
</li>
<li>
<a ui-sref="legal_docs">Legal Documents</a>
</li>
<li>
<a ui-sref="pols_procs">Policies & Procedures</a>
</li>
<li>
<a ui-sref="pdf_apps">Loan Applications (.pdf)</a>
</li>
<li>
<a ui-sref="legend">Legend</a>
</li>
</ul>
</span>
<span ng-show="user.is_admin">
|
<a ui-sref="admin.users">
Admin
</a>
</span>
</span>
<span class="search_box" style="display:none;"></span>
</div>
<br><br>
<table class="table table-striped">
<tr>
<th>ID</th>
<th>NAME</th>
<th>AMOUNT</th>
<th>DUE DATE</th>
<th>STATUS</th>
</tr>
</table>
</body>
</html>
/* Put your css in here */