X-Git-Url: http://git.datanom.net/flask-test.git/blobdiff_plain/db4f0ba9d4aec596f179335f1d86b3dd2bb206c6..163c4d87c8cefd45e8c8836daa28c53956be1e1a:/app/templates/login.html

diff --git a/app/templates/login.html b/app/templates/login.html
index f28940b..e8876ae 100644
--- a/app/templates/login.html
+++ b/app/templates/login.html
@@ -1,36 +1,52 @@
-<!-- extend from base layout -->
+<!-- extend base layout -->
 {% extends "base.html" %}
 
 {% block content %}
-<script type="text/javascript">
-function set_openid(openid, pr)
-{
-    u = openid.search('<username>')
-    if (u != -1) {
-        // openid requires username
-        user = prompt('Enter your ' + pr + ' username:')
-        openid = openid.substr(0, u) + user
+    <script type="text/javascript">
+    function set_openid(openid, pr)
+    {
+        u = openid.search('<username>');
+        if (u != -1) {
+            // openid requires username
+            user = prompt('Enter your ' + pr + ' username:');
+            openid = openid.substr(0, u) + user;
+        }
+        form = document.forms['login'];
+        form.elements['openid'].value = openid;
     }
-    form = document.forms['login'];
-    form.elements['openid'].value = openid
-}
-</script>
-  <h1>Sign In</h1>
-  <h4>{{ error }}</h4>
-  <form action="" method="post" name="login">
-      {{ form.hidden_tag() }}
-      <p>
-          Please enter your OpenID:<br>
-          {{ form.openid(size=80) }}<br>
-          {% for error in form.openid.errors %}
-            <span style="color: red;">[{{ error }}]</span>
-          {% endfor %}<br>
-	  |{% for pr in providers %}
-          <a href="javascript:set_openid('{{ pr.url }}', '{{ pr.name }}');">{{ pr.name }}</a> |
-        {% endfor %}
-      </p>
-      <p>{{ form.remember_me }} Remember Me</p>
-      <p><input type="hidden" name="next" value="{{ next }}"></p>
-      <p><input type="submit" value="Sign In"></p>
-  </form>
+    </script>
+    {% include 'flash.html' %}
+    <div class="well">
+        <h3>Please Sign In</h3>
+        <form class="form" action="" method="post" name="login">
+            {{ form.hidden_tag() }}
+            <div class="help-block">Click on your OpenID provider below:</div>
+            <div class="control-group">
+                {% for pr in providers %}
+                <a href="javascript:set_openid('{{ pr.url }}', '{{ pr.name }}');"><img src="/static/img/{{ pr.name.lower() }}.png" class="img-polaroid" style="margin:2px;" /></a>
+                {% endfor %}
+            </div>
+            <div class="control-group{% if form.openid.errors %} error{% endif %}">
+                <label class="control-label" for="openid">Or enter your OpenID here:</label>
+                <div class="controls">
+                    {{ form.openid(size=80, class="span4") }}
+                    {% for error in form.openid.errors %}
+                        <span class="help-inline">[{{ error }}]</span><br>
+                    {% endfor %}
+                </div>
+            </div>
+            <div class="control-group">
+                <div class="controls">
+                    <label class="checkbox" for="remember_me">
+                        {{ form.remember_me }} Remember Me
+                    </label>
+                </div>
+            </div>
+            <div class="control-group">
+                <div class="controls">
+                    <input class="btn btn-primary" type="submit" value="Sign In">
+                </div>
+            </div>
+        </form>
+    </div>
 {% endblock %}