2018-07-13 07:32:22 -07:00
|
|
|
import React from 'react'
|
|
|
|
import moment from 'moment'
|
2018-12-21 11:45:45 -08:00
|
|
|
import swal from 'sweetalert2'
|
|
|
|
import { BallotDataPair } from '../BallotDataPair'
|
2018-12-21 13:41:29 -08:00
|
|
|
import { BallotFooter } from '../BallotFooter'
|
2018-12-21 11:45:45 -08:00
|
|
|
import { BallotInfoContainer } from '../BallotInfoContainer'
|
2018-12-26 13:54:17 -08:00
|
|
|
import { Votes } from '../Votes'
|
2018-12-21 13:41:29 -08:00
|
|
|
import { getNetworkBranch } from '../../utils/utils'
|
2018-07-13 07:32:22 -07:00
|
|
|
import { inject, observer } from 'mobx-react'
|
2019-10-28 23:43:19 -07:00
|
|
|
import messages from '../../utils/messages'
|
2018-12-21 11:45:45 -08:00
|
|
|
import { observable, action, computed } from 'mobx'
|
2018-12-20 15:07:03 -08:00
|
|
|
import { sendTransactionByVotingKey } from '../../utils/helpers'
|
2018-07-13 07:32:22 -07:00
|
|
|
|
|
|
|
const ACCEPT = 1
|
|
|
|
const REJECT = 2
|
2018-09-17 09:17:56 -07:00
|
|
|
const SEND = 1
|
|
|
|
const BURN = 2
|
|
|
|
const FREEZE = 3
|
2018-07-13 07:32:22 -07:00
|
|
|
const USDateTimeFormat = 'MM/DD/YYYY h:mm:ss A'
|
|
|
|
const zeroTimeTo = '00:00'
|
|
|
|
|
|
|
|
@inject('commonStore', 'contractsStore', 'routing', 'ballotsStore')
|
2018-01-11 10:49:08 -08:00
|
|
|
@observer
|
|
|
|
export class BallotCard extends React.Component {
|
2018-09-19 00:54:31 -07:00
|
|
|
@observable cancelDeadline = 0
|
2019-05-27 07:08:47 -07:00
|
|
|
@observable nowTimeUnix
|
2018-07-13 07:32:22 -07:00
|
|
|
@observable startTime
|
2019-05-27 07:08:47 -07:00
|
|
|
@observable startTimeUnix
|
2018-07-13 07:32:22 -07:00
|
|
|
@observable endTime
|
|
|
|
@observable timeTo = {}
|
|
|
|
@observable
|
|
|
|
timeToStart = {
|
|
|
|
val: 0,
|
|
|
|
displayValue: zeroTimeTo,
|
|
|
|
title: 'To start'
|
|
|
|
}
|
|
|
|
@observable
|
|
|
|
timeToFinish = {
|
|
|
|
val: 0,
|
|
|
|
displayValue: zeroTimeTo,
|
|
|
|
title: 'To close'
|
|
|
|
}
|
2018-09-19 00:54:31 -07:00
|
|
|
@observable
|
|
|
|
timeToCancel = {
|
|
|
|
val: 0,
|
|
|
|
displayValue: zeroTimeTo
|
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
@observable creatorMiningKey
|
|
|
|
@observable creator
|
|
|
|
@observable progress
|
|
|
|
@observable totalVoters
|
2018-09-17 10:33:54 -07:00
|
|
|
@observable burnVotes
|
|
|
|
@observable freezeVotes
|
|
|
|
@observable sendVotes
|
2018-07-13 07:32:22 -07:00
|
|
|
@observable isFinalized
|
2018-09-19 00:54:31 -07:00
|
|
|
@observable isCanceled = false
|
2018-07-13 07:32:22 -07:00
|
|
|
@observable canBeFinalized
|
|
|
|
@observable hasAlreadyVoted
|
|
|
|
@observable memo
|
2018-11-16 01:18:23 -08:00
|
|
|
@observable quorumState
|
2019-05-27 07:08:47 -07:00
|
|
|
@observable minBallotDuration
|
2018-07-13 07:32:22 -07:00
|
|
|
|
|
|
|
@computed
|
2018-09-19 00:54:31 -07:00
|
|
|
get cancelOrFinalizeButtonDisplayName() {
|
|
|
|
if (this.isFinalized) {
|
|
|
|
return 'Finalized'
|
|
|
|
} else if (this.isCanceled) {
|
|
|
|
return 'Canceled'
|
|
|
|
} else if (this.timeToCancel.val > 0) {
|
|
|
|
return 'Cancel ballot'
|
|
|
|
} else {
|
|
|
|
return 'Finalize ballot'
|
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
2018-12-21 13:41:29 -08:00
|
|
|
get cancelOrFinalizeButtonState() {
|
|
|
|
if (this.isFinalized || this.isCanceled) {
|
|
|
|
return 'disabled'
|
2018-09-19 00:54:31 -07:00
|
|
|
} else if (this.timeToCancel.val > 0) {
|
2018-12-21 13:41:29 -08:00
|
|
|
return 'danger'
|
2018-09-19 00:54:31 -07:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
2018-09-19 00:54:31 -07:00
|
|
|
get cancelOrFinalizeDescription() {
|
2018-11-16 01:18:23 -08:00
|
|
|
if (this.isFinalized) {
|
|
|
|
if (this.props.votingType === 'votingToManageEmissionFunds') {
|
|
|
|
switch (Number(this.quorumState)) {
|
|
|
|
case 2:
|
|
|
|
return 'The funds were sent to the proposed receiver address.'
|
|
|
|
case 3:
|
|
|
|
return 'The funds were burnt.'
|
|
|
|
case 4:
|
|
|
|
return 'The funds were frozen.'
|
2018-12-17 10:09:59 -08:00
|
|
|
default:
|
|
|
|
return 'Unknown error'
|
2018-11-16 01:18:23 -08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
return ''
|
|
|
|
} else if (this.isCanceled) {
|
2018-07-13 07:32:22 -07:00
|
|
|
return ''
|
2018-09-19 00:54:31 -07:00
|
|
|
} else if (this.timeToCancel.val > 0) {
|
|
|
|
return `You can cancel this ballot within ${this.timeToCancel.displayValue}`
|
|
|
|
} else {
|
|
|
|
let description = 'Finalization is available after ballot time is finished'
|
2019-05-27 07:08:47 -07:00
|
|
|
if (this.canBeFinalized !== null && this.nowTimeUnix - this.startTimeUnix > this.minBallotDuration) {
|
2018-09-19 00:54:31 -07:00
|
|
|
description += ' or all validators are voted'
|
|
|
|
}
|
|
|
|
return description
|
2018-03-20 15:00:48 -07:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesForNumber() {
|
|
|
|
let votes = (this.totalVoters + this.progress) / 2
|
|
|
|
if (isNaN(votes)) votes = 0
|
|
|
|
return votes
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesForPercents() {
|
|
|
|
if (this.totalVoters <= 0) {
|
|
|
|
return 0
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-01-11 10:49:08 -08:00
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
let votesPercents = Math.round((this.votesForNumber / this.totalVoters) * 100)
|
|
|
|
if (isNaN(votesPercents)) votesPercents = 0
|
|
|
|
return votesPercents
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesAgainstNumber() {
|
|
|
|
let votes = (this.totalVoters - this.progress) / 2
|
|
|
|
if (isNaN(votes)) votes = 0
|
|
|
|
return votes
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesAgainstPercents() {
|
|
|
|
if (this.totalVoters <= 0) {
|
|
|
|
return 0
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-01-11 10:49:08 -08:00
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
let votesPercents = Math.round((this.votesAgainstNumber / this.totalVoters) * 100)
|
|
|
|
if (isNaN(votesPercents)) votesPercents = 0
|
|
|
|
return votesPercents
|
|
|
|
}
|
|
|
|
|
2018-09-17 09:17:56 -07:00
|
|
|
@computed
|
|
|
|
get votesBurnNumber() {
|
|
|
|
let votes = this.burnVotes
|
|
|
|
if (isNaN(votes)) votes = 0
|
|
|
|
return votes
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesBurnPercents() {
|
|
|
|
if (this.totalVoters <= 0) {
|
|
|
|
return 0
|
|
|
|
}
|
|
|
|
|
|
|
|
let votesPercents = Math.round((this.votesBurnNumber / this.totalVoters) * 100)
|
|
|
|
if (isNaN(votesPercents)) votesPercents = 0
|
|
|
|
return votesPercents
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesFreezeNumber() {
|
|
|
|
let votes = this.freezeVotes
|
|
|
|
if (isNaN(votes)) votes = 0
|
|
|
|
return votes
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesFreezePercents() {
|
|
|
|
if (this.totalVoters <= 0) {
|
|
|
|
return 0
|
|
|
|
}
|
|
|
|
|
|
|
|
let votesPercents = Math.round((this.votesFreezeNumber / this.totalVoters) * 100)
|
|
|
|
if (isNaN(votesPercents)) votesPercents = 0
|
|
|
|
return votesPercents
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesSendNumber() {
|
|
|
|
let votes = this.sendVotes
|
|
|
|
if (isNaN(votes)) votes = 0
|
|
|
|
return votes
|
|
|
|
}
|
|
|
|
|
|
|
|
@computed
|
|
|
|
get votesSendPercents() {
|
|
|
|
if (this.totalVoters <= 0) {
|
|
|
|
return 0
|
|
|
|
}
|
|
|
|
|
|
|
|
let votesPercents = Math.round((this.votesSendNumber / this.totalVoters) * 100)
|
|
|
|
if (isNaN(votesPercents)) votesPercents = 0
|
|
|
|
return votesPercents
|
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
@action('Calculate time to start/finish')
|
|
|
|
calcTimeTo = () => {
|
|
|
|
const _now = moment()
|
2018-09-19 00:54:31 -07:00
|
|
|
const cancel = moment.utc(this.cancelDeadline, USDateTimeFormat)
|
2018-07-13 07:32:22 -07:00
|
|
|
const start = moment.utc(this.startTime, USDateTimeFormat)
|
|
|
|
const finish = moment.utc(this.endTime, USDateTimeFormat)
|
2018-09-19 00:54:31 -07:00
|
|
|
const msCancel = cancel.diff(_now)
|
|
|
|
const msStart = start.diff(_now)
|
|
|
|
const msFinish = finish.diff(_now)
|
|
|
|
|
2019-05-27 07:08:47 -07:00
|
|
|
this.nowTimeUnix = moment()
|
|
|
|
.utc()
|
|
|
|
.unix()
|
|
|
|
|
2018-09-19 04:16:53 -07:00
|
|
|
if (msCancel > 0 && !this.isCanceled) {
|
2018-09-19 00:54:31 -07:00
|
|
|
this.timeToCancel.val = msCancel
|
|
|
|
this.timeToCancel.displayValue = this.formatMs(msCancel, ':mm:ss')
|
|
|
|
} else {
|
|
|
|
this.timeToCancel.val = 0
|
|
|
|
this.timeToCancel.displayValue = zeroTimeTo
|
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
|
2018-09-19 04:16:53 -07:00
|
|
|
if (msStart > 0 && !this.isCanceled) {
|
2018-07-13 07:32:22 -07:00
|
|
|
this.timeToStart.val = msStart + 5000
|
|
|
|
this.timeToStart.displayValue = this.formatMs(msStart, ':mm:ss')
|
|
|
|
return (this.timeTo = this.timeToStart)
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-01-11 10:49:08 -08:00
|
|
|
|
2018-09-19 04:16:53 -07:00
|
|
|
if (msFinish > 0 && !this.isCanceled) {
|
2018-07-13 07:32:22 -07:00
|
|
|
this.timeToStart.val = 0
|
|
|
|
this.timeToFinish.val = msFinish
|
|
|
|
this.timeToFinish.displayValue = this.formatMs(msFinish, ':mm:ss')
|
|
|
|
return (this.timeTo = this.timeToFinish)
|
2018-01-16 16:02:07 -08:00
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
this.timeToFinish.val = 0
|
|
|
|
this.timeToFinish.displayValue = zeroTimeTo
|
|
|
|
return (this.timeTo = this.timeToFinish)
|
|
|
|
}
|
|
|
|
|
2018-12-21 13:41:29 -08:00
|
|
|
constructor(props) {
|
|
|
|
super(props)
|
|
|
|
const { votingState, contractsStore, votingType } = this.props
|
|
|
|
// getTimes
|
|
|
|
if (
|
|
|
|
votingState.hasOwnProperty('creationTime') &&
|
|
|
|
contractsStore.ballotCancelingThreshold > 0 &&
|
|
|
|
votingState.creatorMiningKey === contractsStore.miningKey
|
|
|
|
) {
|
|
|
|
votingState.creationTime = Number(votingState.creationTime)
|
|
|
|
this.cancelDeadline = moment
|
|
|
|
.utc((votingState.creationTime + contractsStore.ballotCancelingThreshold) * 1000)
|
|
|
|
.format(USDateTimeFormat)
|
|
|
|
}
|
2019-05-27 07:08:47 -07:00
|
|
|
this.startTimeUnix = moment.utc(votingState.startTime * 1000) / 1000
|
2018-12-21 13:41:29 -08:00
|
|
|
this.startTime = moment.utc(votingState.startTime * 1000).format(USDateTimeFormat)
|
|
|
|
this.endTime = moment.utc(votingState.endTime * 1000).format(USDateTimeFormat)
|
|
|
|
// getCreator
|
|
|
|
this.creator = votingState.creator
|
|
|
|
this.creatorMiningKey = votingState.creatorMiningKey
|
|
|
|
// getTotalVoters
|
|
|
|
if (votingState.hasOwnProperty('totalVoters')) {
|
|
|
|
this.totalVoters = Number(votingState.totalVoters)
|
|
|
|
} else {
|
|
|
|
this.burnVotes = Number(votingState.burnVotes)
|
|
|
|
this.freezeVotes = Number(votingState.freezeVotes)
|
|
|
|
this.sendVotes = Number(votingState.sendVotes)
|
|
|
|
this.totalVoters = this.burnVotes + this.freezeVotes + this.sendVotes
|
|
|
|
}
|
|
|
|
|
|
|
|
// getProgress
|
|
|
|
if (votingState.hasOwnProperty('progress')) {
|
|
|
|
this.progress = Number(votingState.progress)
|
|
|
|
}
|
|
|
|
|
|
|
|
// getIsFinalized
|
|
|
|
this.isFinalized = votingState.isFinalized
|
|
|
|
|
|
|
|
// getIsCanceled
|
|
|
|
if (votingState.hasOwnProperty('isCanceled')) {
|
|
|
|
this.isCanceled = votingState.isCanceled
|
|
|
|
}
|
|
|
|
this.calcTimeTo()
|
|
|
|
|
|
|
|
// canBeFinalizedNow
|
|
|
|
if (votingState.hasOwnProperty('canBeFinalizedNow')) {
|
|
|
|
this.canBeFinalized = votingState.canBeFinalizedNow
|
|
|
|
} else {
|
|
|
|
this.canBeFinalizedNow()
|
|
|
|
}
|
|
|
|
|
|
|
|
// getMemo
|
|
|
|
this.memo = votingState.memo
|
|
|
|
|
|
|
|
// hasAlreadyVoted
|
|
|
|
if (votingState.hasOwnProperty('alreadyVoted')) {
|
|
|
|
this.hasAlreadyVoted = votingState.alreadyVoted
|
|
|
|
} else {
|
|
|
|
this.getHasAlreadyVoted()
|
|
|
|
}
|
|
|
|
|
|
|
|
if (votingType === 'votingToManageEmissionFunds') {
|
|
|
|
this.getQuorumState()
|
|
|
|
}
|
2019-05-27 07:08:47 -07:00
|
|
|
|
|
|
|
this.minBallotDuration = this.getMinBallotDuration(contractsStore, votingType)
|
2018-12-21 13:41:29 -08:00
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
formatMs(ms, format) {
|
|
|
|
let dur = moment.duration(ms)
|
|
|
|
let hours = Math.floor(dur.asHours())
|
|
|
|
hours = hours < 10 ? '0' + hours : hours
|
|
|
|
let formattedMs = hours + moment.utc(ms).format(':mm:ss')
|
|
|
|
return formattedMs
|
|
|
|
}
|
|
|
|
|
|
|
|
@action('validator has already voted')
|
|
|
|
getHasAlreadyVoted = async () => {
|
|
|
|
const { contractsStore, id, votingType } = this.props
|
|
|
|
let _hasAlreadyVoted = false
|
|
|
|
try {
|
|
|
|
_hasAlreadyVoted = await this.getContract(contractsStore, votingType).hasAlreadyVoted(
|
|
|
|
id,
|
|
|
|
contractsStore.votingKey
|
|
|
|
)
|
|
|
|
} catch (e) {
|
2019-01-04 07:59:47 -08:00
|
|
|
console.error(e.message)
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
this.hasAlreadyVoted = _hasAlreadyVoted
|
|
|
|
}
|
|
|
|
|
|
|
|
isValidVote = async () => {
|
|
|
|
const { contractsStore, id, votingType } = this.props
|
|
|
|
let _isValidVote
|
|
|
|
try {
|
|
|
|
_isValidVote = await this.getContract(contractsStore, votingType).isValidVote(id, contractsStore.votingKey)
|
|
|
|
} catch (e) {
|
2019-01-04 07:59:47 -08:00
|
|
|
console.error(e.message)
|
2018-03-22 06:33:01 -07:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
return _isValidVote
|
|
|
|
}
|
|
|
|
|
|
|
|
isActive = async () => {
|
|
|
|
const { contractsStore, id, votingType } = this.props
|
|
|
|
let _isActive = await this.repeatGetProperty(contractsStore, votingType, id, 'isActive', 0)
|
|
|
|
return _isActive
|
|
|
|
}
|
|
|
|
|
|
|
|
canBeFinalizedNow = async () => {
|
|
|
|
const { contractsStore, id, votingType } = this.props
|
|
|
|
let _canBeFinalizedNow = await this.repeatGetProperty(contractsStore, votingType, id, 'canBeFinalizedNow', 0)
|
|
|
|
this.canBeFinalized = _canBeFinalizedNow
|
|
|
|
}
|
|
|
|
|
2018-11-16 01:18:23 -08:00
|
|
|
getQuorumState = async () => {
|
|
|
|
const { contractsStore, id, votingType } = this.props
|
|
|
|
this.quorumState = await this.repeatGetProperty(contractsStore, votingType, id, 'getQuorumState', 0)
|
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
vote = async ({ choice }) => {
|
2018-09-19 04:16:53 -07:00
|
|
|
if (this.isCanceled) {
|
|
|
|
swal('Warning!', messages.INVALID_VOTE_MSG, 'warning')
|
|
|
|
return
|
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
if (this.timeToStart.val > 0) {
|
|
|
|
swal('Warning!', messages.ballotIsNotActiveMsg(this.timeTo.displayValue), 'warning')
|
|
|
|
return
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
const { commonStore, contractsStore, id, votingType, ballotsStore, pos } = this.props
|
|
|
|
const { push } = this.props.routing
|
2018-11-21 07:46:51 -08:00
|
|
|
if (!contractsStore.votingKey) {
|
|
|
|
swal('Warning!', messages.NO_METAMASK_MSG, 'warning')
|
|
|
|
return
|
2019-10-28 23:43:19 -07:00
|
|
|
} else if (!contractsStore.networkMatch) {
|
|
|
|
swal('Warning!', messages.networkMatchError(contractsStore.netId), 'warning')
|
|
|
|
return
|
2018-11-21 07:46:51 -08:00
|
|
|
} else if (!contractsStore.isValidVotingKey) {
|
2018-07-13 07:32:22 -07:00
|
|
|
swal('Warning!', messages.invalidVotingKeyMsg(contractsStore.votingKey), 'warning')
|
|
|
|
return
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
commonStore.showLoading()
|
|
|
|
let isValidVote = await this.isValidVote()
|
|
|
|
if (!isValidVote) {
|
|
|
|
commonStore.hideLoading()
|
|
|
|
swal('Warning!', messages.INVALID_VOTE_MSG, 'warning')
|
|
|
|
return
|
2018-06-08 06:32:07 -07:00
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
const contract = this.getContract(contractsStore, votingType)
|
|
|
|
|
2018-07-18 06:50:34 -07:00
|
|
|
sendTransactionByVotingKey(
|
|
|
|
this.props,
|
|
|
|
contract.address,
|
|
|
|
contract.vote(id, choice),
|
|
|
|
async tx => {
|
|
|
|
const ballotInfo = await contract.getBallotInfo(id, contractsStore.votingKey)
|
|
|
|
|
2018-09-17 09:17:56 -07:00
|
|
|
if (ballotInfo.hasOwnProperty('totalVoters')) {
|
|
|
|
this.totalVoters = Number(ballotInfo.totalVoters)
|
|
|
|
} else {
|
|
|
|
this.burnVotes = ballotInfo.burnVotes
|
|
|
|
this.freezeVotes = ballotInfo.freezeVotes
|
|
|
|
this.sendVotes = ballotInfo.sendVotes
|
|
|
|
this.totalVoters =
|
|
|
|
Number(ballotInfo.burnVotes) + Number(ballotInfo.freezeVotes) + Number(ballotInfo.sendVotes)
|
|
|
|
}
|
|
|
|
if (ballotInfo.hasOwnProperty('progress')) {
|
|
|
|
this.progress = Number(ballotInfo.progress)
|
|
|
|
}
|
2018-07-18 06:50:34 -07:00
|
|
|
this.isFinalized = Boolean(ballotInfo.isFinalized)
|
2018-09-19 00:54:31 -07:00
|
|
|
if (ballotInfo.hasOwnProperty('isCanceled')) {
|
|
|
|
this.isCanceled = Boolean(ballotInfo.isCanceled)
|
|
|
|
}
|
2018-07-18 06:50:34 -07:00
|
|
|
if (ballotInfo.hasOwnProperty('canBeFinalizedNow')) {
|
|
|
|
this.canBeFinalized = Boolean(ballotInfo.canBeFinalizedNow)
|
|
|
|
} else {
|
|
|
|
await this.canBeFinalizedNow()
|
|
|
|
}
|
|
|
|
this.hasAlreadyVoted = true
|
|
|
|
|
2018-09-17 09:17:56 -07:00
|
|
|
if (ballotInfo.hasOwnProperty('totalVoters')) {
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.totalVoters = this.totalVoters
|
|
|
|
} else {
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.burnVotes = this.burnVotes
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.freezeVotes = this.freezeVotes
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.sendVotes = this.sendVotes
|
|
|
|
}
|
|
|
|
if (ballotInfo.hasOwnProperty('progress')) {
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.progress = this.progress
|
|
|
|
}
|
2018-07-18 06:50:34 -07:00
|
|
|
ballotsStore.ballotCards[pos].props.votingState.isFinalized = this.isFinalized
|
2018-09-19 00:54:31 -07:00
|
|
|
ballotsStore.ballotCards[pos].props.votingState.isCanceled = this.isCanceled
|
2018-07-18 06:50:34 -07:00
|
|
|
ballotsStore.ballotCards[pos].props.votingState.canBeFinalized = this.canBeFinalized
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.hasAlreadyVoted = this.hasAlreadyVoted
|
|
|
|
|
|
|
|
swal('Congratulations!', messages.VOTED_SUCCESS_MSG, 'success').then(result => {
|
|
|
|
push(`${commonStore.rootPath}`)
|
|
|
|
})
|
|
|
|
},
|
|
|
|
messages.VOTE_FAILED_TX
|
|
|
|
)
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
2018-01-16 16:05:12 -08:00
|
|
|
|
2018-09-19 00:54:31 -07:00
|
|
|
cancelOrFinalize = e => {
|
|
|
|
if (this.isFinalized || this.isCanceled) {
|
2018-07-13 07:32:22 -07:00
|
|
|
return
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-09-19 00:54:31 -07:00
|
|
|
if (this.timeToCancel.val > 0) {
|
|
|
|
this.cancel(e)
|
|
|
|
} else {
|
|
|
|
this.finalize(e)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
cancel = async e => {
|
|
|
|
const { votingState, contractsStore, commonStore, ballotsStore, votingType, id, pos } = this.props
|
|
|
|
const { push } = this.props.routing
|
|
|
|
const contract = this.getContract(contractsStore, votingType)
|
|
|
|
let canCancel = true
|
2018-01-11 10:49:08 -08:00
|
|
|
|
2018-09-19 00:54:31 -07:00
|
|
|
if (!this.timeToCancel.val) {
|
|
|
|
canCancel = false
|
|
|
|
}
|
2018-09-19 03:26:04 -07:00
|
|
|
if (votingState.creatorMiningKey.toLowerCase() !== contractsStore.miningKey.toLowerCase()) {
|
2018-09-19 00:54:31 -07:00
|
|
|
canCancel = false
|
|
|
|
}
|
|
|
|
commonStore.showLoading()
|
|
|
|
if (!votingState.creationTime) {
|
|
|
|
canCancel = false
|
|
|
|
} else {
|
|
|
|
const currentTime = Number(await contract.getTime())
|
|
|
|
if (currentTime - votingState.creationTime > contractsStore.ballotCancelingThreshold) {
|
|
|
|
canCancel = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!canCancel) {
|
|
|
|
commonStore.hideLoading()
|
|
|
|
swal('Warning!', messages.INVALID_CANCEL_MSG, 'warning')
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
sendTransactionByVotingKey(
|
|
|
|
this.props,
|
|
|
|
contract.address,
|
|
|
|
contract.cancelBallot(id),
|
|
|
|
async tx => {
|
|
|
|
this.isFinalized = false
|
|
|
|
this.isCanceled = true
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.isFinalized = this.isFinalized
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.isCanceled = this.isCanceled
|
|
|
|
if (this.canBeFinalized !== null) {
|
|
|
|
this.canBeFinalized = false
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.canBeFinalized = this.canBeFinalized
|
|
|
|
}
|
|
|
|
swal('Congratulations!', messages.CANCELED_SUCCESS_MSG, 'success').then(result => {
|
|
|
|
push(`${commonStore.rootPath}`)
|
|
|
|
})
|
|
|
|
},
|
|
|
|
messages.CANCEL_BALLOT_FAILED_TX
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
finalize = async e => {
|
2018-07-13 07:32:22 -07:00
|
|
|
if (this.timeToStart.val > 0) {
|
|
|
|
swal('Warning!', messages.ballotIsNotActiveMsg(this.timeTo.displayValue), 'warning')
|
|
|
|
return
|
2018-03-21 07:53:27 -07:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
const { commonStore, contractsStore, id, votingType, ballotsStore, pos } = this.props
|
|
|
|
const { push } = this.props.routing
|
2018-11-21 07:46:51 -08:00
|
|
|
if (!contractsStore.votingKey) {
|
|
|
|
swal('Warning!', messages.NO_METAMASK_MSG, 'warning')
|
|
|
|
return
|
2019-10-28 23:43:19 -07:00
|
|
|
} else if (!contractsStore.networkMatch) {
|
|
|
|
swal('Warning!', messages.networkMatchError(contractsStore.netId), 'warning')
|
|
|
|
return
|
2018-11-21 07:46:51 -08:00
|
|
|
} else if (!contractsStore.isValidVotingKey) {
|
2018-07-13 07:32:22 -07:00
|
|
|
swal('Warning!', messages.invalidVotingKeyMsg(contractsStore.votingKey), 'warning')
|
|
|
|
return
|
2018-01-12 12:00:26 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
if (this.isFinalized) {
|
|
|
|
swal('Warning!', messages.ALREADY_FINALIZED_MSG, 'warning')
|
|
|
|
return
|
|
|
|
}
|
|
|
|
commonStore.showLoading()
|
|
|
|
await this.canBeFinalizedNow()
|
|
|
|
let _canBeFinalized = this.canBeFinalized
|
|
|
|
if (_canBeFinalized === null) {
|
2019-01-04 07:59:47 -08:00
|
|
|
console.log('canBeFinalizedNow does not exist')
|
2018-07-13 07:32:22 -07:00
|
|
|
_canBeFinalized = !(await this.isActive())
|
|
|
|
}
|
|
|
|
if (!_canBeFinalized) {
|
|
|
|
commonStore.hideLoading()
|
|
|
|
swal('Warning!', messages.INVALID_FINALIZE_MSG, 'warning')
|
|
|
|
return
|
2018-01-12 11:51:32 -08:00
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
const contract = this.getContract(contractsStore, votingType)
|
|
|
|
|
2018-07-18 06:50:34 -07:00
|
|
|
sendTransactionByVotingKey(
|
|
|
|
this.props,
|
|
|
|
contract.address,
|
|
|
|
contract.finalize(id),
|
|
|
|
async tx => {
|
2018-08-04 03:41:34 -07:00
|
|
|
const events = await contract.instance.getPastEvents('BallotFinalized', {
|
|
|
|
fromBlock: tx.blockNumber,
|
|
|
|
toBlock: tx.blockNumber
|
2018-07-18 06:50:34 -07:00
|
|
|
})
|
2018-08-04 03:41:34 -07:00
|
|
|
if (events.length > 0) {
|
|
|
|
this.isFinalized = true
|
2018-09-19 00:54:31 -07:00
|
|
|
this.isCanceled = false
|
2018-08-04 03:41:34 -07:00
|
|
|
ballotsStore.ballotCards[pos].props.votingState.isFinalized = this.isFinalized
|
2018-09-19 00:54:31 -07:00
|
|
|
ballotsStore.ballotCards[pos].props.votingState.isCanceled = this.isCanceled
|
2018-08-04 03:41:34 -07:00
|
|
|
if (this.canBeFinalized !== null) {
|
|
|
|
this.canBeFinalized = false
|
|
|
|
ballotsStore.ballotCards[pos].props.votingState.canBeFinalized = this.canBeFinalized
|
|
|
|
}
|
|
|
|
swal('Congratulations!', messages.FINALIZED_SUCCESS_MSG, 'success').then(result => {
|
|
|
|
push(`${commonStore.rootPath}`)
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
swal('Warning!', messages.INVALID_FINALIZE_MSG, 'warning')
|
|
|
|
}
|
2018-07-18 06:50:34 -07:00
|
|
|
},
|
|
|
|
messages.FINALIZE_FAILED_TX
|
|
|
|
)
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
repeatGetProperty = async (contractsStore, contractType, id, methodID, tryID) => {
|
|
|
|
try {
|
|
|
|
let val = await this.getContract(contractsStore, contractType)[methodID](id)
|
|
|
|
if (tryID > 0) {
|
|
|
|
console.log(`success from Try ${tryID + 1}`)
|
|
|
|
}
|
|
|
|
return val
|
|
|
|
} catch (e) {
|
|
|
|
if (tryID < 10) {
|
|
|
|
console.log(`trying to repeat get value again... Try ${tryID + 1}`)
|
|
|
|
tryID++
|
|
|
|
await setTimeout(async () => {
|
|
|
|
this.repeatGetProperty(contractsStore, contractType, id, methodID, tryID)
|
|
|
|
}, 1000)
|
|
|
|
} else {
|
|
|
|
return null
|
|
|
|
}
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
getContract(contractsStore, contractType) {
|
|
|
|
switch (contractType) {
|
|
|
|
case 'votingToChangeKeys':
|
|
|
|
return contractsStore.votingToChangeKeys
|
|
|
|
case 'votingToChangeMinThreshold':
|
|
|
|
return contractsStore.votingToChangeMinThreshold
|
|
|
|
case 'votingToChangeProxy':
|
|
|
|
return contractsStore.votingToChangeProxy
|
2018-09-17 09:17:56 -07:00
|
|
|
case 'votingToManageEmissionFunds':
|
|
|
|
return contractsStore.votingToManageEmissionFunds
|
2018-07-13 07:32:22 -07:00
|
|
|
case 'validatorMetadata':
|
|
|
|
return contractsStore.validatorMetadata
|
|
|
|
default:
|
|
|
|
return contractsStore.votingToChangeKeys
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
getThreshold(contractsStore, votingType) {
|
|
|
|
switch (votingType) {
|
|
|
|
case 'votingToChangeKeys':
|
|
|
|
return contractsStore.keysBallotThreshold
|
|
|
|
case 'votingToChangeMinThreshold':
|
|
|
|
return contractsStore.minThresholdBallotThreshold
|
|
|
|
case 'votingToChangeProxy':
|
|
|
|
return contractsStore.proxyBallotThreshold
|
2018-09-17 09:17:56 -07:00
|
|
|
case 'votingToManageEmissionFunds':
|
|
|
|
return contractsStore.emissionFundsBallotThreshold
|
2018-07-13 07:32:22 -07:00
|
|
|
default:
|
|
|
|
return contractsStore.keysBallotThreshold
|
2018-01-12 10:44:16 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
2019-05-27 07:08:47 -07:00
|
|
|
getMinBallotDuration(contractsStore, votingType) {
|
|
|
|
switch (votingType) {
|
|
|
|
case 'votingToChangeKeys':
|
|
|
|
return contractsStore.minBallotDuration.keys
|
|
|
|
case 'votingToChangeMinThreshold':
|
|
|
|
return contractsStore.minBallotDuration.minThreshold
|
|
|
|
case 'votingToChangeProxy':
|
|
|
|
return contractsStore.minBallotDuration.proxy
|
|
|
|
default:
|
|
|
|
return 0
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
componentDidMount() {
|
|
|
|
this.interval = setInterval(() => {
|
|
|
|
this.calcTimeTo()
|
|
|
|
}, 1000)
|
|
|
|
}
|
|
|
|
|
|
|
|
componentWillUnmount() {
|
|
|
|
window.clearInterval(this.interval)
|
|
|
|
}
|
|
|
|
|
|
|
|
showCard = () => {
|
|
|
|
let { commonStore } = this.props
|
|
|
|
let checkToFinalizeFilter = commonStore.isToFinalizeFilter
|
2018-09-19 00:54:31 -07:00
|
|
|
? !this.isFinalized &&
|
|
|
|
!this.isCanceled &&
|
|
|
|
(this.timeToFinish.val === 0 || this.canBeFinalized) &&
|
|
|
|
this.timeToStart.val === 0
|
2018-07-13 07:32:22 -07:00
|
|
|
: true
|
2018-09-19 00:54:31 -07:00
|
|
|
let show = commonStore.isActiveFilter ? !this.isFinalized && !this.isCanceled : checkToFinalizeFilter
|
2018-07-13 07:32:22 -07:00
|
|
|
return show
|
|
|
|
}
|
|
|
|
|
|
|
|
typeName(type) {
|
|
|
|
switch (type) {
|
|
|
|
case 'votingToChangeMinThreshold':
|
|
|
|
return 'Consensus'
|
|
|
|
case 'votingToChangeKeys':
|
|
|
|
return 'Keys'
|
|
|
|
case 'votingToChangeProxy':
|
|
|
|
return 'Proxy'
|
2018-09-17 09:17:56 -07:00
|
|
|
case 'votingToManageEmissionFunds':
|
|
|
|
return 'EmissionFunds'
|
2018-07-13 07:32:22 -07:00
|
|
|
default:
|
|
|
|
return ''
|
2018-01-19 22:47:00 -08:00
|
|
|
}
|
2018-07-13 07:32:22 -07:00
|
|
|
}
|
|
|
|
|
2018-12-21 13:41:29 -08:00
|
|
|
getVotingNetworkBranch = () => {
|
|
|
|
const { contractsStore } = this.props
|
|
|
|
|
|
|
|
return contractsStore.netId ? getNetworkBranch(contractsStore.netId) : null
|
|
|
|
}
|
|
|
|
|
2018-07-13 07:32:22 -07:00
|
|
|
render() {
|
|
|
|
let { contractsStore, votingType, children } = this.props
|
2018-12-26 13:54:17 -08:00
|
|
|
let votes
|
2018-12-20 15:07:03 -08:00
|
|
|
|
2018-12-21 13:41:29 -08:00
|
|
|
const threshold = this.getThreshold(contractsStore, votingType)
|
|
|
|
const networkBranch = this.getVotingNetworkBranch()
|
|
|
|
|
2018-09-17 09:17:56 -07:00
|
|
|
if (votingType === 'votingToManageEmissionFunds') {
|
2018-12-26 13:54:17 -08:00
|
|
|
votes = [
|
|
|
|
{
|
|
|
|
onClick: e => this.vote({ choice: BURN }),
|
|
|
|
text: 'Burn',
|
|
|
|
type: 'negative',
|
|
|
|
votesAmount: this.votesBurnNumber,
|
|
|
|
votesPercentage: this.votesBurnPercents
|
|
|
|
},
|
|
|
|
{
|
|
|
|
onClick: e => this.vote({ choice: FREEZE }),
|
|
|
|
text: 'Freeze',
|
|
|
|
type: 'neutral',
|
|
|
|
votesAmount: this.votesFreezeNumber,
|
|
|
|
votesPercentage: this.votesFreezePercents
|
|
|
|
},
|
|
|
|
{
|
|
|
|
onClick: e => this.vote({ choice: SEND }),
|
|
|
|
text: 'Send',
|
|
|
|
type: 'positive',
|
|
|
|
votesAmount: this.votesSendNumber,
|
|
|
|
votesPercentage: this.votesSendPercents
|
|
|
|
}
|
|
|
|
]
|
2018-09-17 09:17:56 -07:00
|
|
|
} else {
|
2018-12-26 13:54:17 -08:00
|
|
|
votes = [
|
|
|
|
{
|
|
|
|
onClick: e => this.vote({ choice: REJECT }),
|
|
|
|
text: 'No',
|
|
|
|
type: 'negative',
|
|
|
|
votesAmount: this.votesAgainstNumber,
|
|
|
|
votesPercentage: this.votesAgainstPercents
|
|
|
|
},
|
|
|
|
{
|
|
|
|
onClick: e => this.vote({ choice: ACCEPT }),
|
|
|
|
side: 'right',
|
|
|
|
text: 'Yes',
|
|
|
|
type: 'positive',
|
|
|
|
votesAmount: this.votesForNumber,
|
|
|
|
votesPercentage: this.votesForPercents
|
|
|
|
}
|
|
|
|
]
|
2018-09-17 09:17:56 -07:00
|
|
|
}
|
2018-12-20 15:07:03 -08:00
|
|
|
|
2018-09-17 09:17:56 -07:00
|
|
|
return (
|
2018-12-21 13:41:29 -08:00
|
|
|
<div className={`sw-BallotCard ${!this.showCard() ? 'hidden' : ''}`}>
|
2018-12-20 15:07:03 -08:00
|
|
|
<div className="sw-BallotAbout">
|
2018-12-21 11:08:39 -08:00
|
|
|
<BallotDataPair dataType="name" title="Proposer" value={[this.creator]} />
|
2018-09-17 09:17:56 -07:00
|
|
|
{children}
|
2018-12-21 11:08:39 -08:00
|
|
|
<BallotDataPair
|
|
|
|
dataType="time"
|
|
|
|
title="Ballot Time (UTC)"
|
|
|
|
value={[this.startTime, `${this.timeTo.displayValue} (${this.timeTo.title})`]}
|
|
|
|
/>
|
2018-09-17 09:17:56 -07:00
|
|
|
</div>
|
2018-12-26 13:54:17 -08:00
|
|
|
<Votes networkBranch={networkBranch} votes={votes} />
|
2018-12-21 11:45:45 -08:00
|
|
|
<BallotInfoContainer
|
|
|
|
memo={this.memo}
|
2019-01-02 06:30:55 -08:00
|
|
|
networkBranch={networkBranch}
|
2018-12-21 11:45:45 -08:00
|
|
|
threshold={threshold}
|
|
|
|
validatorsLength={contractsStore.validatorsLength}
|
|
|
|
/>
|
2018-12-21 13:41:29 -08:00
|
|
|
<BallotFooter
|
|
|
|
buttonState={this.cancelOrFinalizeButtonState}
|
|
|
|
buttonText={this.cancelOrFinalizeButtonDisplayName}
|
|
|
|
description={this.cancelOrFinalizeDescription}
|
|
|
|
networkBranch={networkBranch}
|
|
|
|
onClick={e => this.cancelOrFinalize(e)}
|
|
|
|
voteId={this.props.id}
|
|
|
|
voteType={this.typeName(votingType)}
|
|
|
|
voted={this.hasAlreadyVoted}
|
|
|
|
/>
|
2018-07-13 07:32:22 -07:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|