Estoy intentando aprender Django y hasta ahora no he tenido problemas en ir incorporando nuevas opciones. Parece que he tropezado en la piedra de los JS y CSS a servir con un formulario.
Utilizando formularios de clase (AuthenticationForm, PasswordChangeForm y similares) defino en class Media:
los archivos CSS y JS que debe utilizar el formulario, pero ni escribiendo la URL completa logro que se utilicen esos ficheros.
Un ejemplo de clase:
class LoginForm(AuthenticationForm):
username = forms.CharField(label=_('username'), help_text=_('help text: login username'),
widget=forms.TextInput(
attrs={
'class': 'form-control',
'placeholder': _('e.g. johndoe')
}
),
error_messages={
'required': _('error: required username')
})
password = forms.CharField(label=_('password'), help_text=_('help text: login password'),
widget=forms.PasswordInput(
attrs={
'class': 'form-control',
'placeholder': _('e.g. c^n6*u!S')
}
),
error_messages={
'required': _('error: required password')
})
class Media:
js = ('http://127.0.0.1:8000/assets/js/show-password.js',)
también lo he intentado utilizando js = (settings.STATIC_URL + 'js/show-password.js')
y la opción que debería ser la normal js = ('js/show-password.js')
.
Todos los ficheros estáticos se están mostrando correctamente en esa URL (no es un fallo de los ficheros estáticos), e incluyendo directamente el fichero JS en la plantilla base funciona sin problema… pero no si lo limito a los formularios.
He utilizado como referencia la documentación oficial Form Assets (The Media class) y tampoco es un problema de no entender inglés.
En la vista simplemente utilizo el formulario:
class CustomLoginView(LoginView):
authentication_form = LoginForm
form_class = LoginForm
template_name = 'accounts/login.html'
def get_success_url(self):
return reverse_lazy('accounts:view', kwargs={'username': self.request.user.username})
y por el código que se recibe en el navegador, todo está en orden… menos los ficheros JS y CSS.