source: trunk/grails-app/views/templates/nimble/login/_login.gsp @ 51

Last change on this file since 51 was 51, checked in by duh, 9 years ago

-re-added nimble snapshot 0.3

File size: 11.4 KB
Line 
1<head>
2  <meta name="layout" content="${grailsApplication.config.nimble.layout.application}"/>
3
4  <n:jquery/>
5
6  <link rel="stylesheet" href="${createLinkTo(dir: pluginContextPath, file: '/css/login.css')}"/>
7  <link rel="stylesheet" href="${createLinkTo(dir: pluginContextPath, file: '/css/icons.css')}"/>
8
9  <title>Login</title>
10
11  <script type="text/javascript">
12
13    $(function() {
14      $(".loginmethod").hide();
15      $("#loginlocal").show();
16
17      $("#loginfacebookcontinue").hide();
18
19      var active = jQuery.url.param("active")
20      if (active)
21        changeLogin(active);
22      else
23        changeLogin('local');
24
25      $(".flash").show();
26    });
27
28    function changeLogin(ident) {
29      $(".flash").hide();
30      $(".loginselector").removeClass("current");
31      $(".loginmethod").hide();
32      $("#" + ident).show("highlight");
33    }
34
35    function enableFacebookContinue() {
36      $("#loginfacebookcontinue").show();
37      $("#loginfacebookenable").hide();
38    }
39
40    function disableFacebookContinue() {
41      $("#loginfacebookcontinue").hide();
42    }
43  </script>
44</head>
45
46<body>
47
48<g:if test="${facebook || openid}">
49  <div class="container">
50
51    <div class="login">
52
53      <div class="flash">
54        <n:flashembed/>
55      </div>
56
57      <div class="logininteraction">
58        <g:if test="${local}">
59          <div id="local" class="loginmethod">
60            <h2>Login with a local account</h2>
61
62            <g:form action="signin" name="signin">
63              <fieldset>
64                <label for="username" class="append-1">Username</label>
65                <input id="username" type="text" name="username" class="title"/>
66
67                <label for="password" class="append-1">Password</label>
68                <input id="password" type="password" name="password" class="title"/>
69              </fieldset>
70
71              <fieldset>
72                <g:checkBox id="rememberme" name="rememberme"/>
73                <label>Remember me on this computer</label>
74              </fieldset>
75
76              <fieldset class="loginbuttons">
77                <button type="submit" class="button darkbutton icon icon_user_green">Login</button>
78              </fieldset>
79
80            </g:form>
81
82            <div class="accountoptions">
83              <g:link controller="account" action="forgottenpassword" class="textlink icon icon_flag_purple">I've forgotten my password</g:link>
84              <g:if test="${registration}">
85                <a href="#" id="accountcreationpolicybtn" rel="accountcreationpolicy" class="textlink icon icon_user_go">New user</a>
86              </g:if>
87            </div>
88          </div>
89        </g:if>
90
91        <g:if test="${facebook}">
92          <div id="facebook" class="loginmethod externalloginmethod">
93            <h2>Login using your Facebook account</h2>
94            <p>
95              <n:socialimg name="facebook" size="64" alt="Login using Facebook"/>
96              Simply login using your existing  Facebook account. You'll then be able to access this service.
97            </p>
98            <div id="loginfacebookcontinue">
99              <a href="${createLink(controller: "auth", action: "facebook")}" class="button icon icon_user_green">Login</a>
100            </div>
101
102            <div id="loginfacebookenable">
103              <fb:login-button autologoutlink="true" size="large" background="white" length="long" onlogin="enableFacebookContinue();" onlogout="disableFacebookContinue();"></fb:login-button>
104            </div>
105          </div>
106        </g:if>
107
108        <g:if test="${openid}">
109          <div id="google" class="loginmethod externalloginmethod">
110            <h2>Login with a Google account</h2>
111            <p>
112              <n:socialimg name="google" size="64" alt="Login using Google"/>
113              Simply login using your existing Google account. You'll then be able to access this service.
114            </p>
115            <p>
116              <a href="${createLink(controller: "auth", action: "googlereq")}" class="button icon icon_user_green">Login</a>
117            </p>
118          </div>
119
120          <div id="yahoo" class="loginmethod externalloginmethod">
121            <h2>Login using your Yahoo! account</h2>
122            <p>
123              <n:socialimg name="yahoo" size="64" alt="Login using Yahoo"/>
124              Simply login using your existing Yahoo! account. You'll then be able to access this service.
125            </p>
126            <p>
127              <a href="${createLink(controller: "auth", action: "yahooreq")}" class="button icon icon_user_green">Login</a>
128            </p>
129          </div>
130
131          <div id="openid" class="loginmethod externalloginmethod">
132            <h2>Login using your OpenID account</h2>
133            <p>
134              <n:socialimg name="openid" size="64" alt="Login using OpenID"/>
135              Simply login using your existing OpenID account. You'll then be able to access this service.
136            </p>
137            <g:form controller="auth" action="openidreq">
138              <strong>My OpenID is:</strong>
139              <input id="openiduri" type="text" name="openiduri" class="easyinput" value="http://"/>
140              <button type="submit" class="button icon icon_user_green">Login</button>
141            </g:form>
142          </div>
143
144          <div id="blogger" class="loginmethod externalloginmethod">
145            <h2>Login with a Blogger account</h2>
146            <p>
147              <n:socialimg name="blogger" size="64" alt="Login using Blogger"/>
148              Simply login using your existing Blogger account. You'll then be able to access this service.
149            </p>
150            <g:form controller="auth" action="bloggerreq">
151              <label for="openiduri" class="append-1">Blog URL</label>
152              <input id="openiduri" type="text" name="openiduri" class="easyinput"/>
153              <fieldset>
154                <button type="submit" class="button darkbutton icon icon_user_green">Login</button>
155              </fieldset>
156            </g:form>
157          </div>
158
159          <div id="wordpress" class="loginmethod externalloginmethod">
160            <h2>Login with a Wordpress account</h2>
161            <p>
162              <n:socialimg name="wordpress" size="64" alt="Login using Wordpress"/>
163              Simply login using your existing Wordpress account. You'll then be able to access this service.
164            </p>
165            <g:form controller="auth" action="wordpressreq">
166              <label for="openiduri" class="append-1">Blog URL</label>
167              <input id="openiduri" type="text" name="openiduri" class="easyinput"/>
168              <fieldset>
169                <button type="submit" class="button darkbutton icon icon_user_green">Login</button>
170              </fieldset>
171            </g:form>
172          </div>
173
174          <div id="technorati" class="loginmethod externalloginmethod">
175            <h2>Login with a Technorati account</h2>
176            <p>
177              <n:socialimg name="technorati" size="64" alt="Login using Technorati"/>
178              Simply login using your existing Technorati account. You'll then be able to access this service.
179            </p>
180            <g:form controller="auth" action="technoratireq">
181              <label for="openiduri" class="append-1">Technorati Username</label>
182              <input id="openiduri" type="text" name="technoratiusername" class="easyinput"/>
183              <fieldset>
184                <button type="submit" class="button darkbutton icon icon_user_green">Login</button>
185              </fieldset>
186            </g:form>
187          </div>
188
189          <div id="flickr" class="loginmethod externalloginmethod">
190            <h2>Login with a Flickr account</h2>
191            <p>
192              <n:socialimg name="flickr" size="64" alt="Login using Flickr"/>
193              Simply login using your existing Flickr account. You'll then be able to access this service.
194            </p>
195            <p>
196              <a href="${createLink(controller: "auth", action: "flickreq")}" class="button icon icon_user_green">Login</a>
197            </p>
198          </div>
199        </g:if>
200      </div>
201
202
203      <div class="loginchoices">
204        <g:if test="${local}">
205          <h2><a href="#" onClick="changeLogin('local');" class="icon icon_user_go">Login with a local account</a></h2>
206        </g:if>
207        <h2>Login with an external account</h2>
208        <table>
209          <tbody>
210          <tr>
211            <td>
212              <g:if test="${openid}">
213                <a href="#" class="" onClick="changeLogin('openid');"><n:socialimg name="openid" size="64" alt="Login using OpenID"/>OpenID</a>
214              </g:if>
215            </td>
216            <td>
217              <g:if test="${facebook}">
218                <a href="#" class="" onClick="changeLogin('facebook');"><n:socialimg name="facebook" size="64" alt="Login using Facebook"/>Facebook</a>
219              </g:if>
220            </td>
221          </tr>
222          <g:if test="${openid}">
223            <tr>
224              <td>
225                <a class="" onClick="changeLogin('google');"><n:socialimg name="google" size="64" alt="Login using Google"/>Google</a>
226              </td>
227              <td>
228                <a class="" onClick="changeLogin('yahoo');"><n:socialimg name="yahoo" size="64" alt="Login using Yahoo!"/>Yahoo!</a>
229              </td>
230            </tr>
231            <tr>
232              <td>
233                <a href="#" class="" onClick="changeLogin('blogger');"><n:socialimg name="blogger" size="64" alt="Login using Blogger"/>Blogger</a>
234              </td>
235              <td>
236                <a href="#" class="" onClick="changeLogin('wordpress');"><n:socialimg name="wordpress" size="64" alt="Login using Wordpress"/>Wordpress</a>
237              </td>
238            </tr>
239            <tr>
240              <td>
241                <a href="#" class="" onClick="changeLogin('technorati');"><n:socialimg name="technorati" size="64" alt="Login using Technorati"/>Technorati</a>
242              </td>
243              <td>
244                <a href="#" class="" onClick="changeLogin('flickr');"><n:socialimg name="flickr" size="64" alt="Login using Flickr"/>Flickr</a>
245              </td>
246            </tr>
247          </g:if>
248          </tbody>
249        </table>
250      </div>
251    </div>
252  </div>
253</g:if>
254<g:else>
255  <div class="container">
256    <div class="login">
257
258      <div class="flash">
259        <n:flashembed/>
260      </div>
261
262      <div id="local" class="localonlymethod">
263        <h2>Login</h2>
264
265        <g:form action="signin" name="signin">
266          <input type="hidden" name="targetUri" value="${targetUri}"/>
267
268          <fieldset>
269            <label for="username" class="append-1">Username</label>
270            <input id="username" type="text" name="username" class="title"/>
271
272            <label for="password" class="append-1">Password</label>
273            <input id="password" type="password" name="password" class="title"/>
274          </fieldset>
275
276          <fieldset>
277            <g:checkBox id="rememberme" name="rememberme"/>
278            <label>Remember me on this computer</label>
279          </fieldset>
280
281          <fieldset class="loginbuttons">
282            <button type="submit" class="button darkbutton icon icon_user_green">Login</button>
283          </fieldset>
284
285        </g:form>
286
287        <div class="accountoptions">
288          <g:link controller="account" action="forgottenpassword" class="textlink icon icon_flag_purple">I've forgotten my password</g:link>
289          <g:if test="${registration}">
290            <g:link controller=" account" action="createuser" class="textlink icon icon_user_go">New User</g:link>
291          </g:if>
292        </div>
293      </div>
294
295    </div>
296  </div>
297
298</g:else>
299
300<n:accountcreationpolicy/>
301<n:facebookConnect/>
302
303</body>
Note: See TracBrowser for help on using the repository browser.