Learning Podium - Loans Layout - 3

loans-layout-3.js

const express = require('express');
const Layout = require('@podium/layout');

const app = express();

const domain = 'http://localhost';
const port = '7000';
const url = `${domain}:${port}`;

const layout = new Layout({
    name: 'loansLayout',
    pathname: '/loans',
});

const headerPodlet = layout.client.register({
    name: 'headerPodlet',
    uri: 'http://localhost:7100/manifest.json',
});

const myLoansPodlet = layout.client.register({
    name: 'myLoansPodlet',
    uri: 'http://localhost:7300/manifest.json',
});

const feedbackPodlet = layout.client.register({
    name: 'feedbackPodlet',
    uri: 'http://localhost:7200/manifest.json',
});

app.use(layout.middleware());

app.get('/loans', async (req, res) => {
    const incoming = res.locals.podium;

    const [header, myLoans, feedback] = await Promise.all([
        headerPodlet.fetch(incoming),
        myLoansPodlet.fetch(incoming),
        feedbackPodlet.fetch(incoming)
    ]);
    
    incoming.podlets = [header, myLoans, feedback];
    incoming.view.title = 'Loans';

    res.podiumSend(`
        <div>${header}</div>
        <div>${myLoans}</div>
        <div>${feedback}</div>
    `);
});

app.listen(port, () => {
    console.log(url);
});