create-kf-component/scaffolders/page/template/vannila/src/landing/index.js

create-kf-component is a cli tool that scaffolds Javascript based custom component projects that seamlessly integrate into Kissflow.

function showUserInfo() {
    kf.client.showInfo(`Hi ${kf.user.Name}!`)
}

document.getElementById('error').style.display = 'none'

export function defaultLandingComponent() {
    let userName = window.kf.user.Name
    document.getElementById('error').style.display = 'none'
    document.getElementById('username').innerHTML = userName
    document
        .getElementById('clickHere')
        .addEventListener('click', () => showUserInfo())

    window.kf.context.watchParams(function (data) {
        console.log('watch params data', data)
        document.getElementById('inputParameters').innerHTML =
            JSON.stringify(data)
    })
}

export function defaultErrorComponent() {
    document.getElementById('landingHero').style.display = 'none'
}