Let's now add the component's template file, that contains the Login with Facebook button. Create a new login.facebook.component.html file in the same folder of the preceding .ts file and fill it with the following content:

<div class="fb-login-button" 
     data-max-rows="1" 
     data-size="medium" 
     data-button-type="login_with" 
     data-show-faces="false" 
     data-auto-logout-link="false" 
     data-use-continue-as="false"
     data-scope="public_profile,email"
     ></div>

In case we don't like how it looks, we can generate our very own Facebook Login button from https://developers.facebook.com/docs/facebook-login/web/login-button/.

Just ensure to respect the value of the data-scope attribute, as these are the user information relevant fields that our TokenController will need to retrieve in order to perform its stuff.