1 {% extends 'gilbert/base.html' %}
3 {% block css %}{{ block.super }}
4 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}gilbert/extjs/examples/ux/statusbar/css/statusbar.css" />
5 <style type="text/css">
7 background: url({{ STATIC_URL }}gilbert/fugue-icons/icons-shadowless/door-open-in.png) no-repeat !important;
9 .x-statusbar .x-status-error {
11 background-image: url({{ STATIC_URL }}gilbert/fugue-icons/icons-shadowless/exclamation-red.png) !important;
16 {% block js %}{{ block.super }}
17 <script type="text/javascript" src="{{ STATIC_URL }}gilbert/extjs/examples/ux/statusbar/StatusBar.js"></script>
18 <script type="text/javascript" charset="utf-8">
19 Ext.onReady(function () {
21 var login_form = new Ext.FormPanel({
22 border: false,{% if request.GET.theme %}
23 bodyStyle: 'padding: 10px',{% else %}
24 bodyStyle: 'padding: 0px 10px 0px;',{% endif %}
28 name: 'csrfmiddlewaretoken',
29 value: '{{ csrf_token }}',
34 fieldLabel: 'Username',
39 inputType: 'password',
41 fieldLabel: 'Password',
45 url: '{{ form_url }}',
49 key: [Ext.EventObject.ENTER],
50 handler: function () {
51 var form = login_form.getForm();
58 var login_status_bar = window.status_bar = new Ext.ux.StatusBar({
63 iconCls: 'icon-door-open-in',
64 handler: function () {
65 var form = login_form.getForm();
71 var login_window = new Ext.Window({
80 bbar: login_status_bar,
84 {% if error_message %}
85 login_status_bar.setStatus({
86 iconCls: 'x-status-error',
87 text: '{{ error_message_short }}',
91 target: login_status_bar.statusEl.el,
93 title: '{{ error_message_short }}',
94 html: '{{ error_message }}',