Above the list, the publication years represented in tabs, a detail view toogle and a search query are placed. Every year-tab or search query are updated through an ajax request. The list can be toggled between a brief and a detailed view. In the brief view only the title, authors and links/download are shown. Additionally the publication type and the journal/book/etc. are presented in the detailed view. If the publication data contain keywords or a abstract the list item can be expanded by clicking on the title.
This include was written for a website of a professorship. Therefor comments in the code are mostly written in German due to maintenance reasons.
- PHP 5.4 server (not tested below)
- Bootstrap 3 or 4
- JQuery 1.11.3 (normally requiered by Bootstrap)
- Font Awesome 5 (Javascript version)
- write rights for the script
publary/build-db.phpand the folderpublary/database/
<head>
...
<!-- Bootstrap 4 -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- Font Awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
<!-- publary -->
<link rel="stylesheet" href="publary/publary.css">
<script src="publary/publary.js"></script>
...
</head>
<body>
...
<div class="some-wrapper">
<?php require_once('publary/publary.php'); ?>
</div>
...
</body><head>
...
<!-- Bootstrap 3 -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js" integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
<!-- Font Awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
<!-- publary -->
<link rel="stylesheet" href="publary/publary.css">
<link rel="stylesheet" href="publary/publary-bs3.css">
<script src="publary/publary.js"></script>
...
</head>
<body>
...
<div class="some-wrapper">
<?php require_once('publary/publary-b3.php'); ?>
</div>
...
</body>