212 lines
8.2 KiB
JavaScript
212 lines
8.2 KiB
JavaScript
console.log("[INP2P] boot", typeof Vue, Vue && Vue.version);
|
|
|
|
const { createApp, onMounted, onBeforeUnmount, watch } = Vue;
|
|
|
|
createApp({
|
|
setup(){
|
|
const state = window.INP2P.createState(Vue);
|
|
const { api, loginByPassword } = window.INP2P.createApi(state);
|
|
const { actions, refs, setSwitchTab } = window.INP2P.createActions(state, { api, loginByPassword, Vue });
|
|
|
|
const switchTab = async (next) => {
|
|
state.tab.value = next;
|
|
if (!state.loggedIn.value) return;
|
|
try {
|
|
if (next === 'tenants') await actions.loadTenants();
|
|
else if (next === 'apikeys') await actions.loadKeys();
|
|
else if (next === 'users') await actions.loadUsers();
|
|
else if (next === 'enroll') await actions.loadEnrolls();
|
|
else if (next === 'settings' && state.isAdmin.value) {
|
|
state.beginTab('settings');
|
|
try { state.settings.value = await api('/api/v1/admin/settings'); state.endTabOk('settings'); }
|
|
catch(_) { state.endTabErr('settings'); }
|
|
} else if (next === 'audit' && state.isAdmin.value) {
|
|
await actions.loadAudit();
|
|
} else if (next === 'sdwan') {
|
|
state.beginTab('sdwan');
|
|
try {
|
|
state.sd.value = await api('/api/v1/sdwans');
|
|
state.endTabOk('sdwan', !(state.sd.value?.nodes||[]).length);
|
|
} catch (e) { state.toast('SDWAN 加载失败: ' + (e.message || ''), 'error'); state.endTabErr('sdwan'); }
|
|
}
|
|
} catch (e) {
|
|
state.toast(e.message || '切换页面失败', 'error');
|
|
}
|
|
};
|
|
|
|
setSwitchTab(switchTab);
|
|
|
|
watch(state.refreshSec, actions.startTimer);
|
|
watch(state.loggedIn, (v) => {
|
|
if (v) actions.startTimer();
|
|
else actions.stopTimer();
|
|
});
|
|
|
|
watch(state.tenantKeyword, (v) => localStorage.setItem('inp2p_kw_tenant', String(v || '')));
|
|
watch(state.keyKeyword, (v) => localStorage.setItem('inp2p_kw_key', String(v || '')));
|
|
watch(state.userKeyword, (v) => localStorage.setItem('inp2p_kw_user', String(v || '')));
|
|
watch(state.enrollKeyword, (v) => localStorage.setItem('inp2p_kw_enroll', String(v || '')));
|
|
watch(state.keepFailedPool, (v) => localStorage.setItem('inp2p_keep_failed_pool', v ? '1' : '0'));
|
|
|
|
onMounted(() => {
|
|
state.applyTheme && state.applyTheme();
|
|
// 全局兜底：前端异常时保留可见提示，避免“瞬间空白”
|
|
window.addEventListener('error', (ev) => {
|
|
const m = (ev && ev.message) ? ev.message : 'unknown';
|
|
state.toast('前端异常：' + m, 'error');
|
|
state.logEvent && state.logEvent('error', { tab:'global', action:'window_error', message:m });
|
|
});
|
|
window.addEventListener('unhandledrejection', (ev) => {
|
|
const m = ev && ev.reason && ev.reason.message ? ev.reason.message : String(ev && ev.reason ? ev.reason : 'unknown');
|
|
state.toast('请求异常：' + m, 'error');
|
|
state.logEvent && state.logEvent('error', { tab:'global', action:'promise_rejection', message:m });
|
|
});
|
|
|
|
if (localStorage.getItem('t')) {
|
|
state.loggedIn.value = true;
|
|
actions.refreshAll();
|
|
switchTab(state.tab.value);
|
|
}
|
|
});
|
|
|
|
onBeforeUnmount(() => {
|
|
});
|
|
|
|
return {
|
|
buildVersion: state.buildVersion,
|
|
tab: state.tab,
|
|
filteredTabs: state.filteredTabs,
|
|
loggedIn: state.loggedIn,
|
|
loginBusy: state.loginBusy,
|
|
globalBusy: state.globalBusy,
|
|
tabBusy: state.tabBusy,
|
|
tabState: state.tabState,
|
|
debugMode: state.debugMode,
|
|
debugEvents: state.debugEvents,
|
|
clearDebugEvents: state.clearDebugEvents,
|
|
role: state.role,
|
|
roleLabel: state.roleLabel,
|
|
status: state.status,
|
|
tokenType: state.tokenType,
|
|
tenantId: state.tenantId,
|
|
loginUser: state.loginUser,
|
|
loginPass: state.loginPass,
|
|
loginErr: state.loginErr,
|
|
opSummary: state.opSummary,
|
|
refreshSec: state.refreshSec,
|
|
theme: state.theme,
|
|
health: state.health,
|
|
stats: state.stats,
|
|
nodes: state.nodes,
|
|
nodeKeyword: state.nodeKeyword,
|
|
filteredNodes: state.filteredNodes,
|
|
sd: state.sd,
|
|
connectForm: state.connectForm,
|
|
nodeEditVisible: state.nodeEditVisible,
|
|
nodeEditMode: state.nodeEditMode,
|
|
nodeEditTitle: state.nodeEditTitle,
|
|
nodeEditNode: state.nodeEditNode,
|
|
nodeEditValue: state.nodeEditValue,
|
|
tenants: state.tenants,
|
|
activeTenant: state.activeTenant,
|
|
keys: state.keys,
|
|
users: state.users,
|
|
enrolls: state.enrolls,
|
|
selectedKeyIds: state.selectedKeyIds,
|
|
selectedUserIds: state.selectedUserIds,
|
|
selectedEnrollIds: state.selectedEnrollIds,
|
|
bulkFailedKeyIds: state.bulkFailedKeyIds,
|
|
bulkFailedUserIds: state.bulkFailedUserIds,
|
|
bulkFailedEnrollIds: state.bulkFailedEnrollIds,
|
|
keepFailedPool: state.keepFailedPool,
|
|
auditPreset: state.auditPreset,
|
|
tenantKeyword: state.tenantKeyword,
|
|
keyKeyword: state.keyKeyword,
|
|
userKeyword: state.userKeyword,
|
|
enrollKeyword: state.enrollKeyword,
|
|
filteredTenants: state.filteredTenants,
|
|
filteredKeys: state.filteredKeys,
|
|
filteredUsers: state.filteredUsers,
|
|
filteredEnrolls: state.filteredEnrolls,
|
|
tenantForm: state.tenantForm,
|
|
keyForm: state.keyForm,
|
|
userForm: state.userForm,
|
|
settings: state.settings,
|
|
tenantFormErr: state.tenantFormErr,
|
|
keyFormErr: state.keyFormErr,
|
|
userFormErr: state.userFormErr,
|
|
sdwanFormErr: state.sdwanFormErr,
|
|
audit: state.audit,
|
|
auditTenant: state.auditTenant,
|
|
auditFilters: state.auditFilters,
|
|
auditActionOptions: state.auditActionOptions,
|
|
onlineMap: state.onlineMap,
|
|
nodeStatus: state.nodeStatus,
|
|
isOnline: state.isOnline,
|
|
nodeOnline: state.nodeOnline,
|
|
nodeStatusTextOf: state.nodeStatusTextOf,
|
|
nodeStatusClassOf: state.nodeStatusClassOf,
|
|
natText: state.natText,
|
|
uptime: state.uptime,
|
|
fmtTime: state.fmtTime,
|
|
|
|
appPushNode: refs.appPushNode,
|
|
appPushRaw: refs.appPushRaw,
|
|
|
|
login: actions.login,
|
|
logout: actions.logout,
|
|
refreshAll: actions.refreshAll,
|
|
switchTab,
|
|
toggleTheme: state.toggleTheme,
|
|
saveSDWAN: actions.saveSDWAN,
|
|
addSDWANNode: actions.addSDWANNode,
|
|
removeSDWANNode: actions.removeSDWANNode,
|
|
addSubnetProxy: actions.addSubnetProxy,
|
|
removeSubnetProxy: actions.removeSubnetProxy,
|
|
autoAssignIPs: actions.autoAssignIPs,
|
|
kickNode: actions.kickNode,
|
|
renameNode: actions.renameNode,
|
|
changeNodeIP: actions.changeNodeIP,
|
|
closeNodeEdit: actions.closeNodeEdit,
|
|
submitNodeEdit: actions.submitNodeEdit,
|
|
openAppManager: actions.openAppManager,
|
|
pushAppConfigs: actions.pushAppConfigs,
|
|
openConnect: actions.openConnect,
|
|
doConnect: actions.doConnect,
|
|
createTenant: actions.createTenant,
|
|
loadTenants: actions.loadTenants,
|
|
setTenantStatus: actions.setTenantStatus,
|
|
reassignTenantSubnet: actions.reassignTenantSubnet,
|
|
createKey: actions.createKey,
|
|
loadKeys: actions.loadKeys,
|
|
setKeyStatus: actions.setKeyStatus,
|
|
createUser: actions.createUser,
|
|
loadUsers: actions.loadUsers,
|
|
setUserStatus: actions.setUserStatus,
|
|
resetUserPassword: actions.resetUserPassword,
|
|
deleteUser: actions.deleteUser,
|
|
createEnroll: actions.createEnroll,
|
|
loadEnrolls: actions.loadEnrolls,
|
|
setEnrollStatus: actions.setEnrollStatus,
|
|
consumeEnroll: actions.consumeEnroll,
|
|
saveSettings: actions.saveSettings,
|
|
loadAudit: actions.loadAudit,
|
|
clearAuditFilters: actions.clearAuditFilters,
|
|
applyAuditPreset: actions.applyAuditPreset,
|
|
exportAuditCsv: actions.exportAuditCsv,
|
|
exportAuditFailuresCsv: actions.exportAuditFailuresCsv,
|
|
toggleAllKeys: actions.toggleAllKeys,
|
|
toggleAllUsers: actions.toggleAllUsers,
|
|
toggleAllEnrolls: actions.toggleAllEnrolls,
|
|
bulkSetKeyStatus: actions.bulkSetKeyStatus,
|
|
bulkSetUserStatus: actions.bulkSetUserStatus,
|
|
bulkSetEnrollStatus: actions.bulkSetEnrollStatus,
|
|
retryFailedKeyOps: actions.retryFailedKeyOps,
|
|
retryFailedUserOps: actions.retryFailedUserOps,
|
|
retryFailedEnrollOps: actions.retryFailedEnrollOps,
|
|
clearFailedPool: actions.clearFailedPool,
|
|
updateCharts: actions.updateCharts
|
|
};
|
|
}
|
|
}).mount('#app');
|