window.onload=async function() { let primerUI = new PrimerUI(document.getElementById('wrapper')); await primerUI.insertScriptFile('https://code.jquery.com/jquery-3.6.0.min.js'); await primerUI.insertCSSFile('https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css'); await primerUI.insertScriptFile('https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js'); //let ch = primerUI.addFont("fonts/cwTeXKai"); //let ch = primerUI.addFont("fonts/bb"); primerUI.setPage({}); let center=document.createElement('center'); let login=primerUI.loginPage({ title:'輔人科技裝置管理平台', background:'img/wp.jpg', //logo:'img/logo-01.png', //prompt:'

輔人科技

"輔人無苟,扶人無咎"

', prompt: '歡迎您', action: '/login', id: 'loginBox', },center); $('#wrapper').append(center); $('#wrapper').css('display','block'); $('#wrapper').css('text-align','center'); //$('#loginBox').addClass(ch); $('#loginBox').css('min-width','300px'); $('#loginBox').css('max-width','800px'); $('#loginBox').css('opacity','0.92'); $('#loginBox').css('background-color','#a0a0a0'); $('#loginBox').css('boxShadow','5px 5px 15px 5px #333'); $(center).animate({marginTop:'10%'},1500); let lang=primerUI.input({}); $(lang).attr('name','language'); $(lang).val('chinese'); $(lang).css('display','none'); $('#loginBox_form').append(lang); let btn=$('#loginBox_form').find("div button")[0]; $(btn).text('登入'); let nBtn=primerUI.button({text:'Login',class:'btn btn-primary btn-block'}); $(nBtn).attr('type','submit'); $(nBtn).on('click',()=>{ $(lang).val('english')}); $(btn).parent().append(nBtn); nBtn=primerUI.button({text:'にほんご',class:'btn btn-primary btn-block'}); $(nBtn).attr('type','submit'); $(nBtn).on('click',()=>{ $(lang).val('japen')}); $(btn).parent().append(nBtn); /* chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { // ... handle message console.log(request); return true // Error message says you already return true }) */ }