Implemented lookup of locations on user registration

Author: maggiofrancesco

.idea/workspace.xml

@@ -39,6 +39,7 @@
     'django.contrib.staticfiles',
     'recommender_webapp.apps.RecommenderConfig',
     'crispy_forms',
+    'ajax_select',
 ]
 
 CRISPY_TEMPLATE_PACK = 'bootstrap3'

pugliaeventi/settings.py

@@ -15,17 +15,23 @@
 """
 from django.conf.urls import url
 from django.contrib import admin
-from django.shortcuts import render
+from django.urls import include
 
 from recommender_webapp import views
 from pugliaeventi import views as main_views
+from ajax_select import urls as ajax_select_urls
 
 urlpatterns = [
     url(r'^$', main_views.index, name='index'),
     url(r'^admin/', admin.site.urls),
     url(r'^login/', views.user_login, name='login'),
     url(r'^logout/', views.user_logout, name='logout'),
     url(r'^register/', views.user_signup, name='register'),
+
+    # place it at whatever base url you like
+    url(r'^ajax_select/', include(ajax_select_urls)),
+
+    #path(r'^ajax/load-cities/', views.load_cities, name='ajax_load_cities'),
     #url(r'.*', lambda request: render(request, '404.html'), name='404')
 
 ]

pugliaeventi/urls.py

@@ -19,3 +19,6 @@ def index(request):
         user_data['empathy'] = user.profile.empathy
 
     return render(request, 'base.html', user_data)
+
+
+

pugliaeventi/views.py

@@ -1,41 +1,50 @@
 from django import forms
 from django.forms.widgets import PasswordInput
+from ajax_select.fields import AutoCompleteField
 
-from recommender_webapp.models import User, Profile
-
-
-class UserForm(forms.ModelForm):
-    class Meta:
-        model = User
-        fields = ('email', 'password', 'first_name', 'last_name')
+from recommender_webapp.models import User, Profile, Comune
 
 
 class ProfileForm(forms.ModelForm):
     class Meta:
         model = Profile
         fields = ('location',)
 
+    location = AutoCompleteField('cities')
+
+    def clean(self, *args, **kwargs):
+        location = self.cleaned_data.get('location')
+        location_found = Comune.objects.filter(nome__iexact=location)
+        if not location_found.exists():
+            raise forms.ValidationError("Location not found")
+
 
 class UserRegisterForm(forms.ModelForm):
     email = forms.EmailField(label='Email address')
     email2 = forms.EmailField(label='Confirm Email')
     password = forms.CharField(widget=PasswordInput)
+    password2 = forms.CharField(widget=PasswordInput, label='Confirm Password')
 
     class Meta:
         model = User
         fields = [
             'email',
             'email2',
             'password',
+            'password2',
             'first_name',
             'last_name'
         ]
 
     def clean(self, *args, **kwargs):
         email = self.cleaned_data.get('email')
         email2 = self.cleaned_data.get('email2')
+        password = self.cleaned_data.get('password')
+        password2 = self.cleaned_data.get('password2')
         if email != email2:
             raise forms.ValidationError("Emails must match")
+        if password != password2:
+            raise forms.ValidationError("Passwords must match")
 
         email_qs = User.objects.filter(email=email)
         if email_qs.exists():

recommender_webapp/forms.py

@@ -0,0 +1,26 @@
+from ajax_select import register, LookupChannel
+from .models import Comune
+
+
+@register('cities')
+class TagsLookup(LookupChannel):
+
+    model = Comune
+
+    def check_auth(self, request):
+        return True
+
+    def get_query(self, q, request):
+        return self.model.objects.filter(nome__icontains=q).order_by('nome')
+
+    def get_result(self, obj):
+        """ result is the simple text that is the completion of what the person typed """
+        return obj.nome
+
+    def format_match(self, obj):
+        """ (HTML) formatted item for display in the dropdown """
+        return self.format_item_display(obj)
+
+    def format_item_display(self, item):
+        """ (HTML) formatted item for displaying item in the selected deck area """
+        return u"<span class='tag'>%s</span>" % item.nome

recommender_webapp/lookups.py

@@ -6,6 +6,7 @@
 from django.views.decorators.csrf import csrf_protect
 
 from recommender_webapp.forms import ProfileForm, UserRegisterForm
+from recommender_webapp.models import Comune
 
 
 @csrf_protect
@@ -41,13 +42,14 @@ def user_signup(request):
         location = profile_form.cleaned_data.get('location')
         user.set_password(password)
         user.save()
-        user.profile.location = location
+
+        location_found = Comune.objects.filter(nome__iexact=location)
+        user.profile.location = location_found.first().nome
         user.save()
+
         new_user = authenticate(username=user.email, password=password)
         login(request, new_user)
-
         return redirect('/')
-        # return render(request, 'base.html', {'message': 'Registered successfully, congratulations! Please login'})
 
     context = {
         'user_form': user_form,

recommender_webapp/views.py

@@ -8,8 +8,8 @@
     {% load static %}
     <link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet" id="bootstrap-css">
     <link href="{% static "css/navbar.css" %}" rel="stylesheet">
-    <script src="{% static "js/jquery-1.10.2.min.js.download" %}"></script>
-    <script src="{% static "js/bootstrap.min.js.download" %}"></script>
+    <script src="{% static "js/jquery-1.10.2.min.js" %}"></script>
+    <script src="{% static "js/bootstrap.min.js" %}"></script>
     <link href="{% static "css/font-awesome.min.css" %}" rel="stylesheet">
     <link href="{% static "css/bootstrap-social.css" %}" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}"/>

templates/base.html

@@ -0,0 +1,4 @@
+<option value="">---------</option>
+{% for city in cities %}
+<option value="{{ city.name }}">{{ city.name }}</option>
+{% endfor %}

templates/city_dropdown_list_options.html

@@ -1,18 +1,18 @@
 {% load crispy_forms_tags %}
-<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
-<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
 <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 <!------ Include the above in your HEAD tag ---------->
 
 <!DOCTYPE html>
 <html lang="en">
     <head>
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
 
 		<{% load static %}
-        <link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet" id="bootstrap-css">
         <link href="{% static "css/font-awesome.min.css" %}" rel="stylesheet">
+        <link href="{% static "css/selectstyle.css" %}" rel="stylesheet">
+        <script src="{% static "js/selectstyle.js" %}"></script>
 
 		<!-- Google Fonts -->
 		<link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css'>
@@ -99,6 +99,7 @@ <h1 class="title">Welcome to Join Us!</h1>
 
                         {% csrf_token %}
                         {{ user_form|crispy}}
+                        {{ profile_form.media }}
                         {{ profile_form|crispy }}
 
 						<div class="form-group ">
@@ -109,7 +110,20 @@ <h1 class="title">Welcome to Join Us!</h1>
 				</div>
 			</div>
 		</div>
-
-		<script type="text/javascript" src="assets/js/bootstrap.js"></script>
 	</body>
+
+    <script>
+
+        // })
+          /*var url = $("#personForm").attr("data-cities-url");  // get the url of the `load_cities` view
+
+          $.ajax({                       // initialize an AJAX request
+            url: url,                    // set the url of the request (= localhost:8000/hr/ajax/load-cities/)
+
+            success: function (data) {   // `data` is the return of the `load_cities` view function
+              $("#id_location").html(data);  // replace the contents of the city input with the data that came from the server
+            }
+          });*/
+    </script>
+
 </html>