php - Make a custom login screen for the HWIOAuth Bundle using bootstrap -
{% extends '::base.html.twig' %} {% block content %} <div> {% if is_granted("is_authenticated_remembered") %} {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'fosuserbundle') }} | <a href="{{ path('fos_user_security_logout') }}"> {{ 'layout.logout'|trans({}, 'fosuserbundle') }} </a> {% else %} <a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'fosuserbundle') }}</a> {% endif %} </div> {% type, messages in app.session.flashbag.all %} {% message in messages %} <div class="{{ type }}"> {{ message|trans({}, 'fosuserbundle') }} </div> {% endfor %} {% endfor %} <div> {% block fos_user_content %} {% endblock fos_user_content %} </div> {% endblock %}
for screen has appearance appear buttons login facebook or gmail, example of how more visual screen icons login , centralized.
thank you.
<div class="custombtn"><a href="{{ path('hwi_oauth_service_redirect', {'service': 'facebook'}) }}"> {% image 'bundles/delivveweb/images/facebook.png' %} <img src="{{ asset_url }}"> {% endimage %} </a></div> <div class="custombtn"><a href="{{ path('hwi_oauth_service_redirect', {'service': 'google'}) }}"> {% image 'bundles/delivveweb/images/google.png' %} <img src="{{ asset_url }}"> {% endimage %} </a></div> <div class="custombtn"><a href="{{ path('hwi_oauth_service_redirect', {'service': 'linkedin'}) }}"> {% image 'bundles/delivveweb/images/in.png' %} <img src="{{ asset_url }}"> {% endimage %} </a></div>
i way more customizable login menu did provider , controller make treatment of user if needs send comment below edit answer.
Comments
Post a Comment