TextInput module

atst/ui_modules.py

@@ -1,4 +1,6 @@
 from tornado.web import UIModule
+# from tornado.template import raw
+import re
 
 class Alert(UIModule):
     def render(self, title, message=None, actions=None, level='info'):
@@ -9,6 +11,16 @@ class Alert(UIModule):
           actions=actions,
           level=level)
 
+class TextInput(UIModule):
+    def render(self, input, placeholder=''):
+        return self.render_string(
+          "components/text_input.html.to",
+          input=input,
+          label=re.sub('<[^<]+?>', '', str(input.label)),
+          errors=input.errors,
+          placeholder=placeholder,
+          description=input.description)
+
 class Icon(UIModule):
     def render(self, name, classes=''):
         with open('static/icons/%s.svg' % name) as svg:

templates/components/text_input.html.to

@@ -0,0 +1,21 @@
+<div class='usa-input {% if errors %}usa-input--error{% end %}'>
+  <label for={{input.name}}>
+    {{ label }}
+
+    {% if description %}
+      <span class='usa-input__help'>{% raw description %}</span>
+    {% end %}
+
+    {% if errors %}
+      {% module Icon('alert') %}
+    {% end %}
+  </label>
+
+  {% raw input(placeholder=placeholder) %}
+
+  {% if errors %}
+    {% for error in errors %}
+      <span class='usa-input__message'>{{ error }}</span>
+    {% end %}
+  {% end %}
+</div>