Создайте собственный экран входа в систему для HWIOAuth Bundle с помощью начальной загрузки

Question

{% 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>

    {% for type, messages in app.session.flashBag.all %}
        {% for message in messages %}
            <div class="{{ type }}">
                {{ message|trans({}, 'FOSUserBundle') }}
            </div>
        {% endfor %}
    {% endfor %}

    <div>
        {% block fos_user_content %}
        {% endblock fos_user_content %}
    </div>

{% endblock %}

на данный момент мой экран выглядит как кнопки для входа в систему через facebook или gmail, как пример того, как сделать более визуальный экран с иконками входа и централизованным.

Спасибо.

Answer 1

            <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>

Я мог бы сделать это таким образом, чтобы быть более настраиваемым меню входа в систему, а также провайдером и контроллером для обработки моего пользователя, если кто-то должен отправить комментарий ниже, чтобы отредактировать ответ.