In this assignment, you will expand your classified ads web site to add functionality equivalent to:
We will add a favoriting capability to your previous milestone by borrowing more parts and pieces from the code that runs:
At this point all of the challenges should be working - not all will be tested by the autograder - but we will separately check them.
(1) Make yourself a gravatar at https://en.gravatar.com/ - it is super easy and you will see your avatar when you log in in your application and elsewhere with gravatar enabled apps. The gravatar can be any thing you like - it does not have to be a picture of you.
(2) Change your
home/static/favicon.ico to a favicon of your own making. I made my favicon
at https://favicon.io/favicon-generator/ - it might not change instantly after you update the favicon
because they are cached extensively. Probably the best way to test is to go right to the favicon url
after up update the file and press 'Refresh' and.or switch browsers.
(3) Make social login work. Take a look at
github_settings-dist.py, copy it into
adlist/adlist/github_settings.py and go through the process on github to get your client ID and
secret. The documentation is in comments of the file. Also take a look at
dj4e-samples/urls.py and make sure that the "Switch to social login" code is correct
and at the end of your
# The code below dynamically switches between non-social login.html # and social_login.html when we notice that social login has been # configured in settings.py (later in the course) # Or just uncomment the path above when you enable social login from django.contrib.auth import views as auth_views try: from . import github_settings social_login = 'registration/login_social.html' urlpatterns.insert(0, path('accounts/login/', auth_views.LoginView.as_view(template_name=social_login)) ) print('Using',social_login,'as the login template') except: print('Using registration/login.html as the login template')
You can register two applications with github - one on localhost and one on PythonAnywhere. If you are
using github login on localhost - make sure that you register
http://localhost:8000/ and use that in your browser to test your site. If you
use localhost, you probably will get the
The redirect_uri MUST match the registered callback URL for this application. error message when you use social login.
In this section, you will pull bits and pieces of the
favs sample application
ads application to add support for logged in users to "favorite" and "un-favorite"
(1) Add this to your
ads/model.py, talking inspiration from
class Ad(models.Model) : ... # Favorites favorites = models.ManyToManyField(settings.AUTH_USER_MODEL, through='Fav', related_name='favorite_ads') ... class Fav(models.Model) : ad = models.ForeignKey(Ad, on_delete=models.CASCADE) user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE) # https://docs.djangoproject.com/en/2.1/ref/models/options/#unique-together class Meta: unique_together = ('ad', 'user') def __str__(self) : return '%s likes %s'%(self.user.username, self.ad.title[:10])
Of course do the migrations once you have modified the model.
(2) Add two routes to your
urls.py for the favorite features
... path('ad/<int:pk>/favorite', views.AddFavoriteView.as_view(), name='ad_favorite'), path('ad/<int:pk>/unfavorite', views.DeleteFavoriteView.as_view(), name='ad_unfavorite'), ...
(3) Look at how
retrieves the list of favorites for the current user and add code
AdListView to retrieve the favorites for the current logged in user.
(4) Alter your
ad_list.html by looking through
favs/templates/favs/list.html. Make sure to add the
parts that show the stars based on the list of favorites for this user and the
code at the end.
(5) Pull in and adapt
dj4e-samples/favs/views.py into your
It is always a good idea to manually test your application before submitting it for grading. Here are a set of manual test steps:
The most common problem is that when you click onthe star if looks good on the screen but the
fact that this is not a favorites (or not) did not get recorded in the server.
Often you will need to check the developer network console in your browser to find errors in the AJAX code.