Fakultas Ilmu Komputer UI

Commit facac159 authored by Ken Reinhart's avatar Ken Reinhart
Browse files

still struggling with the css

parent 50b67d1e
Pipeline #58140 passed with stages
in 29 minutes
......@@ -225,71 +225,73 @@
</div>
</div>
</div>
</div>
<div>
<div class="row menu-wrapper mr-4 ml-4 p-3">
<nav class="navbar navbar-expand-sm border-top border-bottom p-0 mt-3 mb-3">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#similar">Pengunjung yang melihat buku ini juga melihat</a>
</li>
</ul>
</nav>
</div>
<div class="row materi-data mr-4 ml-4 p-3 shadow-sm rounded">
<div class="cover">
<img src={{materi_data.cover.url}} alt="cover">
</div>
<div class="col-9 book">
<div class="similar-material">
{% for item in materi_list %}
<div class="card book">
<img src={{item.cover.url}} class="card-img-top" alt="cover"
style="height:200px; widows: 200px;; overflow: hidden;"></img>
<div class="card-body">
<h5 class="card-title">{{item.title}}</h5>
<p class="card-text">{{item.author}}</p>
<p class="card-text">Diunggah oleh
<a class="card-link" href="{% url 'katalog-per-kontributor' item.uploader.email %}">
{{item.uploader.name}}
</a>
</p>
<div class="row menu-wrapper mr-4 ml-4 p-3">
<nav class="navbar navbar-expand-sm border-top border-bottom p-0 mt-3 mb-3">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#similar">Pengunjung yang melihat buku ini juga melihat</a>
</li>
</ul>
</nav>
</div>
<div class="row menu-wrapper mr-4 ml-4 p-3">
<div class="col-3">
<!--Related Material-->
{% for item in materi_list %}
<div class="card book">
<img src={{item.cover.url}} class="card-img-top" alt="cover"
style="height:200px; widows: 200px;; overflow: hidden;"></img>
<div class="card-body">
<h5 class="card-title">{{item.title}}</h5>
<p class="card-text">{{item.author}}</p>
<p class="card-text">Diunggah oleh
<a class="card-link" href="{% url 'katalog-per-kontributor' item.uploader.email %}">
{{item.uploader.name}}
</a>
</p>
<a href="{% url 'view-materi' item.id %}" class="btn btn-book">Baca</a>
<a href="{% url 'detail-materi' item.id %}" class="btn btn-book">Detail</a>
</div>
</div>
{% endfor %}
<div class="center">
<div class="pagination">
<span class="step-links">
<span class="current">
Page {{ materi_list.number }} of {{ materi_list.paginator.num_pages }}
</span>
</div>
</div>
{% endfor %}
<!--Pagination-->
<div class="center">
<div class="pagination">
<span class="step-links">
<span class="current">
Page {{ materi_list.number }} of {{ materi_list.paginator.num_pages }}
</span>
<br>
</br>
<br>
</br>
{% if materi_list.has_previous %}
<a href="?page=1{{url}}">&laquo; first</a>
<a href="?page={{ materi_list.previous_page_number }}{{url}}">previous</a>
{% endif %}
{% if materi_list.has_previous %}
<a href="?page=1{{url}}">&laquo; first</a>
<a href="?page={{ materi_list.previous_page_number }}{{url}}">previous</a>
{% endif %}
{% if materi_list.has_next %}
<a href="?page={{ materi_list.next_page_number }}{{url}}">next</a>
<a href="?page={{ materi_list.paginator.num_pages }}{{url}}">last &raquo;</a>
{% endif %}
</span>
</div>
{% if materi_list.has_next %}
<a href="?page={{ materi_list.next_page_number }}{{url}}">next</a>
<a href="?page={{ materi_list.paginator.num_pages }}{{url}}">last &raquo;</a>
{% endif %}
</span>
</div>
</div>
</div>
</div>
</div>
<div class="row menu-wrapper mr-4 ml-4 p-3">
<!--Description and Comment-->
<div class="row menu-wrapper mr-4 ml-4 p-3 bg-f8f8fc">
<nav class="navbar navbar-expand-sm border-top border-bottom p-0 mt-3 mb-3">
<ul class="navbar-nav">
<li class="nav-item">
......@@ -351,15 +353,18 @@
{% endfor %}
</div>
{% endif %}
</div>
</div>
<footer class="sticky-footer bg-white p-4">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Diskominfo Kota Depok 2020</span>
<!-- Footer-->
<div>
<footer class="sticky-footer bg-white p-4">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Diskominfo Kota Depok 2020</span>
</div>
</div>
</div>
</footer>
</footer>
</div>
<!-- Modal -->
<div class="modal fade" id="notLoggedInModal" tabindex="-1" role="dialog" aria-labelledby="notLoggedInModalLabel"
......
......@@ -182,7 +182,6 @@
</div>
</div>
</div>
<!-- /.container -->
</body>
......
......@@ -161,7 +161,7 @@ class DetailMateri(TemplateView):
lstMateri = lstMateri.filter(categories=kategori.pk)
context["materi_list"] = lstMateri
paginator = Paginator(context["materi_list"], 15)
paginator = Paginator(context["materi_list"], 4)
page_number = request.GET.get('page')
page_obj = paginator.get_page(page_number)
context["materi_list"] = page_obj
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment