steve
/
mybuddy
mirror of https://github.com/snachodog/mybuddy.git
1
0
Fork 0
Code Issues 3 Packages Projects 1 Releases Wiki Activity

Use form classes to set appropriate field attributes in date/time fields. 

Using a custom input element in the template caused issues with default values (e.g. when set by a timer).
This commit is contained in:
Christopher Charbonneau Wells 2017-09-17 15:48:23 -04:00
parent dad1ff73ca
commit 98963572ba
2 changed files with 13 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
babyblotter/templates/babyblotter/form.html
View File

@ -28,12 +28,11 @@
<div class="input-group-addon" data-target="#datetimepicker_{{ field.name }}" data-toggle="datetimepicker"> <div class="input-group-addon" data-target="#datetimepicker_{{ field.name }}" data-toggle="datetimepicker">
<i class="fa fa-calendar"></i> <i class="fa fa-calendar"></i>
</div> </div>
<input name="{{ field.html_name }}" {% if field.errors %}
required="{{ field.required }}" {{ field|add_class:"form-control is-invalid" }}
class="form-control datetimepicker-input{% if field.errors %} is-invalid{% endif %}" {% else %}
data-target="#datetimepicker_{{ field.name }}" {{ field|add_class:"form-control" }}
id="id_{{ field.name }}" {% endif %}
type="text"/>
</div> </div>
</div> </div>
</div> </div>

24
core/forms.py
View File

@ -44,8 +44,7 @@ class ChildForm(forms.ModelForm):
widgets = { widgets = {
'birth_date': forms.DateInput(attrs={ 'birth_date': forms.DateInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_date',
'data-target': '#id_birth_date',
}), }),
} }
@ -57,8 +56,7 @@ class DiaperChangeForm(forms.ModelForm):
widgets = { widgets = {
'time': forms.DateTimeInput(attrs={ 'time': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_time',
'data-target': '#id_time',
}), }),
} }
@ -74,13 +72,11 @@ class FeedingForm(forms.ModelForm):
widgets = { widgets = {
'start': forms.DateTimeInput(attrs={ 'start': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_start',
'data-target': '#id_start',
}), }),
'end': forms.DateTimeInput(attrs={ 'end': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_end',
'data-target': '#id_end',
}), }),
} }
@ -106,13 +102,11 @@ class SleepForm(forms.ModelForm):
widgets = { widgets = {
'start': forms.DateTimeInput(attrs={ 'start': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_start',
'data-target': '#id_start',
}), }),
'end': forms.DateTimeInput(attrs={ 'end': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_end',
'data-target': '#id_end',
}), }),
} }
@ -154,13 +148,11 @@ class TummyTimeForm(forms.ModelForm):
widgets = { widgets = {
'start': forms.DateTimeInput(attrs={ 'start': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_start',
'data-target': '#id_start',
}), }),
'end': forms.DateTimeInput(attrs={ 'end': forms.DateTimeInput(attrs={
'class': 'datepicker-input', 'class': 'datepicker-input',
'data-toggle': 'datetimepicker', 'data-target': '#datetimepicker_end',
'data-target': '#id_end',
}), }),
} }