summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorDan McGee <dan@archlinux.org>2012-09-05 09:29:38 -0500
committerDan McGee <dan@archlinux.org>2012-09-05 09:29:38 -0500
commitacf252f7f3c0af95b3e90f07d0e4d878e4d0d776 (patch)
tree6b4f028a37575d4cba96f2c3975713dfc14be10c /templates
parent913eb8c53e35fbba88c62829dde4deb1426df191 (diff)
Add some HTML5-ization in JS of various input attributes
On the login page, give focus to the username box when the page loads as well as turning autocorrection and auto-capitalization off on the username box. For the developer profile page, we can add some minor validation and typing of certain form fields that allow things like iPhone and Android to customize the presented keyboard to the user, as well as allowing browsers to do some client-side validation. Signed-off-by: Dan McGee <dan@archlinux.org>
Diffstat (limited to 'templates')
-rw-r--r--templates/devel/profile.html14
-rw-r--r--templates/registration/login.html11
2 files changed, 25 insertions, 0 deletions
diff --git a/templates/devel/profile.html b/templates/devel/profile.html
index b6580ab8..9806552a 100644
--- a/templates/devel/profile.html
+++ b/templates/devel/profile.html
@@ -1,4 +1,6 @@
{% extends "base.html" %}
+{% load static from staticfiles %}
+
{% block title %}Arch Linux - Edit Profile{% endblock %}
{% block content %}
@@ -22,4 +24,16 @@
</form>
</div>
+
+{% load cdn %}{% jquery %}
+<script type="text/javascript" src="{% static "archweb.js" %}"></script>
+<script type="text/javascript">
+ modify_attributes({
+ '#id_email': {type: 'email'},
+ '#id_alias': {autocorrect: 'off', autocapitalize: 'off'},
+ '#id_public_email': {autocorrect: 'off', autocapitalize: 'off'},
+ '#id_website': {type: 'url'},
+ '#id_yob': {pattern: '[0-9]*'}
+ });
+</script>
{% endblock %}
diff --git a/templates/registration/login.html b/templates/registration/login.html
index ad1ac1ea..edbb77ea 100644
--- a/templates/registration/login.html
+++ b/templates/registration/login.html
@@ -1,4 +1,6 @@
{% extends "base.html" %}
+{% load static from staticfiles %}
+
{% block title %}Arch Linux - Developer Login{% endblock %}
{% block content %}
@@ -19,4 +21,13 @@
</form>
</div>
+
+{% load cdn %}{% jquery %}
+<script type="text/javascript" src="{% static "archweb.js" %}"></script>
+<script type="text/javascript">
+ modify_attributes({
+ '#id_username': {autocorrect: 'off', autocapitalize: 'off'}
+ });
+ $('#id_username').focus();
+</script>
{% endblock %}