You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.2 KiB
55 lines
2.2 KiB
<html ng-app="worldbank">
|
|
<head>
|
|
<title>
|
|
</title>
|
|
<link href='https://fonts.googleapis.com/css?family=Old+Standard+TT:700' rel='stylesheet' type='text/css'>
|
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
|
<script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js'></script>
|
|
<script type="text/javascript" src="/js/app.js"></script>
|
|
</head>
|
|
|
|
<body ng-controller="mainController as ctrl">
|
|
|
|
<div id="container">
|
|
<h1 id="header">World Bank Loan Records Finder</h1>
|
|
<p id="subheader">Number of records: {{ ctrl.numberOfRecords }}</p>
|
|
|
|
<div id="left">
|
|
<div ng-repeat="info in ctrl.infoList">
|
|
<h3 class="region-title">{{ info.region }}</h3>
|
|
<h4 class="project-name">{{ info.projectname }}</h4>
|
|
<p class="project-abstract">{{ info.projectabstract }}</p>
|
|
<span class="loan">Total loan: </span><span class="loanamnt"> {{ info.loanamnt }}</span>
|
|
<p>Year approved: {{ info.year}}</p>
|
|
|
|
<br/>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="right">
|
|
<div>
|
|
<span class="search-text">Search for records by region:  </span>
|
|
<input class="region-search" type="text" ng-model="searchBox" placeholder="region name">
|
|
<ul>
|
|
<span class="region-select" ng-repeat="region in ctrl.regionList.sort() | filter:searchBox" ng-click="ctrl.getByRegion(region)">{{ region }}     </span>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="new-record-container">
|
|
<p id="new-record-title">ADD NEW RECORD</p>
|
|
<form name="newRecordForm" ng-submit="ctrl.processForm()">
|
|
<input class="new-record-input" type="text" placeholder="region name" ng-model="ctrl.formdata.region"></br>
|
|
<input class="new-record-input" type="text" placeholder="project name" ng-model="ctrl.formdata.projectname"></br>
|
|
<textarea class="new-record-input new-project-abstract" type="text" placeholder="project abstract" ng-model="ctrl.formdata.projectabstract"></textarea></br>
|
|
<input class="new-record-input" type="text" placeholder="year approved" ng-model="ctrl.formdata.year"></br>
|
|
<input class="new-record-input" type="text" placeholder="loan amount" ng-model="ctrl.formdata.loanamnt"></br>
|
|
<button id="new-record-submit" type="submit">SUBMIT</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |