( function () { const ux_bubbles_css = 'ux_message__styles'; if ( !document.getElementById( ux_bubbles_css ) ) { const styleEl = document.createElement( 'style' ); styleEl.id = ux_bubbles_css; styleEl.textContent = ` /* UX MESSAGE BUBBLES */ #ux_message__wrapper { position : fixed; left : 0; right : 0; bottom : 0; pointer-events : none; z-index : 99999; transition : all 0.7s ease-in-out; height : 0; margin-bottom : 0; background-color: #fff; width : fit-content; margin-left : 12px; } #ux_message__wrapper.open { height : 88px; margin-bottom : 10px; border-radius : 10px; } .ux_message__circle { display : grid; grid-template-columns : 56px 1fr; gap : 16px; align-items : center; position : relative; height : 88px; border : 1px solid rgba( 216 , 217 , 226 , .5 ); box-shadow : rgb( 0 0 0 / 43% ) 5px 5px 37px -4px; pointer-events : auto; border-radius : 10px; width : 350px; padding-inline : 15px; border-left : 9px solid #1674EA; } .ux_message__text { font-family : system-ui; font-size : 15px; } `; document.head.appendChild( styleEl ); } } )(); var url_query_string = new URLSearchParams( window.location.search ); var msg_query_string = url_query_string.has( 'msg' ) ? url_query_string.get( 'msg' ) : ''; const ux_messages = [{"query_string":"delete_webinar","message_content":"Deleted Successfully","type":"success"},{"query_string":"updated","message_content":"Updated Successfully","type":"success"}] // Create a new
element const ux_message__wrapper = document.createElement( 'div' ); // Set the id ux_message__wrapper.id = 'ux_message__wrapper'; // Append it to the document.body.appendChild( ux_message__wrapper ); if( msg_query_string != '' ){ ux_messages.forEach( function ( item ) { console.log( item.query_string ) if ( item.query_string == msg_query_string ) { if ( item.type == 'success' ) { // GREEN MESSAGE let message_content = `
${ item.message_content }
`; document.querySelector( '#ux_message__wrapper' ).insertAdjacentHTML( 'beforeend', message_content ); setTimeout( function () { document.querySelector( '#ux_message__wrapper' ).classList.add( 'open' ); }, 500 ); } else if( item.type == 'error' ) { // RED MESSAGE let message_content = `
${ item.message_content }
`; document.querySelector( '#ux_message__wrapper' ).insertAdjacentHTML( 'beforeend', message_content ); setTimeout( function () { document.querySelector( '#ux_message__wrapper' ).classList.add( 'open' ); }, 500 ); }else if( item.type == 'warning' ) { // YELLOW MESSAGE let message_content = `
${ item.message_content }
`; document.querySelector( '#ux_message__wrapper' ).insertAdjacentHTML( 'beforeend', message_content ); setTimeout( function () { document.querySelector( '#ux_message__wrapper' ).classList.add( 'open' ); }, 500 ); } setTimeout( function () { document.querySelector( '#ux_message__wrapper' ).classList.remove( 'open' ); }, 6000 ); } }); }