Added a full-blown login page with a description of OpenID.
[zzz-floof.git] / floof / templates / base.mako
index f50f56a..2fb385a 100644 (file)
 <div id="header">
 <a href="${h.url_for("/")}">Home</a>
 
-${h.form(h.url_for(controller='search'), method='GET')}
-${h.text('query')} ${h.submit(None, 'Search')}
+% if c.user:
+| <a href="${h.url("new_art")}">Add Art</a>
+| <a href="${h.url_for(controller="search", action="list")}">Your Searches</a>
+| <a href="${h.url_for(controller="art", action="watchstream", name=c.user.name.lower())}">Watchstream</a>
+## | <a href="${h.url_for("/users/"+c.user}">Your Page</a>
+% endif
+
+${h.form(url('search'), method='GET')}
+${h.text('query', c.query)}
+${h.submit('button', 'Search')}
+
+% if c.user:
+${h.submit('button', 'Save')}
+% endif
+
+## Note: should probably only display "save" when we're on a results page
+## Also, what if we had it save a hidden form containing the search result that was
+## actually rendered?  Might be confusing though.
 ${h.end_form()}
 
     <div id="user">
         % if c.user:
         <form action="${url(controller='account', action='logout')}" method="POST">
-        <p>Logged in as ${c.user.name}.  ${h.submit(None, 'Log out')}</p>
+        <p>Logged in as <a href="${h.url('user_page', name=c.user.name.lower())}">${c.user.name}</a>.  ${h.submit(None, 'Log out')}</p>
         </form>
         % else:
         <form action="${url(controller='account', action='login_begin')}" method="POST">
+        <p>Log in or register with <img src="/icons/openid.png" alt="OpenID" title="OpenID"> OpenID:</p>
         <p>
-            Identity URL: <input type="text" name="identity_url">
+            <input type="text" name="identity_url" id="identity-url">
             <input type="submit" value="Log in">
         </p>
+        <p class="what"><a href="${url(controller='account', action='login')}">What's this?</a></p>
         </form>
         % endif
     </div>
 
 
 </div>
+
+<% messages = h.flash.pop_messages() %>
+% if messages:
+<ul id="flash-messages">
+    % for message in messages:
+    <li>${message}</li>
+    % endfor
+</ul>
+% endif
+
+
 <div id="body">
 ${next.body()}
 </div>
 <div id="footer">
     <p>Powered by floof</p>
+    <p>Fugue icon set by <a href="http://www.pinvoke.com/">Yusuke Kamiyamane</a></p>
 </div>
 </body>
 </html>