})
-
-
-
+
+
+
@@ -60,165 +87,176 @@ class PropertySection extends React.Component{
);
}
}
-
-//
PropertySection.propTypes = {
tokenLogo: PropTypes.object,
tokenName: PropTypes.object,
tokenAmount: PropTypes.object,
transferAccounts:PropTypes.function,
};
+
+class PropertySelect extends React.Component{
+ state = {
+ imageurl: this.props.tokenselected == false? SelectOff:SelectOn
+ }
+ render(){
+ return(
+
+
+
+
+
+ );
+ }
+}
+
+//
+PropertySelect.propTypes = {
+ tokenLogo: PropTypes.object,
+ tokenName: PropTypes.object,
+ selected: PropTypes.function,
+ switchOn: PropTypes.object,
+ buttonId: PropTypes.object,
+ tokenselected: PropTypes.object
+};
+class PropertyList extends React.Component {
+ componentDidMount() {
+ console.log('sssssss:',this.props.tokenNameArray);
+ }
+ render() {
+ return (
+
+
+
+
+
+
+ {
+ this.props.tokenNameArray.map((obj,index) => {
+ console.log('obj======',obj);
+ return(
+
+ );
+ }
+}
+PropertyList.propTypes = {
+ tokenNameArray: PropTypes.object,
+};
class TokenAsset extends React.Component {
state = {
- value: '',
- validationState: null,
- tokenInfo: null,
- tokenNameArray: [],
+ tokenNameArray: []
};
constructor(props) {
super(props);
this.readPublicKeyFromFile();
}
+ AddTokenNameArray(){
+ this.props.onTokenAsset(this.state.tokenNameArray);
+ console.log('第一步:::::::',this.state.tokenNameArray);
+ }
+ //
async readPublicKeyFromFile() {
- try {
- String.format = function(src){
- if (arguments.length == 0) return null;
- var args = Array.prototype.slice.call(arguments, 1);
- return src.replace(/\{(\d+)\}/g, function(m, i){
- return args[i];
- });
- };
-
- var i;
- // var tem = '';
- // var msg = '';
- var arrToken = [];
- for(i = 0; i < data.TokenPublicKeys.length; i++) {
- var tokenpubkey = new web3.PublicKey(data.TokenPublicKeys[i].tokenpubkey);
- var token = new web3.Token(this.props.conn, tokenpubkey);
- var acc = await token.tokenInfo();
- var tokenname = acc.name;
- var tokensymbol = acc.symbol;
- var tokensupply = acc.supply;
- var tokendecimal = acc.decimals;
-
- // tem += ' 代币名称: {' + i + '} ';
-
- var tokenaccpubkey = data.TokenPublicKeys[i].tokenaccountpubkey;
- var accTokenInfo = await token.accountInfo(new web3.PublicKey(tokenaccpubkey));
-
- // tem += '余额: ' + accTokenInfo.amount;
-
- arrToken.push({
- tokenpubkey,
- tokenname,
- tokensymbol,
- tokensupply,
- tokendecimal,
- tokenaccpubkey,
- accTokenInfo
- });
+ var TokensArray = this.props.publickey;
+ var weekArray = await JSON.parse(localStorage.getItem(TokensArray));
+ if (weekArray&&weekArray.length>0) {
+ console.log('weekArray:',weekArray);
+ this.setState({tokenNameArray: weekArray});
+ }else{
+ try {
+ String.format = function(src){
+ if (arguments.length == 0) return null;
+ var args = Array.prototype.slice.call(arguments, 1);
+ return src.replace(/\{(\d+)\}/g, function(m, i){
+ return args[i];
+ });
+ };
+ var i;
+ var arrToken = [];
+ for(i = 0; i < info.TokenInfos.length; i++) {
+ console.log('tokenpubkey==',info.TokenInfos[i].tokenpubkey);
+ var tokenpubkey = new web3.PublicKey(info.TokenInfos[i].tokenpubkey);
+ //根据tokenpublickey获取token信息
+ var token = new web3.Token(this.props.conn, tokenpubkey);
+ var acc = await token.tokenInfo();
+ var tokenname = acc.name;
+ var tokensymbol = acc.symbol;
+ var tokensupply = acc.supply;
+ var tokendecimal = acc.decimals;
+ var tokenlogo = info.TokenInfos[i].tokenlogo;
+ var tokenselected = false;
+ var tokenaccpubkey = '';
+ var tokenamount = '10';
+ var tokenpublickey = info.TokenInfos[i].tokenpubkey;
+
+ // tem += ' 代币名称: {' + i + '} ';
+ //根据tokenaccoutpublickey获取余额
+ // var tokenaccpubkey = data.TokenPublicKeys[i].tokenaccountpubkey;
+ // var accTokenInfo = await token.accountInfo(new web3.PublicKey(tokenaccpubkey));
+
+ // tem += '余额: ' + accTokenInfo.amount;
+
+ arrToken.push({
+ tokenpublickey,
+ tokenaccpubkey,
+ tokenname,
+ tokensymbol,
+ tokensupply,
+ tokendecimal,
+ tokenlogo,
+ tokenselected,
+ tokenamount,
+ });
+
+ // msg += String.format(
+ // tem,
+ // acc.name
+ // );
+ }
+ console.log('arrToken:',arrToken);
+ this.setState({tokenNameArray: arrToken});
- // msg += String.format(
- // tem,
- // acc.name
- // );
+ } catch (err)
+ {
+ this.addError(err.message);
}
- this.setState({
- // tokenInfo: msg,
- tokenNameArray: arrToken,
- });
- } catch (err)
- {
- this.addError(err.message);
}
}
+ addSelectedToken(index){
+ console.log('index:::::::',index);
- async setTokenInfo(token) {
- var tem = '';
- var msg = '';
- var to = new web3.Token(this.props.conn, token.tokenpubkey);
- var tokenacc = await to.accountInfo(new web3.PublicKey(token.tokenaccpubkey));
- String.format = function(src){
- if (arguments.length == 0) return null;
- var args = Array.prototype.slice.call(arguments, 1);
- return src.replace(/\{(\d+)\}/g, function(m, i){
- return args[i];
- });
- };
-
- tem += '代币名称: {0} ' +
- '余额: {1}';
-
- msg += String.format(
- tem,
- token.tokenname,
- tokenacc.amount
- );
- this.setState({
- tokenInfo: msg,
- });
- this.props.onTokenAsset(token);
- }
+ var tokeninfo = this.state.tokenNameArray[index];
+ console.log('tokeninfo:::::::',tokeninfo);
- getValidationState(value) {
- const length = value.length;
- if (length === 44) {
- if (value.match(/^[A-Za-z0-9]+$/)) {
- return 'success';
- }
- return 'error';
- } else if (length > 44) {
- return 'error';
- } else if (length > 0) {
- return 'warning';
+ if (tokeninfo.tokenselected == false) {
+ tokeninfo.tokenselected = true;
+ document.getElementById('button'+index).style.background=`url(${SelectOn})`;
+ document.getElementById('button'+index).style.backgroundSize='25px 25px';
+ }else{
+ tokeninfo.tokenselected = false;
+ document.getElementById('button'+index).style.background=`url(${SelectOff})`;
+ document.getElementById('button'+index).style.backgroundSize='25px 25px';
}
- return null;
- }
-
- handleChange(e) {
- const {value} = e.target;
- const validationState = this.getValidationState(value);
- this.setState({
- value: value,
- validationState: validationState,
- });
-
- this.props.onTokenAsset(validationState === 'success' ? value : null);
+ this.AddTokenNameArray();
}
-
render() {
return (
-
+
+ {
+ this.state.tokenNameArray.map((obj,index) => {
+ return(
+ this.addSelectedToken(index)}/>
+ );
+ })
+ }
+
);
}
}
TokenAsset.propTypes = {
+ publickey: PropTypes.object,
onTokenAsset: PropTypes.function,
conn: PropTypes.object,
};
@@ -723,7 +761,7 @@ class TokenInput extends React.Component {
return (