improve display w/noscript

[ikiwiki.git] / templates / openid-selector.tmpl

diff --git a/templates/openid-selector.tmpl b/templates/openid-selector.tmpl
index 76c4051ed8312bb9f502a96a1c4a9f96cb677b7d..7e5ae9a01bfcacb0149dfa07b3fc5186716c51fe 100644 (file)
--- a/templates/openid-selector.tmpl
+++ b/templates/openid-selector.tmpl
@@ -1,30 +1,37 @@
-<script type="text/javascript" src="ikiwiki/openid-selector/jquery.js"></script>
-<script type="text/javascript" src="ikiwiki/openid-selector/openid-jquery.js"></script>
+<script type="text/javascript" src="ikiwiki/openid/jquery.js"></script>
+<script type="text/javascript" src="ikiwiki/openid/openid-jquery.js"></script>
 <script type="text/javascript">
 $(document).ready(function() {
-       openid.init('openid_url');
+       openid.init('openid_identifier', "<TMPL_VAR NONOPENIDURL>");
 });
 </script>
        
-<TMPL_IF OPENID_ERROR>
-<div class="error"><TMPL_VAR OPENID_ERROR></span>
-</TMPL_IF>
-</div>
-
 <form action="<TMPL_VAR CGIURL>" method="get" id="openid_form">
-       <input type="hidden" name="do" value="signin" />
-       <input type="hidden" name="action" value="verify" />
-       <div id="openid_choice">
-               <p><TMPL_VAR LOGINLABEL>:</p>
-               <div id="openid_btns">
-               </div>
+       <fieldset>
+               <legend>Select your account provider</legend>
+
+               <noscript>
+               <ul>
                <TMPL_IF NONOPENIDURL>
-               <a href="<TMPL_VAR NONOPENIDURL>">local account</a>
+               <li><a href="<TMPL_VAR NONOPENIDURL>">Local Account</a></li>
                </TMPL_IF>
-       </div>
-       
-       <span id="openid_input_area">
-               <input id="openid_url" name="openid_url" type="text" value="<TMPL_VAR OPENID_URL>"/>
-               <input id="openid_submit" type="submit" value="Login"/>
-       </span>
+               <li>OpenID:</div>
+               </noscript>
+               <input type="hidden" name="do" value="signin" />
+               <input type="hidden" name="action" value="verify" />
+               <div id="openid_choice">
+                       <div id="openid_btns"></div>
+               </div>
+               <div id="openid_input_area">
+                       <input id="openid_identifier" name="openid_identifier" type="text" value="<TMPL_VAR OPENID_URL>"/>
+                       <input id="openid_submit" type="submit" value="Login"/>
+               </div>
+               <TMPL_IF OPENID_ERROR>
+               <div class="error"><TMPL_VAR OPENID_ERROR></div>
+               </TMPL_IF>
+               <noscript>
+               </li>
+               </ul>
+               </noscript>
+       </fieldset>
 </form>