5
5
{% block body %}
6
6
{% endblock %}
7
7
{% block content %}
8
- < h1 > Your Profile</ h1 >
9
- < div >
10
- {% bootstrap_label object.timezone %}
8
+ < h1 class ="display-5 mb-4 "> Your Volunteer Profile</ h1 >
9
+
10
+ < div class ="card mb-4 ">
11
+ < div class ="card-header ">
12
+ < h5 class ="card-title mb-0 "> Basic Information</ h5 >
13
+ </ div >
14
+ < div class ="card-body ">
15
+ < div class ="row mb-3 ">
16
+ < div class ="col-md-3 fw-bold "> Username:</ div >
17
+ < div class ="col-md-9 "> {{ object.user.username }}</ div >
18
+ </ div >
19
+ < div class ="row mb-3 ">
20
+ < div class ="col-md-3 fw-bold "> Name:</ div >
21
+ < div class ="col-md-9 "> {{ object.user.first_name }} {{ object.user.last_name }}</ div >
22
+ </ div >
23
+ < div class ="row mb-3 ">
24
+ < div class ="col-md-3 fw-bold "> Email:</ div >
25
+ < div class ="col-md-9 "> {{ object.user.email }}</ div >
26
+ </ div >
27
+ < div class ="row mb-3 ">
28
+ < div class ="col-md-3 fw-bold "> Timezone:</ div >
29
+ < div class ="col-md-9 "> {{ object.timezone }}</ div >
30
+ </ div >
31
+ < div class ="row mb-3 ">
32
+ < div class ="col-md-3 fw-bold "> PyLadies Chapter:</ div >
33
+ < div class ="col-md-9 "> {{ object.pyladies_chapter|default:"Not specified" }}</ div >
34
+ </ div >
35
+ < div class ="row mb-3 ">
36
+ < div class ="col-md-3 fw-bold "> Application Status:</ div >
37
+ < div class ="col-md-9 "> {{ object.application_status }}</ div >
38
+ </ div >
39
+ < div class ="row mb-3 ">
40
+ < div class ="col-md-3 fw-bold "> Languages:</ div >
41
+ < div class ="col-md-9 ">
42
+ {% for language in object.languages_spoken %}
43
+ < span class ="badge bg-info text-dark me-1 "> {{ language }}</ span >
44
+ {% endfor %}
45
+ </ div >
46
+ </ div >
47
+ </ div >
11
48
</ div >
12
- {% bootstrap_label object.github_username %}
13
- {% bootstrap_label object.instagram_username %}
14
- {% bootstrap_label object.discord_username %}
15
- < div >
16
- {% bootstrap_label object.status %}
49
+
50
+ < div class ="card mb-4 ">
51
+ < div class ="card-header ">
52
+ < h5 class ="card-title mb-0 "> Teams & Roles</ h5 >
53
+ </ div >
54
+ < div class ="card-body ">
55
+ < div class ="row mb-3 ">
56
+ < div class ="col-md-3 fw-bold "> Teams:</ div >
57
+ < div class ="col-md-9 ">
58
+ {% if object.teams.all %}
59
+ {% for team in object.teams.all %}
60
+ < span class ="badge bg-primary me-1 "> {{ team.short_name }}</ span >
61
+ {% endfor %}
62
+ {% else %}
63
+ Not assigned to any teams yet
64
+ {% endif %}
65
+ </ div >
66
+ </ div >
67
+ < div class ="row mb-3 ">
68
+ < div class ="col-md-3 fw-bold "> Roles:</ div >
69
+ < div class ="col-md-9 ">
70
+ {% if object.roles.all %}
71
+ {% for role in object.roles.all %}
72
+ < span class ="badge bg-secondary me-1 "> {{ role.short_name }}</ span >
73
+ {% endfor %}
74
+ {% else %}
75
+ No roles assigned yet
76
+ {% endif %}
77
+ </ div >
78
+ </ div >
79
+ </ div >
17
80
</ div >
18
- < div >
19
- {% bootstrap_label object.pyladies_chapter %}
81
+
82
+ < div class ="card mb-4 ">
83
+ < div class ="card-header ">
84
+ < h5 class ="card-title mb-0 "> Social Media</ h5 >
85
+ </ div >
86
+ < div class ="card-body ">
87
+ {% if object.github_username or object.discord_username or object.instagram_username or object.bluesky_username or object.mastodon_url or object.x_username or object.linkedin_url %}
88
+ {% if object.github_username %}
89
+ < div class ="row mb-2 ">
90
+ < div class ="col-md-3 fw-bold "> GitHub:</ div >
91
+ < div class ="col-md-9 "> {{ object.github_username }}</ div >
92
+ </ div >
93
+ {% endif %}
94
+
95
+ {% if object.discord_username %}
96
+ < div class ="row mb-2 ">
97
+ < div class ="col-md-3 fw-bold "> Discord:</ div >
98
+ < div class ="col-md-9 "> {{ object.discord_username }}</ div >
99
+ </ div >
100
+ {% endif %}
101
+
102
+ {% if object.instagram_username %}
103
+ < div class ="row mb-2 ">
104
+ < div class ="col-md-3 fw-bold "> Instagram:</ div >
105
+ < div class ="col-md-9 "> {{ object.instagram_username }}</ div >
106
+ </ div >
107
+ {% endif %}
108
+
109
+ {% if object.bluesky_username %}
110
+ < div class ="row mb-2 ">
111
+ < div class ="col-md-3 fw-bold "> Bluesky:</ div >
112
+ < div class ="col-md-9 "> {{ object.bluesky_username }}</ div >
113
+ </ div >
114
+ {% endif %}
115
+
116
+ {% if object.mastodon_url %}
117
+ < div class ="row mb-2 ">
118
+ < div class ="col-md-3 fw-bold "> Mastodon:</ div >
119
+ < div class ="col-md-9 "> {{ object.mastodon_url }}</ div >
120
+ </ div >
121
+ {% endif %}
122
+
123
+ {% if object.x_username %}
124
+ < div class ="row mb-2 ">
125
+ < div class ="col-md-3 fw-bold "> X/Twitter:</ div >
126
+ < div class ="col-md-9 "> {{ object.x_username }}</ div >
127
+ </ div >
128
+ {% endif %}
129
+
130
+ {% if object.linkedin_url %}
131
+ < div class ="row mb-2 ">
132
+ < div class ="col-md-3 fw-bold "> LinkedIn:</ div >
133
+ < div class ="col-md-9 "> {{ object.linkedin_url }}</ div >
134
+ </ div >
135
+ {% endif %}
136
+ {% else %}
137
+ < p > No social media profiles added</ p >
138
+ {% endif %}
139
+ </ div >
140
+ </ div >
141
+
142
+ < div class ="mt-4 ">
143
+ < a class ="btn btn-primary " href ="{% url 'volunteer:volunteer_profile_edit' object.pk %} "> Edit Profile</ a >
144
+ < a class ="btn btn-secondary " href ="{% url 'volunteer:index' %} "> Back to Volunteer Dashboard</ a >
20
145
</ div >
21
146
{% endblock %}
0 commit comments