XPages App to Web App: Part Eight - Landing Page Web Component
We've got a login page, we've got theming, we're handling light mode and dark mode. Now we're ready to start adding our landing page.
We've got a login page, we've got theming, we're handling light mode and dark mode. Now we're ready to start adding our landing page.
In the last part we created the login form. In this part we're going to start adding some theming.
In the last part, we created for login form and added an eventHandler to call formLogin()
function. However, we didn't go into the code behind that function. That function is pretty basic, offloading the bulk of the processing:
const formLogin = () => {
let username = document.getElementById("username-input").value;
let password = document.getElementById("password-input").value;
login(username, password);
};
So it's time to start with the application. Any development - team or individual - should use source control. My usual approach is to create the repository in GitHub (or your preferred repository), then clone it locally. A README is best practice of course. And I'll be creating two subfolders, "webapp" and "bruno" - because bruno allows me to store the REST service collection and environment in the github repo.