sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

adding more explanation, changing course like icon to heart

Browse Source
This commit is contained in:
Sander Roosendaal
2024-04-09 14:47:14 +02:00
parent a0874ef693
commit 7449219c6e
3 changed files with 95 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
rowers/templates/list_courses.html
View File

@@ -92,9 +92,9 @@
{% if not user.is_anonymous %}
<td>
{% if course in rower.followed_courses.all %}
<a class="unfollow" href="/rowers/courses/{{ course.id }}/unfollow"><span class="icon"><i class="fas fa-star"></i></span></a>
<a class="unfollow" href="/rowers/courses/{{ course.id }}/unfollow"><span class="icon"><i class="fas fa-heart"></i></span></a>
{% else %}
<a class="follow" href="/rowers/courses/{{ course.id }}/follow"><span class="icon"><i class="far fa-star"></i></span></a>
<a class="follow" href="/rowers/courses/{{ course.id }}/follow"><span class="icon"><i class="far fa-heart"></i></span></a>
{% endif %}
</tr>
{% endif %}
@@ -178,10 +178,10 @@
console.log(response);
$ajaxLink.removeClass('follow').addClass('unfollow');
$ajaxLink.attr('href', '/rowers/courses/' + id + '/unfollow')
$ajaxLink.find('i').removeClass('far').removeClass('fa-star').addClass('fas').addClass('fa-star'); // Change star icon to filled
$ajaxLink.find('.icon i').attr('class', 'fas fa-star');
$ajaxLink.find('i').removeClass('far').removeClass('fa-heart').addClass('fas').addClass('fa-heart'); // Change star icon to filled
$ajaxLink.find('.icon i').attr('class', 'fas fa-heart');
$ajaxLink.find('.icon i').html('');
$ajaxLink.html('<span class="icon"><i class="fas fa-star"></i></span>');
$ajaxLink.html('<span class="icon"><i class="fas fa-heart"></i></span>');
},
error: function(xhr, status, error) {
@@ -204,10 +204,10 @@
console.log(response);
$ajaxLink.removeClass('unfollow').addClass('follow');
$ajaxLink.attr('href', '/rowers/courses/' + id + '/follow')
$ajaxLink.find('i').removeClass('fas').removeClass('fa-star').addClass('far').addClass('fa-star'); // Change star icon to outline
$ajaxLink.find('.icon i').attr('class', 'far fa-star');
$ajaxLink.find('i').removeClass('fas').removeClass('fa-heart').addClass('far').addClass('fa-heart'); // Change star icon to outline
$ajaxLink.find('.icon i').attr('class', 'far fa-heart');
$ajaxLink.find('.icon i').html('');
$ajaxLink.html('<span class="icon"><i class="far fa-star"></i></span>');
$ajaxLink.html('<span class="icon"><i class="far fa-heart"></i></span>');
},
error: function(xhr, status, error) {
console.error(error);