Revision 60e9b0c1
Added by Ohad Levy about 12 years ago
- ID 60e9b0c19ee013da2a8428e276dfa5fb3e21def2
| app/views/users/login.html.erb | ||
|---|---|---|
|
<div class="login-background"></div>
|
||
|
<div id="login-form">
|
||
|
<%= form_tag({:action=> "login"}) do %>
|
||
|
<table class="table table-bordered">
|
||
|
<tr>
|
||
|
<td align="right"><label for="login">Username:</label></td>
|
||
|
<td align="left"><%= text_field 'login','login' %></td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td align="right"><label for="password">Password:</label></td>
|
||
|
<td align="left"><%= password_field 'login','password' %></td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td align="left">
|
||
|
<input type="submit" value="Login »" id="login" class="btn btn-primary"/>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
<%= form_tag login_users_path, :id => "login-form", :class => "form-vertical" do %>
|
||
|
<%= label_tag "login[login]", "Username" %>
|
||
|
<%= text_field :login, :login %>
|
||
|
<%= label_tag "login[password]", "Password" %>
|
||
|
<%= password_field_tag "login[password]" %>
|
||
|
<%= submit_tag("Login »".html_safe, :class => "btn btn-primary", :disable_with => "Please wait...") %>
|
||
|
<% end %>
|
||
|
<%= javascript_tag '$("#login_login").focus();' %>
|
||
|
<%= javascript_tag '$(".logo, .logo-text").hide();' %>
|
||
|
</div>
|
||
| public/javascripts/application.js | ||
|---|---|---|
|
});
|
||
|
|
||
|
$(function() {
|
||
|
if ($("#login-form").size() > 0) {
|
||
|
$("#login_login").focus();
|
||
|
$(".logo, .logo-text").hide();
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
magic_line("#menu" , 1);
|
||
|
magic_line("#menu2", 0);
|
||
|
$('.dropdown-toggle').dropdown();
|
||
| public/stylesheets/style.css | ||
|---|---|---|
|
|
||
|
|
||
|
#login-form {
|
||
|
text-align: center;
|
||
|
width: 390px;
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
|
||
|
#login-form table {margin-top:2em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #7f9bb1;
|
||
|
#login-form label {
|
||
|
font-size: 1.23em !important;
|
||
|
display: block;
|
||
|
font-weight: bold; color: #507ea1;
|
||
|
}
|
||
|
|
||
|
#login-form input[type="password"], #login-form input[type="text"] {
|
||
|
font-size: 20px;
|
||
|
height: 32px;
|
||
|
width: 380px;
|
||
|
}
|
||
|
|
||
|
#login-form {margin-top:2em; padding:6em 2em; margin-left: auto; margin-right: auto; border: 2px solid #7f9bb1;
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ECF0F3'); /* for IE */
|
||
|
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ECF0F3)); /* for webkit browsers */
|
||
|
background: -moz-linear-gradient(top, #fff, #ECF0F3); /* for firefox 3.6+ */
|
||
|
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
|
||
|
#login-form tr td {border: 0px;}
|
||
|
#login-form label {font-weight: bold; color: #507ea1;}
|
||
|
|
||
|
.login-background{
|
||
|
background: url(../images/foreman_large.png) no-repeat left top;
|
||
Also available in: Unified diff
clean up login screen