196 lines
4.3 KiB
TypeScript
196 lines
4.3 KiB
TypeScript
import { cloneDeep } from 'lodash';
|
|
import Web3 from 'web3';
|
|
import { store } from 'react-easy-state';
|
|
import axios, { AxiosError } from 'axios';
|
|
import { User, Proposal, INITIAL_CONTRACT, Contract, ContractMethodInput } from './types';
|
|
import {
|
|
initializeWeb3,
|
|
populateProposalContract,
|
|
proposalContractSend,
|
|
} from './web3helper';
|
|
|
|
// API
|
|
const api = axios.create({
|
|
baseURL: process.env.BACKEND_URL + '/api/v1',
|
|
withCredentials: true,
|
|
});
|
|
|
|
async function login(username: string, password: string) {
|
|
const { data } = await api.post('/admin/login', {
|
|
username,
|
|
password,
|
|
});
|
|
return data.isLoggedIn;
|
|
}
|
|
|
|
async function logout() {
|
|
const { data } = await api.get('/admin/logout');
|
|
return data.isLoggedIn;
|
|
}
|
|
|
|
async function checkLogin() {
|
|
const { data } = await api.get('/admin/checklogin');
|
|
return data.isLoggedIn;
|
|
}
|
|
|
|
async function fetchStats() {
|
|
const { data } = await api.get('/admin/stats');
|
|
return data;
|
|
}
|
|
|
|
async function fetchUsers() {
|
|
const { data } = await api.get('/admin/users');
|
|
return data;
|
|
}
|
|
|
|
async function deleteUser(id: string) {
|
|
const { data } = await api.delete('/admin/users/' + id);
|
|
return data;
|
|
}
|
|
|
|
async function fetchProposals() {
|
|
const { data } = await api.get('/admin/proposals');
|
|
data.forEach((p: Proposal) => (p.contract = cloneDeep(INITIAL_CONTRACT)));
|
|
return data;
|
|
}
|
|
|
|
async function deleteProposal(id: number) {
|
|
const { data } = await api.delete('/admin/proposals/' + id);
|
|
return data;
|
|
}
|
|
|
|
// STORE
|
|
const app = store({
|
|
hasCheckedLogin: false,
|
|
isLoggedIn: false,
|
|
loginError: '',
|
|
generalError: [] as string[],
|
|
stats: {
|
|
userCount: -1,
|
|
proposalCount: -1,
|
|
},
|
|
usersFetched: false,
|
|
users: [] as User[],
|
|
proposalsFetched: false,
|
|
proposals: [] as Proposal[],
|
|
web3Type: '',
|
|
web3Enabled: false,
|
|
ethNetId: -1,
|
|
ethAccount: '',
|
|
crowdFundFactoryDefinitionStatus: '',
|
|
crowdFundGeneralStatus: 'idle',
|
|
|
|
removeGeneralError(i: number) {
|
|
app.generalError.splice(i, 1);
|
|
},
|
|
|
|
async checkLogin() {
|
|
app.isLoggedIn = await checkLogin();
|
|
app.hasCheckedLogin = true;
|
|
},
|
|
|
|
async login(username: string, password: string) {
|
|
try {
|
|
app.isLoggedIn = await login(username, password);
|
|
} catch (e) {
|
|
app.loginError = e.response.data.message;
|
|
}
|
|
},
|
|
|
|
async logout() {
|
|
try {
|
|
app.isLoggedIn = await logout();
|
|
} catch (e) {
|
|
app.generalError.push(e.toString());
|
|
}
|
|
},
|
|
|
|
async fetchStats() {
|
|
try {
|
|
app.stats = await fetchStats();
|
|
} catch (e) {
|
|
handleApiError(e);
|
|
}
|
|
},
|
|
|
|
async fetchUsers() {
|
|
try {
|
|
app.users = await fetchUsers();
|
|
app.usersFetched = true;
|
|
} catch (e) {
|
|
handleApiError(e);
|
|
}
|
|
},
|
|
|
|
async deleteUser(id: string) {
|
|
try {
|
|
await deleteUser(id);
|
|
app.users = app.users.filter(u => u.accountAddress !== id && u.emailAddress !== id);
|
|
} catch (e) {
|
|
handleApiError(e);
|
|
}
|
|
},
|
|
|
|
async fetchProposals() {
|
|
try {
|
|
app.proposals = await fetchProposals();
|
|
app.proposalsFetched = true;
|
|
// for (const p of app.proposals) {
|
|
// TODO: partial populate contributorList
|
|
// await app.populateProposalContract(p.proposalId);
|
|
// }
|
|
} catch (e) {
|
|
handleApiError(e);
|
|
}
|
|
},
|
|
|
|
async populateProposalContract(proposalId: number) {
|
|
console.log(proposalId);
|
|
if (web3) {
|
|
await populateProposalContract(app, web3, proposalId);
|
|
}
|
|
},
|
|
|
|
async proposalContractSend(
|
|
proposalId: number,
|
|
methodName: keyof Contract,
|
|
inputs: ContractMethodInput[],
|
|
args: any[],
|
|
) {
|
|
if (web3) {
|
|
await proposalContractSend(app, web3, proposalId, methodName, inputs, args);
|
|
}
|
|
},
|
|
|
|
async deleteProposal(id: number) {
|
|
try {
|
|
await deleteProposal(id);
|
|
app.proposals = app.proposals.filter(p => p.proposalId === id);
|
|
} catch (e) {
|
|
handleApiError(e);
|
|
}
|
|
},
|
|
});
|
|
|
|
function handleApiError(e: AxiosError) {
|
|
if (e.response && e.response.data!.message) {
|
|
app.generalError.push(e.response!.data.message);
|
|
} else if (e.response && e.response.data!.data!) {
|
|
app.generalError.push(e.response!.data.data);
|
|
} else {
|
|
app.generalError.push(e.toString());
|
|
}
|
|
}
|
|
|
|
(window as any).appStore = app;
|
|
|
|
// check login status periodically
|
|
app.checkLogin();
|
|
window.setInterval(app.checkLogin, 10000);
|
|
|
|
let web3: null | Web3 = null;
|
|
initializeWeb3(app).then(x => (web3 = x));
|
|
|
|
export type TApp = typeof app;
|
|
export default app;
|