Created
September 13, 2011 05:20
-
-
Save faruken/1213177 to your computer and use it in GitHub Desktop.
web.py's form.py HTML5 forms features.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
""" | |
HTML forms | |
(part of web.py) | |
""" | |
import copy, re | |
import webapi as web | |
import utils, net | |
def attrget(obj, attr, value=None): | |
if hasattr(obj, 'has_key') and obj.has_key(attr): return obj[attr] | |
if hasattr(obj, attr): return getattr(obj, attr) | |
return value | |
class Form(object): | |
r""" | |
HTML form. | |
>>> f = Form(Textbox("x")) | |
>>> f.render() | |
u'<table>\n <tr><th><label for="x">x</label></th><td><input type="text" id="x" name="x"/></td></tr>\n</table>' | |
""" | |
def __init__(self, *inputs, **kw): | |
self.inputs = inputs | |
self.valid = True | |
self.note = None | |
self.validators = kw.pop('validators', []) | |
def __call__(self, x=None): | |
o = copy.deepcopy(self) | |
if x: o.validates(x) | |
return o | |
def render(self): | |
out = '' | |
out += self.rendernote(self.note) | |
out += '<table>\n' | |
for i in self.inputs: | |
html = utils.safeunicode(i.pre) + i.render() + self.rendernote(i.note) + utils.safeunicode(i.post) | |
if i.is_hidden(): | |
out += ' <tr style="display: none;"><th></th><td>%s</td></tr>\n' % (html) | |
else: | |
out += ' <tr><th><label for="%s">%s</label></th><td>%s</td></tr>\n' % (i.id, net.websafe(i.description), html) | |
out += "</table>" | |
return out | |
def render_css(self): | |
out = [] | |
out.append(self.rendernote(self.note)) | |
for i in self.inputs: | |
if not i.is_hidden(): | |
out.append('<label for="%s">%s</label>' % (i.id, net.websafe(i.description))) | |
out.append(i.pre) | |
out.append(i.render()) | |
out.append(self.rendernote(i.note)) | |
out.append(i.post) | |
out.append('\n') | |
return ''.join(out) | |
def rendernote(self, note): | |
if note: return '<strong class="wrong">%s</strong>' % net.websafe(note) | |
else: return "" | |
def validates(self, source=None, _validate=True, **kw): | |
source = source or kw or web.input() | |
out = True | |
for i in self.inputs: | |
v = attrget(source, i.name) | |
if _validate: | |
out = i.validate(v) and out | |
else: | |
i.set_value(v) | |
if _validate: | |
out = out and self._validate(source) | |
self.valid = out | |
return out | |
def _validate(self, value): | |
self.value = value | |
for v in self.validators: | |
if not v.valid(value): | |
self.note = v.msg | |
return False | |
return True | |
def fill(self, source=None, **kw): | |
return self.validates(source, _validate=False, **kw) | |
def __getitem__(self, i): | |
for x in self.inputs: | |
if x.name == i: return x | |
raise KeyError, i | |
def __getattr__(self, name): | |
# don't interfere with deepcopy | |
inputs = self.__dict__.get('inputs') or [] | |
for x in inputs: | |
if x.name == name: return x | |
raise AttributeError, name | |
def get(self, i, default=None): | |
try: | |
return self[i] | |
except KeyError: | |
return default | |
def _get_d(self): #@@ should really be form.attr, no? | |
return utils.storage([(i.name, i.get_value()) for i in self.inputs]) | |
d = property(_get_d) | |
class Input(object): | |
def __init__(self, name, *validators, **attrs): | |
self.name = name | |
self.validators = validators | |
self.attrs = attrs = AttributeList(attrs) | |
self.description = attrs.pop('description', name) | |
self.value = attrs.pop('value', None) | |
self.pre = attrs.pop('pre', "") | |
self.post = attrs.pop('post', "") | |
self.note = None | |
self.id = attrs.setdefault('id', self.get_default_id()) | |
if 'class_' in attrs: | |
attrs['class'] = attrs['class_'] | |
del attrs['class_'] | |
def is_hidden(self): | |
return False | |
def get_type(self): | |
raise NotImplementedError | |
def get_default_id(self): | |
return self.name | |
def validate(self, value): | |
self.set_value(value) | |
for v in self.validators: | |
if not v.valid(value): | |
self.note = v.msg | |
return False | |
return True | |
def set_value(self, value): | |
self.value = value | |
def get_value(self): | |
return self.value | |
def render(self): | |
attrs = self.attrs.copy() | |
attrs['type'] = self.get_type() | |
if self.value is not None: | |
attrs['value'] = self.value | |
attrs['name'] = self.name | |
return '<input %s/>' % attrs | |
def rendernote(self, note): | |
if note: return '<strong class="wrong">%s</strong>' % net.websafe(note) | |
else: return "" | |
def addatts(self): | |
# add leading space for backward-compatibility | |
return " " + str(self.attrs) | |
class AttributeList(dict): | |
"""List of atributes of input. | |
>>> a = AttributeList(type='text', name='x', value=20) | |
>>> a | |
<attrs: 'type="text" name="x" value="20"'> | |
""" | |
def copy(self): | |
return AttributeList(self) | |
def __str__(self): | |
return " ".join(['%s="%s"' % (k, net.websafe(v)) for k, v in self.items()]) | |
def __repr__(self): | |
return '<attrs: %s>' % repr(str(self)) | |
class Textbox(Input): | |
"""Textbox input. | |
>>> Textbox(name='foo', value='bar').render() | |
u'<input type="text" id="foo" value="bar" name="foo"/>' | |
>>> Textbox(name='foo', value=0).render() | |
u'<input type="text" id="foo" value="0" name="foo"/>' | |
""" | |
def get_type(self): | |
return 'text' | |
class Telephone(Input): | |
"""Telephone input. | |
See: `http://dev.w3.org/html5/spec/Overview.html#the-input-element` | |
>>> Telephone(name='tel', value='55512345').render() | |
u'<input type="tel" id="tel" value="55512345" name="tel"/>' | |
""" | |
def get_type(self): | |
return 'tel' | |
class Email(Input): | |
"""Email input. | |
See: `http://dev.w3.org/html5/spec/Overview.html#the-input-element` | |
>>> Email(name='email', value='me@example.org').render() | |
u'<input type="email" id="email" value="me@example.org" name="email"/>' | |
""" | |
def get_type(self): | |
return 'email' | |
class Search(Input): | |
"""Search input. | |
See: `http://dev.w3.org/html5/spec/Overview.html#text-state-and-search-state` | |
>> Search(name='search', value='Search').render() | |
u'<input type="search" id="search" value="Search" name="search"/>' | |
>>> Search(name='search', value='Search', required='required', pattern='[a-z0-9 ]{2,30}', placeholder='Search...').render() | |
u'<input name="search" pattern="[a-z0-9 ]{2,30}" required="required" value="Search" type="search" placeholder="Search..." id="search"/>' | |
""" | |
def get_type(self): | |
return 'search' | |
class Url(Input): | |
"""URL input. | |
See: `http://dev.w3.org/html5/spec/Overview.html#url-state` | |
>>> Url(name='url', value='url').render() | |
u'<input type="url" id="url" value="url" name="url"/>' | |
""" | |
def get_type(self): | |
return 'url' | |
class Number(Input): | |
"""Number input. | |
See: `http://dev.w3.org/html5/spec/Overview.html#number-state` | |
>>> Number(name='num', min='0', max='10', step='2', value='5').render() | |
u'<input name="num" min="0" max="10" value="5" step="2" type="number" id="num"/>' | |
""" | |
def get_type(self): | |
return 'number' | |
class Range(Input): | |
"""Range input. | |
See: `http://dev.w3.org/html5/spec/Overview.html#range-state` | |
>>> Range(name='range', min='0', max='10', step='2', value='5').render() | |
u'<input name="range" min="0" max="10" value="5" step="2" type="range" id="range"/>' | |
""" | |
def get_type(self): | |
return 'range' | |
class Color(Input): | |
"""Color input. | |
Warning: Only Opera 11 supports. | |
See: `http://dev.w3.org/html5/spec/Overview.html#color-state` | |
>>> Color(name='color').render() | |
u'<input type="color" id="color" name="color"/>' | |
""" | |
def get_type(self): | |
return 'color' | |
class Password(Input): | |
"""Password input. | |
>>> Password(name='password', value='secret').render() | |
u'<input type="password" id="password" value="secret" name="password"/>' | |
""" | |
def get_type(self): | |
return 'password' | |
class Textarea(Input): | |
"""Textarea input. | |
>>> Textarea(name='foo', value='bar').render() | |
u'<textarea id="foo" name="foo">bar</textarea>' | |
""" | |
def render(self): | |
attrs = self.attrs.copy() | |
attrs['name'] = self.name | |
value = net.websafe(self.value or '') | |
return '<textarea %s>%s</textarea>' % (attrs, value) | |
class Datalist(Input): | |
"""Datalist input. | |
This is currently supported by only Firefox and Opera. Use it with caucious. | |
Datalist cannot be used separately. It must be bound to an input. | |
An example can be viewed on | |
`http://dev.w3.org/html5/spec/Overview.html#url-state`. | |
>>> Datalist(name='list', args=[('a', 'b'), ('c', 'd')]).render() | |
u'<datalist id="list" name="list"><option label="a" value="b"><option label="c" value="d"></datalist>' | |
>>> Datalist(name='list', args=['a', 'b', 'c', 'd']).render() | |
u'<datalist id="list" name="list"><option value="a"><option value="b"><option value="c"><option value="d"></datalist>' | |
""" | |
def __init__(self, name, args, *validators, **kwargs): | |
self.args = args | |
super(Datalist, self).__init__(name, *validators, **kwargs) | |
def render(self): | |
attrs = self.attrs.copy() | |
attrs['name'] = self.name | |
label_p = '' | |
x = '<datalist %s>' % attrs | |
for arg in self.args: | |
if isinstance(arg, tuple): | |
label_p = ' label="%s"' % arg[0] | |
label = arg[1] | |
else: | |
label = arg | |
x += '<option%s value="%s">' % (net.websafe(label_p), net.websafe(label)) | |
x += '</datalist>' | |
return x | |
class Dropdown(Input): | |
r"""Dropdown/select input. | |
>>> Dropdown(name='foo', args=['a', 'b', 'c'], value='b').render() | |
u'<select id="foo" name="foo">\n <option value="a">a</option>\n <option selected="selected" value="b">b</option>\n <option value="c">c</option>\n</select>\n' | |
>>> Dropdown(name='foo', args=[('a', 'aa'), ('b', 'bb'), ('c', 'cc')], value='b').render() | |
u'<select id="foo" name="foo">\n <option value="a">aa</option>\n <option selected="selected" value="b">bb</option>\n <option value="c">cc</option>\n</select>\n' | |
""" | |
def __init__(self, name, args, *validators, **attrs): | |
self.args = args | |
super(Dropdown, self).__init__(name, *validators, **attrs) | |
def render(self): | |
attrs = self.attrs.copy() | |
attrs['name'] = self.name | |
x = '<select %s>\n' % attrs | |
for arg in self.args: | |
if isinstance(arg, (tuple, list)): | |
value, desc= arg | |
else: | |
value, desc = arg, arg | |
if self.value == value or (isinstance(self.value, list) and value in self.value): | |
select_p = ' selected="selected"' | |
else: select_p = '' | |
x += ' <option%s value="%s">%s</option>\n' % (select_p, net.websafe(value), net.websafe(desc)) | |
x += '</select>\n' | |
return x | |
class Radio(Input): | |
def __init__(self, name, args, *validators, **attrs): | |
self.args = args | |
super(Radio, self).__init__(name, *validators, **attrs) | |
def render(self): | |
x = '<span>' | |
for arg in self.args: | |
if isinstance(arg, (tuple, list)): | |
value, desc= arg | |
else: | |
value, desc = arg, arg | |
attrs = self.attrs.copy() | |
attrs['name'] = self.name | |
attrs['type'] = 'radio' | |
attrs['value'] = value | |
if self.value == value: | |
attrs['checked'] = 'checked' | |
x += '<input %s/> %s' % (attrs, net.websafe(desc)) | |
x += '</span>' | |
return x | |
class Checkbox(Input): | |
"""Checkbox input. | |
>>> Checkbox('foo', value='bar', checked=True).render() | |
u'<input checked="checked" type="checkbox" id="foo_bar" value="bar" name="foo"/>' | |
>>> Checkbox('foo', value='bar').render() | |
u'<input type="checkbox" id="foo_bar" value="bar" name="foo"/>' | |
>>> c = Checkbox('foo', value='bar') | |
>>> c.validate('on') | |
True | |
>>> c.render() | |
u'<input checked="checked" type="checkbox" id="foo_bar" value="bar" name="foo"/>' | |
""" | |
def __init__(self, name, *validators, **attrs): | |
self.checked = attrs.pop('checked', False) | |
Input.__init__(self, name, *validators, **attrs) | |
def get_default_id(self): | |
value = utils.safestr(self.value or "") | |
return self.name + '_' + value.replace(' ', '_') | |
def render(self): | |
attrs = self.attrs.copy() | |
attrs['type'] = 'checkbox' | |
attrs['name'] = self.name | |
attrs['value'] = self.value | |
if self.checked: | |
attrs['checked'] = 'checked' | |
return '<input %s/>' % attrs | |
def set_value(self, value): | |
self.checked = bool(value) | |
def get_value(self): | |
return self.checked | |
class Button(Input): | |
"""HTML Button. | |
>>> Button("save").render() | |
u'<button id="save" name="save">save</button>' | |
>>> Button("action", value="save", html="<b>Save Changes</b>").render() | |
u'<button id="action" value="save" name="action"><b>Save Changes</b></button>' | |
""" | |
def __init__(self, name, *validators, **attrs): | |
super(Button, self).__init__(name, *validators, **attrs) | |
self.description = "" | |
def render(self): | |
attrs = self.attrs.copy() | |
attrs['name'] = self.name | |
if self.value is not None: | |
attrs['value'] = self.value | |
html = attrs.pop('html', None) or net.websafe(self.name) | |
return '<button %s>%s</button>' % (attrs, html) | |
class Hidden(Input): | |
"""Hidden Input. | |
>>> Hidden(name='foo', value='bar').render() | |
u'<input type="hidden" id="foo" value="bar" name="foo"/>' | |
""" | |
def is_hidden(self): | |
return True | |
def get_type(self): | |
return 'hidden' | |
class File(Input): | |
"""File input. | |
>>> File(name='f').render() | |
u'<input type="file" id="f" name="f"/>' | |
""" | |
def get_type(self): | |
return 'file' | |
class Validator: | |
def __deepcopy__(self, memo): return copy.copy(self) | |
def __init__(self, msg, test, jstest=None): utils.autoassign(self, locals()) | |
def valid(self, value): | |
try: return self.test(value) | |
except: return False | |
notnull = Validator("Required", bool) | |
class regexp(Validator): | |
def __init__(self, rexp, msg): | |
self.rexp = re.compile(rexp) | |
self.msg = msg | |
def valid(self, value): | |
return bool(self.rexp.match(value)) | |
if __name__ == "__main__": | |
import doctest | |
doctest.testmod() |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment