mirror of
https://github.com/Febbweiss/pdf-reader.git
synced 2026-03-04 22:25:38 +00:00
93 lines
2.8 KiB
HTML
93 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Documents</title>
|
|
|
|
<link rel="stylesheet" href="bower_components/bulma/css/bulma.css">
|
|
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
|
|
|
|
<script src="bower_components/pdfjs-dist/build/pdf.js"></script>
|
|
<script src="bower_components/pdfjs-dist/build/pdf.worker.js"></script>
|
|
|
|
<script src="bower_components/angular/angular.min.js"></script>
|
|
<script src="bower_components/angular-pdf/dist/angular-pdf.min.js"></script>
|
|
<script src="bower_components/angularUtils-pagination/dirPagination.js"></script>
|
|
|
|
<script src="js/pdf-reader.js"></script>
|
|
|
|
<style type="text/css">
|
|
nav {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.none {
|
|
display: none;
|
|
}
|
|
|
|
.pageInput {
|
|
width: 15%;
|
|
}
|
|
|
|
.rotate0 {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
|
.rotate90 {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
|
|
.rotate180 {-webkit-transform: rotate(180deg); transform: rotate(180deg); }
|
|
.rotate270 {-webkit-transform: rotate(270deg); transform: rotate(270deg); }
|
|
</style>
|
|
</head>
|
|
|
|
<body ng-app="pdfReader">
|
|
|
|
|
|
<div class="columns" ng-controller="PdfListController">
|
|
<div class="column">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<span class="is-size-3">Documents</span>
|
|
</div>
|
|
<div class="column is-narrow is-centered">
|
|
<div class="field">
|
|
<div class="control has-icons-left">
|
|
<input class="input" type="text" placeholder="Search a document" ng-model="searchManual">
|
|
<span class="icon is-small is-left">
|
|
<i class="fa fa-search"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table class="table is-striped is-fullwidth">
|
|
<tbody>
|
|
<tr dir-paginate="pdf in pdfs | filter:searchManual | orderBy:'title' | itemsPerPage:10">
|
|
<td>{{pdf.title}}</td>
|
|
<td><a href="#" ng-click="view(pdf)" class="button is-primary is-small"><i class="fa fa-eye"></i></a></td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<td>
|
|
<dir-pagination-controls
|
|
max-size="7"
|
|
direction-links="true"
|
|
boundary-links="true"
|
|
template-url="partials/pagination.html"
|
|
>
|
|
</dir-pagination-controls>
|
|
</td>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
<div class="column box">
|
|
<div class="is-size-3">
|
|
<span>
|
|
{{pdfName}}
|
|
</span>
|
|
<progress class="progress is-small is-primary {{loading}}" value="{{progress}}" max="100">{{progress}}%</progress>
|
|
</div>
|
|
<ng-pdf template-url="partials/viewer.html" scale="page-fit"></ng-pdf>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|