Youtube and stats modules style improvements
[snf-cloudcms] / cloudcms / templates / content / login_form.html
1 {% load i18n %}
2 <div class="section login-section">
3 <div class="logged-out-content initially-hidden">
4 <form class="login {{ content.extra_classes }} innerlabels" method="post"
5     action="{{ content.action_url }}local">
6     <h2 class="formheader"><span>{{ content.title }}</span></h2>
7     <div class="form-row">
8         <label for="username">username</label>
9         <input class="text" type="text" title="username" name="username"
10         id="username"/>
11     </div>
12     <div class="form-row">
13         <label for="password">password</label>
14         <input class="text" type="password" title="password" name="password"
15         id="password"/>
16     </div>
17     <div class="form-row submit">
18         <input type="submit" class="submit" value="SUBMIT" />
19         {% if content.display_forgot_password %}
20         <a class="extra-link" href="{{ content.action_url }}local/password_reset">
21             forgot your password ?
22         </a>
23         {% endif %}
24     </div>
25     {% if content.next_url %}
26     <input type="hidden" name="next" value="{{ content.next_url }}"/>
27     {% endif %}
28 </form>
29 <div class="bottom">
30 {{ content.bottom_content|safe }}
31 </div>
32 </div>
33 </div>
34 <div class="logged-in-content initially-hidden">
35     {{ content.logged_in_content|safe }}
36 </div>
37 <script>
38     $(document).ready(function(){
39         var logged_in = $.cookie(window.CLOUDBAR_COOKIE_NAME);
40         if (logged_in != null) {
41             $(".login-section").removeClass("loggedout");
42             $(".login-section").addClass("loggedin");
43             $(".logged-out-content").hide();
44             $(".logged-in-content").show();
45         } else {
46             $(".login-section").removeClass("loggedin");
47             $(".login-section").addClass("loggedout");
48             $(".logged-in-content").hide();
49             $(".logged-out-content").show();
50         }
51     })
52 </script>
53 </div>