diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 4d15ff7a789ec8f8ecaf08165f69a2ae93c40feb..008395584214f4a17d81668aff467b9e033d5d55 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -589,6 +589,16 @@ input.chk { position: relative; overflow: hidden; } + +.add-picture{ + color:#1676bc; +} + + .btn-file { + position: relative; + overflow: hidden; +} + .btn-file input[type=file] { position: absolute; top: 0; @@ -604,3 +614,8 @@ input.chk { cursor: inherit; display: block; } + +.style-cadastro{ + font-color: #343D3E; + font: Arial; +} diff --git a/app/assets/stylesheets/application/users.scss b/app/assets/stylesheets/application/users.scss index 18506d84d196843390c7653887aa399156ea9764..662334523081ba53307701437a3378a5e83ac3ac 100644 --- a/app/assets/stylesheets/application/users.scss +++ b/app/assets/stylesheets/application/users.scss @@ -78,3 +78,7 @@ $background-grey: #e7e7e8; margin-top: 20px; padding: 20px; } + +.avatar_input { + display: none; +} diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb index b8d0ffa2d461da4acc4c18de564796f7cd2a1263..d1b073acf4338c592bc62c9e773bc322d7bbd62d 100644 --- a/app/views/devise/registrations/new.html.erb +++ b/app/views/devise/registrations/new.html.erb @@ -1,34 +1,65 @@ -<h2>Cadastrar</h2> - <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> <%= devise_error_messages! %> - - <div class="field"> - <%= f.label :name %><br/> - <%= f.text_field :name, autofocus: true, required: true %> - </div> - - <div class="field"> - <%= f.label :email %><br/> - <%= f.email_field :email, :value => params[:email], required: true %> - </div> - - <div class="field"> - <%= f.label :password %> - <% if @minimum_password_length %> - <em>(<%= @minimum_password_length %> caracteres mÃnimos)</em> - <% end %><br/> - <%= f.password_field :password, autocomplete: "off" %> - </div> - - <div class="field"> - <%= f.label :password_confirmation %><br/> - <%= f.password_field :password_confirmation, autocomplete: "off" %> - </div> - - <div class="actions"> - <%= f.submit "Cadastrar" %> - </div> +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <div class="grey-panel"> + <div class="center_data"> + <div class="style-cadastro"> + <h2> + <font>Cadastre-se</font> + </h2><br/> + </div> + <font> + <%= image_tag image_path("user-anon.png")%><br/> + <div class="btn-file"> + <%=link_to 'adicionar foto', '#', { :class=>"add-picture"}%> + <%= f.file_field :avatar%> + </div> + </font><br/></br> + <div class="col-md-10"> + <p style="line-height: 170%"> + <div class="col-md-10"> + <span class="pull-right">Nome: + <%= f.text_field :name, autofocus: true, required: true , style:"width:335px;"%></span><br/> + </p> + <p style="line-height: 15%"><br/></p> + <p style="line-height: 170%"> + <span class="pull-right">Email: + <%= f.email_field :email, :value => params[:email], required: true, style:"width:335px;" %></span><br/> + </p> + <p style="line-height: 15%"><br/></p> + <p style="line-height: 170%"> + <span class="pull-right">Senha: + <%= f.password_field :password, autocomplete: "off", style:"width:335px;" %><br/> + <% if @minimum_password_length %> + <em>(<%= @minimum_password_length %> caracteres mÃnimos)</em> + <% end %><br/> + </span> + <br/></p></div> + <p style="line-height: 15%"><br/></p> + <p style="line-height: 170%"> + <div class="col-md-10"> + <span class="pull-right">Confirmar senha: + <%= f.password_field :password_confirmation, autocomplete: "off", style:"width:335px;" %> + </span> + </div><br/><br/></p> + </div> + <div class="container-fluid"> + <div class="col-md-offset-3 col-md-5"> + <div class="center_data"> + <div class="col-md-6"> + <br/><span class="pull-right">Já possui conta?</span><br/> + <span class="pull-right"><%= render "devise/shared/links"%></span> + </div> + <div class=" col-md-5"> + <br/><span class="pull-right"><%= f.submit "Cadastrar", :class=> "but but-shadow but-rc" %></span><br/> + </div> + </div> + </div> + </div> + </div> + </div> + </div> +</div> <% end %> - -<%= render "devise/shared/links" %> diff --git a/app/views/devise/shared/_links.html.erb b/app/views/devise/shared/_links.html.erb index cd4f77afa2407f6c35a51cae7d503d7feaeaf245..cbc179c84ad016e18170e998c6dec8907626ab74 100644 --- a/app/views/devise/shared/_links.html.erb +++ b/app/views/devise/shared/_links.html.erb @@ -1,5 +1,5 @@ <%- if controller_name != 'sessions' %> - <%= link_to "Entrar", new_session_path(resource_name) %><br /> + <%= link_to "Entre Aqui", new_session_path(resource_name) , {:class=>'add-picture'} %><br /> <% end -%> <%- if devise_mapping.registerable? && controller_name != 'registrations' %>