8000 Added navbar · FeverCode/GAwards@0cc1918 · GitHub
[go: up one dir, main page]
Skip to content

Commit 0cc1918

Browse files
FeverCodeFeverCode
committed
Added navbar
1 parent bec59ce commit 0cc1918

File tree

6 files changed

+75
-3
lines changed

6 files changed

+75
-3
lines changed

‎app/serializer.py

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,6 @@ class Meta:
2121

2222

2323
class UserSerializer(serializers.ModelSerializer):
24-
url = serializers.HyperlinkedIdentityField(view_name="app:user-detail")
2524
profile = ProfileSerializer(read_only=True)
2625
posts = PostSerializer(read_only=True,many=True)
2726

‎app/templates/base.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,8 @@
1717
{% bootstrap_css %}
1818
<script src="https://kit.fontawesome.com/08b4d018b1.js" crossorigin="anonymous"></script>
1919
<!-- CSS only -->
20+
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
21+
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.10/css/mdb.min.css" rel="stylesheet">
2022
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
2123
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
2224
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
@@ -34,6 +36,13 @@
3436
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
3537
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
3638
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
39+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
40+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
41+
<script type="text/javascript"
42+
src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
43+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.10/js/mdb.min.js"></script>
44+
<script src="https://assets.awwwards.com/dist/js/vendor.13df77655f5689a9b532.js" defer></script>
45+
<script src="https://assets.awwwards.com/dist/js/home.2734a967c43d3d4952c9.js" defer></script>
3746
<!-- JavaScript Bundle with Popper -->
3847
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
3948
<script src="{% static 'js/script.js' %}" type="text/javascript"></script>

‎app/templates/index.html

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,11 @@
1-
<h1>Works</h1>
1+
{%extends 'base.html'%}
2+
{% load bootstrap5 %}
3+
{% load static%}
4+
{%block content%}
5+
6+
<div class="container">
7+
8+
{% include "awards.html" %}
9+
</div>
10+
11+
{% endblock %}

‎app/templates/navbar.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
{% load crispy_forms_tags %}
2+
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark scrolling-navbar" id="nbar">
3+
<div class="container">
4+
<a class="navbar-brand" href="{% url 'index' %}"> <strong class="mr-4 brand"> GAwards</strong></a>
5+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
6+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
7+
<span class="navbar-toggler-icon"></span>
8+
</button>
9+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
10+
<ul class="navbar-nav mr-auto">
11+
<li class="nav-item active">
12+
<form class="form-inline" method="get" action="">
13+
{% csrf_token %}
14+
<div class="md-form my-0">
15+
<input class="form-control mr-sm-2 " type="text" placeholder="Search" name="title" aria-label="Search">
16+
</div>
17+
</form>
18+
</li>
19+
</ul>
20+
21+
<ul class="navbar-nav navbar-right">
22+
{% if user.is_authenticated%}
23+
24+
<li class="nav-item dropdown">
25+
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
26+
aria-haspopup="true"
27+
aria-expanded="false">{{ user.username|title }} <img class="rounded-circle nav-img"
28+
src="{{ user.profile.profile_picture.url }}"
29+
alt="">
30+
</a>
31+
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
32+
<a class="dropdown-item text-center" href="">Profile</a>
33+
<hr>
34+
<a class="dropdown-item text-center" href=""> Edit profile</a>
35+
<hr>
36+
<a href="" class="text-secondary text-center dropdown-item">Log Out</a>
37+
38+
39+
</div>
40+
</li>
41+
{% else %}
42+
43+
<a href="" class="login btn btn-sm btn-info"> REGISTER/LOGIN </a>
44+
{% endif %}
45+
<button class="btn btn-info btn-sm" id="site" data-toggle="modal" data-target=".bd-example-modal-xl">
46+
Submit your site
47+
</button>
48+
</ul>
49+
</div>
50+
</div>
51+
</nav>

‎app/urls.py

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
# Create a router and register our viewsets with it.
88
router = DefaultRouter()
9-
router.register('users', views.UserViewSet, basename="users")
9+
router.register('users', views.UserViewSet)
1010
router.register('posts', views.PostViewSet, basename="posts")
1111
router.register('profile', views.ProfileViewSet, basename="profile")
1212

‎awards/settings.py

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,11 @@
4646
'bootstrap5',
4747
'cloudinary',
4848
'rest_framework.authtoken',
49+
'crispy_forms',
4950
]
5051

52+
CRISPY_TEMPLATE_PACK = 'bootstrap4'
53+
5154
REST_FRAMEWORK = {
5255
'DEFAULT_AUTHENTICATION_CLASSES': (
5356
'rest_framework.authentication.TokenAuthentication',

0 commit comments

Comments
 (0)
0