Merge pull request #13 from mastertech/improvement/phone-field

Implementa novo campo de telefone no formulario

Author: viniferay

nisia_cadastro/form.py

@@ -53,3 +53,16 @@ def __init__(self, *args, **kwargs):
         ),
         required = False
     )
+
+    phone = forms.CharField(
+        max_length=15,
+        label='Telefone',
+        widget=forms.TextInput(
+            attrs={
+                'data-mask': '(00) 00000-0000',
+                'required': True,
+                'id': 'phone_id',
+                'placeholder': 'TELEFONE'
+            }
+        )
+    )

nisia_cadastro/migrations/0004_registered_phone.py

@@ -0,0 +1,19 @@
+# Generated by Django 2.2.3 on 2020-01-30 13:57
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('nisia_cadastro', '0003_auto_20200130_1039'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='registered',
+            name='phone',
+            field=models.CharField(default=1, max_length=15),
+            preserve_default=False,
+        ),
+    ]

nisia_cadastro/models.py

@@ -7,6 +7,8 @@ class Meta:
 
     name = models.CharField(max_length=120, verbose_name='Nome')
     email = models.CharField(max_length=120, verbose_name='Email')
+    phone = models.CharField(max_length=15)
+
     role = models.CharField(
         max_length=50,
         choices=CHOICES_ROLE,

nisia_cadastro/static/js/demob.js

@@ -15,6 +15,21 @@ form.onsubmit = e => {
     grabFormData();
 };
 
+let telephoneField = document.querySelector('#phone_id')
+
+const handleChange = e => {
+   let newValue = e.target.value.replace(/\D/g, '')
+       .match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
+   e.target.value = !newValue[2] ? newValue[1] :
+       '(' + newValue[1]
+       + ') '
+       + newValue[2]
+       + (newValue[3] ? '-'
+       + newValue[3] : '');
+};
+
+telephoneField.addEventListener('input', handleChange);
+
 function getCookie(name) {
     let cookieValue = null;
     if (document.cookie) {
@@ -33,11 +48,13 @@ function getCookie(name) {
 function grabFormData() {
     let regName = document.querySelector('input[type="text"][name="name"]').value;
     let regEmail = document.querySelector('input[type="email"][name="email"]').value;
+    let regPhone = document.querySelector('input[type="text"][name="phone"]').value;
     let regRole = document.querySelector('select[name="role"]').value;
     let regStory = document.querySelector('textarea[name="story"]').value;
     let data = {
         "name": regName,
         "email": regEmail,
+        "phone": regPhone,
         "role": regRole,
         "story": regStory
     };

nisia_cadastro/templates/index.html

@@ -318,6 +318,7 @@ <h1 data-aos="fade-up" data-aos-duration="2000">ONDE VOCÊ ESTÁ <br> NESSE SIST
                 {% csrf_token %}
                 <div class="identidade__input">
                     {{ form.name }} {{ form.email }}
+                    {{ form.phone }}
                 </div>
                 <div class="identidade__form__b__a">
                     <h2> {{ form.role.label }} </h2>

nisia_cadastro/views.py

@@ -16,6 +16,7 @@ def form(request):
             registered_person = Registered()
             registered_person.name = register_form.cleaned_data['name']
             registered_person.email = register_form.cleaned_data['email']
+            registered_person.phone = register_form.cleaned_data['phone']
             registered_person.role = register_form.cleaned_data['role']
             registered_person.story = register_form.cleaned_data['story']
             try: