oauth signin buttons per provider spec

This commit is contained in:
Zachary Chai
2017-01-20 14:34:30 -05:00
parent 3039bd168b
commit 9057948750
8 changed files with 76 additions and 23 deletions

View File

@ -23,6 +23,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
</head>
<body class="app-background" data-controller="<%= params[:controller] %>" data-action="<%= params[:action] %>">
@ -35,6 +36,9 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
<span class="logo-wrapper pull-left">
<%= link_to image_tag("bbb-logo.png", :alt => "BigBlueButton", :class => "logo"), root_path %>
</span>
<% unless params[:controller] == 'sessions' && params[:action] == 'new' %>
<%= render 'shared/signup' %>
<% end %>
</div>
<!-- End of Header -->

View File

@ -1,10 +1,39 @@
<% content_for :title do %>
<div class="title">
<h2><%= t('log_in') %></h2>
</div>
<% end %>
<div class="page-wrapper login">
<div class="container-fluid">
<div class="center-panel-wrapper">
<%= render layout: 'shared/center_panel' do %>
<div class="center-block center-panel-content-size col-xs-12">
<%= render 'shared/signup' %>
<% if omniauth_providers_configured(:twitter) %>
<%= link_to '/auth/twitter', class: "signin-link signin-link-twitter" do %>
<div class="signin-button center-block">
<div class="signin-icon-wrapper">
<%= image_tag("twitter_signin_logo.png", alt: "T", class: "signin-icon") %>
</div>
<div class="signin-text-wrapper text-center">
<span class="signin-text"><%= t('signin_text', provider: 'Twitter') %></span>
</div>
</div>
<% end %>
<% end %>
<% if omniauth_providers_configured(:google) %>
<%= link_to '/auth/google', class: "signin-link signin-link-google" do %>
<div class="signin-button center-block">
<div class="signin-icon-wrapper">
<%= image_tag("g-normal.png", alt: "G", class: "signin-icon") %>
</div>
<div class="signin-text-wrapper text-center">
<span class="signin-text"><%= t('signin_text', provider: 'Google') %></span>
</div>
</div>
<% end %>
<% end %>
</div>
<% end %>
</div>

View File

@ -1,4 +1,4 @@
<span class="signup">
<span class="signup pull-right">
<% if current_user %>
<% if !@user %>
<%= link_to current_user.name, current_user.room_url %> |
@ -9,21 +9,5 @@
<% elsif @user %>
<%= t('are_you', name: @user.username) %> |
<%= link_to t('login'), "/auth/#{@user.provider}" %>
<% else %>
<% if omniauth_providers_configured.present? %>
<span class="signup-description hidden-xs">
<%= t('oauth_signup') %>
</span>
<% end %>
<% if omniauth_providers_configured(:twitter) %>
<%= link_to('/auth/twitter', :class => "btn icon btn-lg btn-social-icon btn-twitter") do %>
<span class="fa fa-twitter"></span>
<% end %>
<% end %>
<% if omniauth_providers_configured(:google) %>
<%= link_to('/auth/google', :class => "btn icon btn-lg btn-social-icon btn-google") do %>
<span class="fa fa-google"></span>
<% end %>
<% end %>
<% end %>
</span>