liff.js

window.onload = function() {
    const useNodeJS = false;  
    const defaultLiffId = "1653716067-3Glwdagk";  //change to your liff id in your line developer

    let myLiffId = "";

    myLiffId = defaultLiffId;
    
    inisialisasiLiff(myLiffId);

}

function inisialisasiLiff(myLiffId) {
    liff
        .init({
            liffId: myLiffId
        })
        .then(() => {
            
            startupApp();
        })
        .catch((err) => {
            console.log('error', err);
        });
}

function startupApp(){
	if (liff.isLoggedIn()) {
        getUsername();
    } else {
        document.getElementById("event_list").style.display = "none";
  		document.getElementById("login").style.display = "block";
  		document.getElementById("navbar").style.visibility = "hidden";
  		cekBrowser();
    }
}

function cekBrowser() {
    if (liff.isInClient() == true) {
        document.getElementById("infoclient").innerHTML = 'You are opening the app in the in-app browser of LINE.';
    } else {
        document.getElementById("infoclient").innerHTML = 'You are opening the app in an external browser.';
    }
}

function externalBrowser(){
	liff.openWindow({
            url: 'https://eventonlineorder.herokuapp.com/', 
            external: true
        });
}

function logout(){
	liff.logout();
    window.location.reload();
}

function loginUser(){

	if (!liff.isLoggedIn()) {
          
            liff.login();
        }
}

function getUsername(){
	
	liff.getProfile()
		.then(profile => {
  			const name = profile.displayName;
  			document.getElementById("userbtn").innerHTML = name;
		})
		.catch((err) => {
  			console.log('error', err);
		});
		
		  document.getElementById("event_list").style.display = "inline-block";
		  document.getElementById("login").style.display = "none";
		  document.getElementById("navbar").style.visibility = "visible";
}

function senddata(){
	if (liff.isInClient() == false) {
            alert('This button is unavailable as LIFF is currently being opened in an external browser.');
        } else {
			if (sessionStorage.list_event) {
		        list_event = JSON.parse(sessionStorage.getItem('list_event'));
		        if (list_event != null && list_event.length > 0) {
		            for (i in list_event) {
						liff.sendMessages([{
		                	'type': 'text',
		                	'text': "Anda telah memesan tiket "+list_event[i].event+", pada tanggal "+list_event[i].date+" yang berlokasi di "+list_event[i].location+" dengan harga tiket "+list_event[i].price+""
			            }]).then(function() {
			                console.log('mengirim pesan');
			            }).catch(function(error) {
			                window.alert('Error sending message: ' + error);
			            });
		        	}
		    	}
			}
	}
}



function kirimPesan1(){
	if (liff.isInClient() == false) {
            console.log('cant send message to line bcause its run in externalBrowser');
        } else {
            var event = document.getElementById("event").innerHTML;
  			var date = document.getElementById("date").innerHTML;
  			var location = document.getElementById("location").innerHTML;
  			var price = document.getElementById("price").innerHTML;

			liff.sendMessages([{
                'type': 'text',
                'text': "Anda telah memesan tiket "+event+", pada tanggal "+date+" yang berlokasi di "+location+" dengan harga tiket "+price+""
            }]).then(function() {
                console.log('mengirim pesan');
            }).catch(function(error) {
                window.alert('Error sending message: ' + error);
            });
        }
}

function kirimPesan2(){
	if (liff.isInClient() == false) {
            console.log('cant send message to line bcause its run in externalBrowser');
        } else {

			var event = document.getElementById("event2").innerHTML;
			var date = document.getElementById("date2").innerHTML;
			var location = document.getElementById("location2").innerHTML;
			var price = document.getElementById("price2").innerHTML;

			liff.sendMessages([{
                'type': 'text',
                'text': "Anda telah memesan tiket "+event+", pada tanggal "+date+" yang berlokasi di "+location+" dengan harga tiket "+price+""
            }]).then(function() {
                console.log('mengirim pesan');
            }).catch(function(error) {
                window.alert('Error sending message: ' + error);
            });
	}
}

function kirimPesan3(){
	if (liff.isInClient() == false) {
            console.log('cant send message to line bcause its run in externalBrowser');
        } else {
			var event = document.getElementById("event3").innerHTML;
  			var date = document.getElementById("date3").innerHTML;
  			var location = document.getElementById("location3").innerHTML;
  			var price = document.getElementById("price3").innerHTML;

			liff.sendMessages([{
                'type': 'text',
                'text': "Anda telah memesan tiket "+event+", pada tanggal "+date+" yang berlokasi di "+location+" dengan harga tiket "+price+""
            }]).then(function() {
                console.log('mengirim pesan');
            }).catch(function(error) {
                window.alert('Error sending message: ' + error);
            });
	}
}

function kirimPesan4(){
	if (liff.isInClient() == false) {
            console.log('cant send message to line bcause its run in externalBrowser');
        } else {
			var event = document.getElementById("event4").innerHTML;
  			var date = document.getElementById("date4").innerHTML;
  			var location = document.getElementById("location4").innerHTML;
  			var price = document.getElementById("price4").innerHTML;

			liff.sendMessages([{
                'type': 'text',
                'text': "Anda telah memesan tiket "+event+", pada tanggal "+date+" yang berlokasi di "+location+" dengan harga tiket "+price+""
            }]).then(function() {
                console.log('mengirim pesan');
            }).catch(function(error) {
                window.alert('Error sending message: ' + error);
            });
	}
}

function kirimPesan5(){
	if (liff.isInClient() == false) {
            console.log('cant send message to line bcause its run in externalBrowser');
        } else {
			var event = document.getElementById("event5").innerHTML;
  			var date = document.getElementById("date5").innerHTML;
  			var location = document.getElementById("location5").innerHTML;
  			var price = document.getElementById("price5").innerHTML;

			liff.sendMessages([{
                'type': 'text',
                'text': "Anda telah memesan tiket "+event+", pada tanggal "+date+" yang berlokasi di "+location+" dengan harga tiket "+price+""
            }]).then(function() {
                console.log('mengirim pesan');
            }).catch(function(error) {
                window.alert('Error sending message: ' + error);
            });
	}
}

function kirimPesan6(){
	if (liff.isInClient() == false) {
            console.log('cant send message to line bcause its run in externalBrowser');
        } else {
			var event = document.getElementById("event6").innerHTML;
  			var date = document.getElementById("date6").innerHTML;
  			var location = document.getElementById("location6").innerHTML;
  			var price = document.getElementById("price6").innerHTML;

			liff.sendMessages([{
                'type': 'text',
                'text': "Anda telah memesan tiket "+event+", pada tanggal "+date+" yang berlokasi di "+location+" dengan harga tiket "+price+""
            }]).then(function() {
                console.log('mengirim pesan');
            }).catch(function(error) {
                window.alert('Error sending message: ' + error);
            });
	}
}