" +
105 | rpc +
106 | "
${chrome.i18n.getMessage("popup_website")}: ${obj}
` 33 | ); 34 | var display_names = { 35 | broadcast: chrome.i18n.getMessage("popup_broadcast"), 36 | signTx: chrome.i18n.getMessage("popup_sign_tx"), 37 | addAccountAuthority: chrome.i18n.getMessage("popup_add_auth"), 38 | removeAccountAuthority: chrome.i18n.getMessage("popup_remove_auth"), 39 | custom: chrome.i18n.getMessage("popup_custom"), 40 | decode: chrome.i18n.getMessage("popup_decode"), 41 | signBuffer: chrome.i18n.getMessage("popup_sign_buffer"), 42 | signedCall: chrome.i18n.getMessage("popup_signed_call"), 43 | post: chrome.i18n.getMessage("popup_post"), 44 | vote: chrome.i18n.getMessage("popup_vote") 45 | }; 46 | var site_container = $( 47 | '' 48 | ); 49 | for (let sub in pref[name][obj]) { 50 | site_container.append( 51 | "" +
52 | display_names[sub] +
53 | "
@" +
75 | delegator.delegator +
76 | "" +
77 | numberWithCommas(delegator.sp) +
78 | "
"
79 | );
80 | }
81 | };
82 |
83 | const displayDelegationMain = async (delegators, delegatees) => {
84 | const sumIncoming = getSumIncoming(delegators);
85 | const sumOutgoing = getSumOutgoing(delegatees);
86 | $("#incoming_del").html("+ " + numberWithCommas(sumIncoming.toFixed(3)));
87 | $("#outgoing_del").html("- " + numberWithCommas(sumOutgoing.toFixed(3)));
88 | $("#available_del").html(
89 | numberWithCommas(
90 | ((await activeAccount.getSP()) - 5 - sumOutgoing).toFixed(3)
91 | )
92 | );
93 | };
94 |
95 | const displayOutgoingDelegations = delegatees => {
96 | const sumOutgoing = getSumOutgoing(delegatees);
97 | $("#total_outgoing span")
98 | .eq(1)
99 | .html("- " + numberWithCommas(sumOutgoing.toFixed(3)) + " SP");
100 | $("#list_outgoing").empty();
101 | for (delegatee of delegatees) {
102 | $("#list_outgoing").append(
103 | "@" +
104 | delegatee.delegatee +
105 | "" +
106 | numberWithCommas(delegatee.sp) +
107 | "
"
108 | );
109 | }
110 |
111 | $(".line_outgoing img")
112 | .unbind("click")
113 | .click(function() {
114 | $("#outgoing_del_div").hide();
115 | $("#edit_del_div").show();
116 | let that = $(this);
117 | let this_delegatee = delegatees.filter(function(elt) {
118 | return (
119 | elt.delegatee ==
120 | that
121 | .parent()
122 | .children()
123 | .eq(0)
124 | .html()
125 | .replace("@", "")
126 | );
127 | });
128 | showEditDiv(this_delegatee);
129 | });
130 | };
131 |
132 | const showEditDiv = async delegatees => {
133 | const delegatee = delegatees[0];
134 | $("#this_outgoing_del").html(
135 | numberWithCommas(parseFloat(delegatee.sp)) + " SP"
136 | );
137 | $("#this_available_del").html(
138 | numberWithCommas(
139 | (
140 | parseFloat(
141 | $("#available_del")
142 | .html()
143 | .replace(",", "")
144 | ) + parseFloat(delegatee.sp)
145 | ).toFixed(3)
146 | ) + " SP"
147 | );
148 | $("#username_del span").html(delegatee.delegatee);
149 | $("#edit_del")
150 | .unbind("click")
151 | .click(function() {
152 | $("#edit_del").hide();
153 | $("#edit_del_loading").show();
154 | activeAccount.delegateSP(
155 | $("#amt_edit_del").val(),
156 | delegatee.delegatee,
157 | function(err, result) {
158 | console.log(err, result);
159 | $("#edit_del").show();
160 | $("#edit_del_loading").hide();
161 | if (err) {
162 | showError(chrome.i18n.getMessage("unknown_error"));
163 | } else {
164 | showConfirm(
165 | chrome.i18n.getMessage("popup_delegate_change_success")
166 | );
167 | loadAccount(activeAccount.getName());
168 | $("#edit_del_div").hide();
169 | $("#outgoing_del_div").show();
170 | }
171 | }
172 | );
173 | });
174 | };
175 |
--------------------------------------------------------------------------------
/js/popup/witness.js:
--------------------------------------------------------------------------------
1 | let witness_ranks = null;
2 |
3 | async function prepareWitnessDiv(witness_votes, proxy) {
4 | witness_ranks = await getWitnessRanks();
5 | $("#votes_remaining span").html(30 - witness_votes.length);
6 | if (proxy != "") {
7 | $("#proxy div").html(`${chrome.i18n.getMessage("popup_proxy")}: @${proxy}`);
8 | $("#proxy").show();
9 | } else $("#proxy").hide();
10 | if (!activeAccount.hasKey("active")) $("#proxy div").addClass("no_active");
11 | else $("#proxy div").removeClass("no_active");
12 |
13 | $("#list_wit").empty();
14 |
15 | if (witness_votes) {
16 | for (wit of witness_votes) {
17 | const isActive =
18 | witness_ranks && witness_ranks.find(e => e.name == wit)
19 | ? "active"
20 | : "disabled";
21 | $("#list_wit").append(
22 | "@" +
23 | wit +
24 | "" +
25 | isActive +
26 | "
"
29 | );
30 | }
31 | }
32 |
33 | $("#top100_div").empty();
34 |
35 | if (witness_ranks) {
36 | let i = 0;
37 | for (wit of witness_ranks) {
38 | const isVoted = witness_votes.includes(wit.name)
39 | ? "wit-vote wit-voted"
40 | : "wit-vote wit-not-voted";
41 | i++;
42 | if (i <= 100)
43 | $("#top100_div").append(
44 | "" +
45 | wit.rank +
46 | "@" +
47 | wit.name +
48 | "
"
51 | );
52 | }
53 | }
54 |
55 | if (!activeAccount.hasKey("active")) $(".wit-vote").addClass("no_cursor");
56 | else $(".wit-vote").removeClass("no_cursor");
57 |
58 | $("#proxy div")
59 | .unbind("click")
60 | .click(function() {
61 | $("#proxy").hide();
62 | steem.broadcast.accountWitnessProxy(
63 | activeAccount.getKey("active"),
64 | activeAccount.getName(),
65 | "",
66 | function(err, result) {
67 | console.log(err, result);
68 | }
69 | );
70 | });
71 |
72 | $(".wit-vote")
73 | .unbind("click")
74 | .click(function() {
75 | const voted_wit = $(this).hasClass("wit-voted");
76 | const that = this;
77 | console.log(voted_wit);
78 | $(that).addClass("wit-loading");
79 | steem.broadcast.accountWitnessVote(
80 | activeAccount.getKey("active"),
81 | activeAccount.getName(),
82 | $(this)
83 | .prev()
84 | .html()
85 | .replace("@", ""),
86 | $(this).hasClass("wit-voted") ? 0 : 1,
87 | function(err, result) {
88 | console.log(err, result);
89 | $(that).removeClass("wit-loading");
90 | if (err == null) {
91 | if (voted_wit) {
92 | console.log("unvoted");
93 | $(that).removeClass("wit-voted");
94 | $(that).addClass("wit-not-voted");
95 | $("#votes_remaining span").html(
96 | parseInt($("#votes_remaining span").html()) + 1
97 | );
98 | } else {
99 | console.log("voted");
100 | $(that).removeClass("wit-not-voted");
101 | $(that).addClass("wit-voted");
102 | $("#votes_remaining span").html(
103 | parseInt($("#votes_remaining span").html()) - 1
104 | );
105 | }
106 | }
107 | }
108 | );
109 | });
110 |
111 | $(".witness-row img")
112 | .unbind("click")
113 | .click(function() {
114 | const acc = $(this)
115 | .parent()
116 | .find(".witName")
117 | .html()
118 | .replace("@", "");
119 | const that = this;
120 | $(that).attr("src", "../images/loading.gif");
121 | steem.broadcast.accountWitnessVote(
122 | activeAccount.getKey("active"),
123 | activeAccount.getName(),
124 | acc,
125 | 0,
126 | function(err, result) {
127 | $(that).attr("src", "../images/delete.png");
128 | if (err == null) {
129 | showConfirm(
130 | chrome.i18n.getMessage("popup_success_unvote_wit", [acc])
131 | );
132 | loadAccount(activeAccount.getName());
133 | } else showError(chrome.i18n.getMessage("unknown_error"));
134 | }
135 | );
136 | });
137 |
138 | $("#vote_wit")
139 | .unbind("click")
140 | .click(function() {
141 | $("#vote_wit").hide();
142 | $("#wit_loading").show();
143 | if ($("#witness_div select option:selected").val() === "Wit") {
144 | steem.broadcast.accountWitnessVote(
145 | activeAccount.getKey("active"),
146 | activeAccount.getName(),
147 | $("#wit-username").val(),
148 | 1,
149 | function(err, result) {
150 | $("#vote_wit").show();
151 | $("#wit_loading").hide();
152 | if (!err) {
153 | showConfirm(
154 | chrome.i18n.getMessage("popup_success_wit", [
155 | $("#wit-username").val()
156 | ])
157 | );
158 | loadAccount(activeAccount.getName());
159 | } else showError(chrome.i18n.getMessage("unknown_error"));
160 | }
161 | );
162 | } else {
163 | steem.broadcast.accountWitnessProxy(
164 | activeAccount.getKey("active"),
165 | activeAccount.getName(),
166 | $("#wit-username").val(),
167 | function(err, result) {
168 | $("#wit_loading").hide();
169 | $("#vote_wit").show();
170 | if (!err) {
171 | showConfirm(
172 | chrome.i18n.getMessage("popup_success_proxy", [
173 | $("#wit-username").val()
174 | ])
175 | );
176 | loadAccount(activeAccount.getName());
177 | } else {
178 | console.log(err);
179 | showError(chrome.i18n.getMessage("unknown_error"));
180 | }
181 | }
182 | );
183 | }
184 | });
185 | }
186 |
--------------------------------------------------------------------------------
/js/libs/keychainify.js:
--------------------------------------------------------------------------------
1 | /**
2 | *
3 | * @type {{requestTransfer: keychainify.requestTransfer, initBackground: keychainify.initBackground, isKeychainifyEnabled: (function(): Promise), getVarsFromURL: (function(*)), requestWitnessVote: keychainify.requestWitnessVote, keychainifyUrl: keychainify.keychainifyUrl, requestDelegation: keychainify.requestDelegation, dispatchRequest: keychainify.dispatchRequest}}
4 | */
5 | const keychainify = {
6 | /**
7 | * Checks local storage for whether the feature has been disabled by the user
8 | * @returns {Promise}
9 | */
10 | isKeychainifyEnabled: function() {
11 | return new Promise(function(resolve, reject) {
12 | try {
13 | chrome.storage.local.get(["keychainify_enabled"], function(items) {
14 | const featureStatus =
15 | items.hasOwnProperty("keychainify_enabled") &&
16 | items.keychainify_enabled;
17 | resolve(featureStatus);
18 | });
19 | } catch (err) {
20 | reject(err);
21 | }
22 | });
23 | },
24 |
25 | isUrlSupported: function(url) {
26 | return url.includes("steemconnect.com/sign/transfer");
27 | },
28 |
29 | /**
30 | * Transform a known URL to a Keychain operation
31 | * @param tab
32 | */
33 | keychainifyUrl: function(tab) {
34 | let url;
35 | if (typeof tab === "string") {
36 | url = tab;
37 | tab = null;
38 | } else {
39 | url = tab.url;
40 | }
41 |
42 | const vars = keychainify.getVarsFromURL(url);
43 | let payload = {},
44 | defaults = {};
45 |
46 | switch (true) {
47 | /**
48 | * Transfer fund
49 | */
50 | case (url.includes("steemconnect.com/sign/transfer")):
51 | defaults = {
52 | from: null,
53 | to: null,
54 | amount: 0,
55 | memo: "",
56 | currency: "STEEM"
57 | };
58 |
59 | payload = Object.assign(defaults, vars);
60 |
61 | [payload.amount, payload.currency] = vars.amount.split(" ");
62 | keychainify.requestTransfer(
63 | tab,
64 | payload.from,
65 | payload.to,
66 | payload.amount,
67 | payload.memo,
68 | payload.currency
69 | );
70 | break;
71 |
72 | /**
73 | * Delegate Steem Power
74 | */
75 | case (url.includes("steemconnect.com/sign/delegate-vesting-shares")):
76 | // @TODO currently Steem Keychain does not allow null delegator account. Awaiting https://github.com/MattyIce/steem-keychain/issues/101 to continue
77 | //let [amount, unit] = vars.vesting_shares.split(' ');
78 | //keychainify.requestDelegation(null, vars.delegatee, amount, unit, null);
79 | window.location.href = url;
80 | break;
81 |
82 | case (url.includes("steemconnect.com/sign/account-witness-vote")):
83 | // @TODO currently Steem Keychain does not allow null voter account. Awaiting https://github.com/MattyIce/steem-keychain/issues/101 to continue
84 | //keychainify.requestWitnessVote(null, vars.witness, vars.approve);
85 | window.location.href = url;
86 | break;
87 | }
88 | },
89 |
90 | /**
91 | * Dispatch a Keychain operation
92 | * @param tab
93 | * @param request
94 | */
95 | dispatchRequest: function(tab, request) {
96 | const now = new Date().getTime();
97 |
98 | if (tab) {
99 | chromeMessageHandler(
100 | {
101 | command: "sendRequest",
102 | request: request,
103 | domain: window.location.hostname,
104 | request_id: now
105 | },
106 | {
107 | tab: tab
108 | }
109 | );
110 | } else {
111 | chrome.runtime.sendMessage({
112 | command: "sendRequest",
113 | request: request,
114 | domain: window.location.hostname,
115 | request_id: now
116 | });
117 | }
118 | },
119 |
120 | /**
121 | * Requesting a Keychain transfer operation
122 | * @param tab
123 | * @param account
124 | * @param to
125 | * @param amount
126 | * @param memo
127 | * @param currency
128 | * @param enforce
129 | */
130 | requestTransfer: function(
131 | tab,
132 | account,
133 | to,
134 | amount,
135 | memo,
136 | currency,
137 | enforce = false
138 | ) {
139 | const request = {
140 | type: "transfer",
141 | username: account,
142 | to: to,
143 | amount: amount,
144 | memo: memo,
145 | enforce: enforce,
146 | currency: currency
147 | };
148 |
149 | keychainify.dispatchRequest(tab, request);
150 | },
151 |
152 | /**
153 | * Requesting a Keychain witness vote operation
154 | * @param tab
155 | * @param username
156 | * @param witness
157 | * @param vote
158 | */
159 | requestWitnessVote: function(tab, username, witness, vote) {
160 | var request = {
161 | type: "witnessVote",
162 | username: username,
163 | witness: witness,
164 | vote: vote
165 | };
166 | keychainify.dispatchRequest(tab, equest);
167 | },
168 |
169 | /**
170 | * Requesting a Keychain delegation operation
171 | * @param tab
172 | * @param username
173 | * @param delegatee
174 | * @param amount
175 | * @param unit
176 | */
177 | requestDelegation: function(tab, username, delegatee, amount, unit) {
178 | const request = {
179 | type: "delegation",
180 | username: username,
181 | delegatee: delegatee,
182 | amount: amount,
183 | unit: unit
184 | };
185 |
186 | keychainify.dispatchRequest(tab, request);
187 | },
188 |
189 | /**
190 | * Parsing the query string
191 | * @param url
192 | */
193 | getVarsFromURL: function(url) {
194 | const argsParsed = {};
195 |
196 | if (url.indexOf("?") !== -1) {
197 | const query = url.split("?").pop();
198 | const args = query.split("&");
199 | let arg, kvp, key, value;
200 |
201 | for (let i = 0; i < args.length; i++) {
202 | arg = args[i];
203 | if (arg.indexOf("=") === -1) {
204 | argsParsed[decodeURIComponent(arg)] = true;
205 | } else {
206 | kvp = arg.split("=");
207 | key = decodeURIComponent(kvp[0]);
208 | value = decodeURIComponent(kvp[1]);
209 | argsParsed[key] = value;
210 | }
211 | }
212 | }
213 |
214 | return argsParsed;
215 | }
216 | };
217 |
--------------------------------------------------------------------------------
/html/dialog.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
13 |
14 |
15 |
28 |
29 |
33 |
34 |
121 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
--------------------------------------------------------------------------------
/js/libs/account.js:
--------------------------------------------------------------------------------
1 | class Account {
2 | constructor(obj) {
3 | this.account = obj || {};
4 | }
5 | init() {
6 | this.info = steem.api.getAccountsAsync([this.account.name]);
7 | this.props = new GlobalProps();
8 | this.delegatees = getDelegatees(this.account.name);
9 | this.delegators = getDelegators(this.account.name);
10 | }
11 | getObj() {
12 | return this.account;
13 | }
14 | getName() {
15 | return this.account.name;
16 | }
17 | getKeys() {
18 | return this.account.keys;
19 | }
20 | getKey(key) {
21 | return this.account.keys[key];
22 | }
23 | hasKey(key) {
24 | return this.account.keys.hasOwnProperty(key);
25 | }
26 | setKey(key, val) {
27 | this.account.keys[key] = val;
28 | }
29 | deleteKey(key) {
30 | delete this.account.keys[key];
31 | delete this.account.keys[`${key}Pubkey`];
32 | }
33 | async getAccountInfos() {
34 | return (await this.info)[0];
35 | }
36 | async getAccountInfo(key) {
37 | const info = (await this.info)[0];
38 | return info[key];
39 | }
40 | async getAvailableRewards() {
41 | this.reward_sbd = await this.getAccountInfo("reward_sbd_balance");
42 | this.reward_vests = await this.getAccountInfo("reward_vesting_balance");
43 | const reward_sp = (await this.toSP(this.reward_vests)) + " SP";
44 | this.reward_steem = await this.getAccountInfo("reward_steem_balance");
45 | let rewardText = chrome.i18n.getMessage("popup_account_redeem") + ":
22 | 
32 | "; 46 | if (getValFromString(reward_sp) != 0) rewardText += reward_sp + " / "; 47 | if (getValFromString(this.reward_sbd) != 0) 48 | rewardText += this.reward_sbd + " / "; 49 | if (getValFromString(this.reward_steem) != 0) 50 | rewardText += this.reward_steem + " / "; 51 | rewardText = rewardText.slice(0, -3); 52 | return [this.reward_sbd, reward_sp, this.reward_steem, rewardText]; 53 | } 54 | async toSP(vests) { 55 | return steem.formatter 56 | .vestToSteem( 57 | vests, 58 | await this.props.getProp("total_vesting_shares"), 59 | await this.props.getProp("total_vesting_fund_steem") 60 | ) 61 | .toFixed(3); 62 | } 63 | 64 | claimRewards(callback) { 65 | steem.broadcast.claimRewardBalance( 66 | this.getKey("posting"), 67 | this.getName(), 68 | this.reward_steem, 69 | this.reward_sbd, 70 | this.reward_vests, 71 | callback 72 | ); 73 | } 74 | 75 | async getVotingMana() { 76 | const vm = await getVotingMana(await this.getAccountInfos()); 77 | const full = getTimeBeforeFull(vm * 100); 78 | return [vm, full]; 79 | } 80 | 81 | async getSteem() { 82 | return (await this.getAccountInfo("balance")).replace(" STEEM", ""); 83 | } 84 | 85 | async getSBD() { 86 | return (await this.getAccountInfo("sbd_balance")).replace(" SBD", ""); 87 | } 88 | 89 | async getSP() { 90 | return await this.toSP( 91 | (await this.getAccountInfo("vesting_shares")).replace(" VESTS", "") 92 | ); 93 | } 94 | 95 | async getRC() { 96 | return await getRC(this.account.name); 97 | } 98 | 99 | async getVotingDollars(percentage) { 100 | return await getVotingDollarsPerAccount( 101 | percentage, 102 | await this.getAccountInfos(), 103 | (await this.props.getFund("reward_balance")).replace("STEEM", ""), 104 | (await this.props.getFund("recent_claims")).replace("STEEM", ""), 105 | await this.props.getSteemPrice(), 106 | await this.props.getProp("vote_power_reserve_rate"), 107 | false 108 | ); 109 | } 110 | 111 | async getAccountValue() { 112 | const [steem, sbd] = await this.props.getPrices(); 113 | return ( 114 | numberWithCommas( 115 | "$ " + 116 | ( 117 | sbd * parseInt(await this.getSBD()) + 118 | steem * 119 | (parseInt(await this.getSP()) + parseInt(await this.getSteem())) 120 | ).toFixed(2) 121 | ) + "\t USD" 122 | ); 123 | } 124 | 125 | async getTransfers() { 126 | const result = await steem.api.getAccountHistoryAsync( 127 | this.getName(), 128 | -1, 129 | 1000 130 | ); 131 | let transfers = result.filter(tx => tx[1].op[0] === "transfer"); 132 | transfers = transfers.slice(-10).reverse(); 133 | return transfers; 134 | } 135 | 136 | async getPowerDown() { 137 | const totalSteem = Number( 138 | (await this.props.getProp("total_vesting_fund_steem")).split(" ")[0] 139 | ); 140 | const totalVests = Number( 141 | (await this.props.getProp("total_vesting_shares")).split(" ")[0] 142 | ); 143 | const withdrawn = ( 144 | (((await this.getAccountInfo("withdrawn")) / totalVests) * totalSteem) / 145 | 1000000 146 | ).toFixed(0); 147 | const total_withdrawing = ( 148 | (((await this.getAccountInfo("to_withdraw")) / totalVests) * totalSteem) / 149 | 1000000 150 | ).toFixed(0); 151 | const next_vesting_withdrawal = await this.getAccountInfo( 152 | "next_vesting_withdrawal" 153 | ); 154 | return [withdrawn, total_withdrawing, next_vesting_withdrawal]; 155 | } 156 | 157 | async powerDown(sp, callback) { 158 | const totalSteem = Number( 159 | (await this.props.getProp("total_vesting_fund_steem")).split(" ")[0] 160 | ); 161 | const totalVests = Number( 162 | (await this.props.getProp("total_vesting_shares")).split(" ")[0] 163 | ); 164 | let vestingShares = (parseFloat(sp) * totalVests) / totalSteem; 165 | vestingShares = vestingShares.toFixed(6); 166 | vestingShares = vestingShares.toString() + " VESTS"; 167 | 168 | steem.broadcast.withdrawVesting( 169 | this.getKey("active"), 170 | this.getName(), 171 | vestingShares, 172 | callback 173 | ); 174 | } 175 | 176 | powerUp(amount, to, callback) { 177 | steem.broadcast.transferToVesting( 178 | this.getKey("active"), 179 | this.getName(), 180 | to, 181 | amount, 182 | callback 183 | ); 184 | } 185 | 186 | async getDelegatees() { 187 | const that = this; 188 | let delegatees = await this.delegatees; 189 | delegatees = delegatees.filter(function(elt) { 190 | return elt.vesting_shares != 0; 191 | }); 192 | if (delegatees.length > 0) 193 | delegatees = await Promise.all( 194 | delegatees.map(async elt => { 195 | elt.sp = parseFloat( 196 | await this.toSP( 197 | parseFloat(elt.vesting_shares.replace(" VESTS", "")) 198 | ) 199 | ).toFixed(3); 200 | return elt; 201 | }) 202 | ); 203 | return delegatees; 204 | } 205 | async getDelegators() { 206 | const that = this; 207 | let delegators = (await this.delegators) || []; 208 | delegators = delegators.filter(function(elt) { 209 | return elt.vesting_shares != 0; 210 | }); 211 | if (delegators.length > 0) 212 | delegators = await Promise.all( 213 | delegators.map(async elt => { 214 | const sp = await that.toSP(elt.vesting_shares + " VESTS"); 215 | elt.sp = parseFloat(sp).toFixed(3); 216 | return elt; 217 | }) 218 | ); 219 | return delegators; 220 | } 221 | async delegateSP(amount, to, callback) { 222 | const totalSteem = Number( 223 | (await this.props.getProp("total_vesting_fund_steem")).split(" ")[0] 224 | ); 225 | const totalVests = Number( 226 | (await this.props.getProp("total_vesting_shares")).split(" ")[0] 227 | ); 228 | let delegated_vest = (parseFloat(amount) * totalVests) / totalSteem; 229 | delegated_vest = delegated_vest.toFixed(6); 230 | delegated_vest = delegated_vest.toString() + " VESTS"; 231 | steem.broadcast.delegateVestingShares( 232 | activeAccount.getKey("active"), 233 | activeAccount.getName(), 234 | to, 235 | delegated_vest, 236 | callback 237 | ); 238 | } 239 | } 240 | -------------------------------------------------------------------------------- /js/background/auth.js: -------------------------------------------------------------------------------- 1 | const checkBeforeCreate = (request, tab, domain) => { 2 | if (mk == null) { 3 | // Check if locked 4 | const callback = () => { 5 | console.log("locked"); 6 | chrome.runtime.sendMessage({ 7 | command: "sendDialogError", 8 | msg: { 9 | success: false, 10 | error: "locked", 11 | result: null, 12 | data: request, 13 | message: chrome.i18n.getMessage("bgd_auth_locked"), 14 | display_msg: chrome.i18n.getMessage("bgd_auth_locked_desc") 15 | }, 16 | tab: tab, 17 | domain: domain 18 | }); 19 | }; 20 | createPopup(callback); 21 | } else { 22 | chrome.storage.local.get( 23 | ["accounts", "no_confirm", "current_rpc"], 24 | function(items) { 25 | const {memo, username, type, enforce} = request; 26 | // Check user 27 | if (!items.accounts) { 28 | createPopup(() => { 29 | sendErrors( 30 | tab, 31 | "no_wallet", 32 | chrome.i18n.getMessage("bgd_init_no_wallet"), 33 | "", 34 | request 35 | ); 36 | }); 37 | } else { 38 | // Check that user and wanted keys are in the wallet 39 | accountsList.init(decryptToJson(items.accounts, mk)); 40 | let account = null; 41 | if (type === "transfer") { 42 | let tr_accounts = accountsList 43 | .getList() 44 | .filter(e => e.hasKey("active")) 45 | .map(e => e.getName()); 46 | console.log(tr_accounts, "a"); 47 | 48 | const encode = memo && memo.length > 0 && memo[0] == "#"; 49 | const enforced = enforce || encode; 50 | if (encode) account = accountsList.get(username); 51 | // If a username is specified, check that its active key has been added to the wallet 52 | if ( 53 | enforced && 54 | username && 55 | !accountsList.get(username).hasKey("active") 56 | ) { 57 | createPopup(() => { 58 | console.log("error1"); 59 | sendErrors( 60 | tab, 61 | "user_cancel", 62 | chrome.i18n.getMessage("bgd_auth_canceled"), 63 | chrome.i18n.getMessage("bgd_auth_transfer_no_active", [ 64 | username 65 | ]), 66 | request 67 | ); 68 | }); 69 | } else if (encode && !account.hasKey("memo")) { 70 | createPopup(() => { 71 | console.log("error2"); 72 | sendErrors( 73 | tab, 74 | "user_cancel", 75 | chrome.i18n.getMessage("bgd_auth_canceled"), 76 | chrome.i18n.getMessage("bgd_auth_transfer_no_memo", [ 77 | username 78 | ]), 79 | request 80 | ); 81 | }); 82 | } else if (tr_accounts.length == 0) { 83 | createPopup(() => { 84 | console.log("error3"); 85 | sendErrors( 86 | tab, 87 | "user_cancel", 88 | chrome.i18n.getMessage("bgd_auth_canceled"), 89 | chrome.i18n.getMessage("bgd_auth_transfer_no_active", [ 90 | username 91 | ]), 92 | request 93 | ); 94 | }); 95 | } else { 96 | console.log("b", tr_accounts); 97 | const callback = () => { 98 | chrome.runtime.sendMessage({ 99 | command: "sendDialogConfirm", 100 | data: request, 101 | domain, 102 | accounts: tr_accounts, 103 | tab, 104 | testnet: items.current_rpc === "TESTNET" 105 | }); 106 | }; 107 | createPopup(callback); 108 | } 109 | } else { 110 | if (!accountsList.get(username)) { 111 | const callback = () => { 112 | console.log("error4"); 113 | sendErrors( 114 | tab, 115 | "user_cancel", 116 | chrome.i18n.getMessage("bgd_auth_canceled"), 117 | chrome.i18n.getMessage("bgd_auth_no_account", [username]), 118 | request 119 | ); 120 | }; 121 | createPopup(callback); 122 | } else { 123 | account = accountsList.get(username); 124 | let typeWif = getRequiredWifType(request); 125 | let req = request; 126 | req.key = typeWif; 127 | 128 | if (req.type == "custom") req.method = typeWif; 129 | 130 | if (req.type == "broadcast") { 131 | req.typeWif = typeWif; 132 | } 133 | 134 | if (!account.hasKey(typeWif)) { 135 | createPopup(() => { 136 | console.log("error5"); 137 | sendErrors( 138 | tab, 139 | "user_cancel", 140 | chrome.i18n.getMessage("bgd_auth_canceled"), 141 | chrome.i18n.getMessage("bgd_auth_no_key", [ 142 | username, 143 | typeWif 144 | ]), 145 | request 146 | ); 147 | }); 148 | } else { 149 | public = account.getKey(`${typeWif}Pubkey`); 150 | key = account.getKey(typeWif); 151 | if ( 152 | !hasNoConfirm( 153 | items.no_confirm, 154 | req, 155 | domain, 156 | items.current_rpc 157 | ) 158 | ) { 159 | const callback = () => { 160 | chrome.runtime.sendMessage({ 161 | command: "sendDialogConfirm", 162 | data: req, 163 | domain, 164 | tab, 165 | testnet: items.current_rpc === "TESTNET" 166 | }); 167 | }; 168 | createPopup(callback); 169 | // Send the request to confirmation window 170 | } else { 171 | chrome.runtime.sendMessage({ 172 | command: "broadcastingNoConfirm" 173 | }); 174 | performTransaction(req, tab, true); 175 | } 176 | } 177 | } 178 | } 179 | } 180 | } 181 | ); 182 | } 183 | }; 184 | 185 | const hasNoConfirm = (arr, data, domain, current_rpc) => { 186 | try { 187 | if ( 188 | data.method == "active" || data.method == "Active" || 189 | arr == undefined || 190 | current_rpc === "TESTNET" || 191 | domain === "steemit.com" 192 | ) { 193 | return false; 194 | } else return JSON.parse(arr)[data.username][domain][data.type] == true; 195 | } catch (e) { 196 | console.log(e); 197 | return false; 198 | } 199 | }; 200 | 201 | // Get the key needed for each type of transaction 202 | const getRequiredWifType = request => { 203 | switch (request.type) { 204 | case "decode": 205 | case "signBuffer": 206 | return request.method.toLowerCase(); 207 | break; 208 | case "post": 209 | case "vote": 210 | return "posting"; 211 | break; 212 | case "custom": 213 | return request.method == null || request.method == undefined 214 | ? "posting" 215 | : request.method.toLowerCase(); 216 | break; 217 | case "addAccountAuthority": 218 | case "removeAccountAuthority": 219 | case "removeKeyAuthority": 220 | case "addKeyAuthority": 221 | case "broadcast": 222 | case "signTx": 223 | return request.method.toLowerCase(); 224 | case "signedCall": 225 | return request.typeWif.toLowerCase(); 226 | case "transfer": 227 | return "active"; 228 | break; 229 | case "sendToken": 230 | return "active"; 231 | break; 232 | case "delegation": 233 | return "active"; 234 | break; 235 | case "witnessVote": 236 | return "active"; 237 | break; 238 | case "powerUp": 239 | return "active"; 240 | break; 241 | case "powerDown": 242 | return "active"; 243 | break; 244 | case "createClaimedAccount": 245 | return "active"; 246 | break; 247 | case "createProposal": 248 | return "active"; 249 | break; 250 | case "removeProposal": 251 | return "active"; 252 | break; 253 | case "updateProposalVote": 254 | return "active"; 255 | break; 256 | } 257 | }; 258 | -------------------------------------------------------------------------------- /example/main.js: -------------------------------------------------------------------------------- 1 | // Send Handshake event 2 | $("#sw-handshake").click(function() { 3 | steem_keychain.requestHandshake(function() { 4 | console.log("Handshake received!"); 5 | }); 6 | }); 7 | 8 | // All transactions are sent via a swRequest event. 9 | 10 | // Send decryption request 11 | $("#send_decode").click(function() { 12 | steem_keychain.requestVerifyKey( 13 | $("#decode_user").val(), 14 | $("#decode_message").val(), 15 | $("#decode_method option:selected").text(), 16 | function(response) { 17 | console.log("main js response - verify key"); 18 | console.log(response); 19 | } 20 | ); 21 | }); 22 | 23 | // Send post request 24 | $("#send_post").click(function() { 25 | steem_keychain.requestPost( 26 | $("#post_username").val(), 27 | $("#post_title").val(), 28 | $("#post_body").val(), 29 | $("#post_pp").val(), 30 | $("#post_pu").val(), 31 | $("#post_json").val(), 32 | $("#post_perm").val(), 33 | $("#comment_options").val(), 34 | function(response) { 35 | console.log("main js response - post"); 36 | console.log(response); 37 | } 38 | ); 39 | }); 40 | 41 | // Send vote request 42 | $("#send_vote").click(function() { 43 | steem_keychain.requestVote( 44 | $("#vote_username").val(), 45 | $("#vote_perm").val(), 46 | $("#vote_author").val(), 47 | $("#vote_weight").val(), 48 | function(response) { 49 | console.log("main js response - vote"); 50 | console.log(response); 51 | } 52 | ); 53 | }); 54 | 55 | // Send Custom JSON request 56 | $("#send_custom").click(function() { 57 | console.log("click"); 58 | steem_keychain.requestCustomJson( 59 | $("#custom_username").val(), 60 | $("#custom_id").val(), 61 | $("#custom_method option:selected").text(), 62 | $("#custom_json").val(), 63 | $("#custom_message").val(), 64 | function(response) { 65 | console.log("main js response - custom JSON"); 66 | console.log(response); 67 | }, 68 | $("#custom_rpc").val() 69 | ); 70 | }); 71 | 72 | // Send transfer request 73 | $("#send_tra").click(function() { 74 | console.log("transfer"); 75 | steem_keychain.requestTransfer( 76 | $("#transfer_username").val(), 77 | $("#transfer_to").val(), 78 | $("#transfer_val").val(), 79 | $("#transfer_memo").val(), 80 | $("#transfer_currency option:selected").text(), 81 | function(response) { 82 | console.log("main js response - transfer"); 83 | console.log(response); 84 | }, 85 | $("#transfer_enforce").is(":checked") 86 | ); 87 | }); 88 | 89 | // Send tokens request 90 | $("#sendTokens").click(function() { 91 | steem_keychain.requestSendToken( 92 | $("#tokens_username").val(), 93 | $("#tokens_to").val(), 94 | $("#tokens_qt").val(), 95 | $("#tokens_memo").val(), 96 | $("#tokens_unit").val(), 97 | function(response) { 98 | console.log("main js response - tokens"); 99 | console.log(response); 100 | } 101 | ); 102 | }); 103 | 104 | // Send delegation 105 | $("#send_delegation").click(function() { 106 | steem_keychain.requestDelegation( 107 | $("#delegation_username").val(), 108 | $("#delegation_delegatee").val(), 109 | $("#delegation_sp").val(), 110 | $("#delegation_unit option:selected").text(), 111 | function(response) { 112 | console.log("main js response - delegation"); 113 | console.log(response); 114 | } 115 | ); 116 | }); 117 | 118 | $("#send_signature").click(function() { 119 | steem_keychain.requestSignBuffer( 120 | $("#sign_username").val(), 121 | $("#sign_message").val(), 122 | $("#sign_method option:selected").text(), 123 | function(response) { 124 | console.log("main js response - sign"); 125 | console.log(response); 126 | } 127 | ); 128 | }); 129 | 130 | $("#send_addauth").click(function() { 131 | steem_keychain.requestAddAccountAuthority( 132 | $("#addauth_username").val(), 133 | $("#addauth_authorized_username").val(), 134 | $("#addauth_role option:selected").text(), 135 | $("#addauth_weight").val(), 136 | function(response) { 137 | console.log("main js response - add auth"); 138 | console.log(response); 139 | } 140 | ); 141 | }); 142 | 143 | $("#send_removeauth").click(function() { 144 | steem_keychain.requestRemoveAccountAuthority( 145 | $("#removeauth_username").val(), 146 | $("#removeauth_authorized_username").val(), 147 | $("#removeauth_role option:selected").text(), 148 | function(response) { 149 | console.log("main js response - remove auth"); 150 | console.log(response); 151 | } 152 | ); 153 | }); 154 | 155 | $("#send_addkey").click(function() { 156 | console.log("add key"); 157 | steem_keychain.requestAddKeyAuthority( 158 | $("#addkey_username").val(), 159 | $("#addkey_authorized_key").val(), 160 | $("#addkey_role option:selected").text(), 161 | $("#addkey_weight").val(), 162 | function(response) { 163 | console.log("main js response - add auth key"); 164 | console.log(response); 165 | } 166 | ); 167 | }); 168 | 169 | $("#send_removekey").click(function() { 170 | steem_keychain.requestRemoveKeyAuthority( 171 | $("#removekey_username").val(), 172 | $("#removekey_authorized_key").val(), 173 | $("#removekey_role option:selected").text(), 174 | function(response) { 175 | console.log("main js response - remove auth key"); 176 | console.log(response); 177 | } 178 | ); 179 | }); 180 | 181 | $("#send_broadcast").click(function() { 182 | steem_keychain.requestBroadcast( 183 | $("#broadcast_username").val(), 184 | $("#broadcast_operations").val(), 185 | $("#broadcast_method option:selected").text(), 186 | function(response) { 187 | console.log("main js response - broadcast"); 188 | console.log(response); 189 | } 190 | ); 191 | }); 192 | 193 | $("#send_signed_call").click(function() { 194 | steem_keychain.requestSignedCall( 195 | $("#signed_call_username").val(), 196 | $("#signed_call_method").val(), 197 | JSON.parse($("#signed_call_params").val()), 198 | $("#signed_call_key_type option:selected").text(), 199 | function(response) { 200 | console.log("main js response - signed call"); 201 | console.log(response); 202 | } 203 | ); 204 | }); 205 | 206 | $("#send_witness_vote").click(function() { 207 | steem_keychain.requestWitnessVote( 208 | $("#witness_username").val(), 209 | $("#witness").val(), 210 | $("#vote_wit").is(":checked"), 211 | function(response) { 212 | console.log("main js response - witness vote"); 213 | console.log(response); 214 | } 215 | ); 216 | }); 217 | 218 | $("#send_pu").click(function() { 219 | steem_keychain.requestPowerUp( 220 | $("#pu_username").val(), 221 | $("#pu_recipient").val(), 222 | $("#pu_steem").val(), 223 | function(response) { 224 | console.log("main js response - power up"); 225 | console.log(response); 226 | } 227 | ); 228 | }); 229 | 230 | $("#send_pd").click(function() { 231 | steem_keychain.requestPowerDown( 232 | $("#pd_username").val(), 233 | $("#pd_sp").val(), 234 | function(response) { 235 | console.log("main js response - power down"); 236 | console.log(response); 237 | } 238 | ); 239 | }); 240 | 241 | $("#send_create_claimed").click(function() { 242 | steem_keychain.requestCreateClaimedAccount( 243 | $("#create_claimed_username").val(), 244 | $("#create_claimed_new_username").val(), 245 | $("#create_claimed_owner").val(), 246 | $("#create_claimed_active").val(), 247 | $("#create_claimed_posting").val(), 248 | $("#create_claimed_memo").val(), 249 | function(response) { 250 | console.log("main js response - create claimed account"); 251 | console.log(response); 252 | } 253 | ); 254 | }); 255 | 256 | $("#send_cp").click(function() { 257 | steem_keychain.requestCreateProposal( 258 | $("#cp_username").val(), 259 | $("#cp_receiver").val(), 260 | $("#cp_subject").val(), 261 | $("#cp_permlink").val(), 262 | $("#cp_daily_pay").val(), 263 | $("#cp_start").val(), 264 | $("#cp_end").val(), 265 | $("#cp_extensions").val(), 266 | function(response) { 267 | console.log("main js response - create proposal"); 268 | console.log(response); 269 | } 270 | ); 271 | }); 272 | 273 | $("#send_rp").click(function() { 274 | steem_keychain.requestRemoveProposal( 275 | $("#rp_username").val(), 276 | $("#rp_proposal_ids").val(), 277 | $("#cp_extensions").val(), 278 | function(response) { 279 | console.log("main js response - remove proposal"); 280 | console.log(response); 281 | } 282 | ); 283 | }); 284 | 285 | $("#send_vp").click(function() { 286 | steem_keychain.requestUpdateProposalVote( 287 | $("#vp_username").val(), 288 | $("#vp_proposal_ids").val(), 289 | $("#vp_approve").is(":checked"), 290 | $("#vp_extensions").val(), 291 | function(response) { 292 | console.log("main js response - update proposal votes"); 293 | console.log(response); 294 | } 295 | ); 296 | }); 297 | -------------------------------------------------------------------------------- /css/dialog.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: Futura; 3 | src: url("../fonts/Futura-Boo.otf"); 4 | font-weight: 400; 5 | } 6 | 7 | html { 8 | width: 350px; 9 | height: 566px; 10 | overflow: hidden; 11 | border-radius: 1px; 12 | margin: 0 !important; 13 | padding: 0 !important; 14 | background-image: linear-gradient(328deg, #3df9b4, #00d3cc, #a779ff) !important; 15 | background-repeat: no-repeat; 16 | background-attachment: fixed; 17 | top: 0; 18 | left: 0; 19 | position: relative; 20 | word-wrap: break-word; 21 | } 22 | 23 | body { 24 | height: 100%; 25 | font-family: Futura !important; 26 | font-weight: 400; 27 | padding: 0 !important; 28 | width: 100%; 29 | margin: 0 !important; 30 | overflow: hidden; 31 | } 32 | 33 | .cloud { 34 | background: url("../images/bg-steam@2x.png") no-repeat; 35 | background-size: cover; 36 | width: 350px; 37 | height: 436px; 38 | position: absolute; 39 | bottom: 0; 40 | left: 0; 41 | z-index: 1; 42 | } 43 | 44 | .modal-content { 45 | width: 100%; 46 | height: 100%; 47 | box-sizing: border-box !important; 48 | position: absolute; 49 | margin: 0 !important; 50 | padding: 20px 32px !important; 51 | line-height: 22px; 52 | font-size: 16px; 53 | text-align: left; 54 | text-overflow: clip; 55 | white-space: normal; 56 | color: white; 57 | z-index: 2; 58 | } 59 | 60 | h2 { 61 | display: inline-block; 62 | margin: 10px 0 20px 0; 63 | width: 100%; 64 | font-size: 20px; 65 | line-height: 25px; 66 | text-transform: uppercase; 67 | } 68 | 69 | h2::before { 70 | content: ""; 71 | width: 41.21px; 72 | height: 30px; 73 | opacity: 0.8; 74 | background-image: url("../images/keychain_icon2.png"); 75 | background-repeat: no-repeat; 76 | background-size: 41.21px 30px; 77 | padding-right: 60px; 78 | vertical-align: 0%; 79 | background-size: contain; 80 | } 81 | 82 | h3.dialog-message { 83 | text-align: center; 84 | margin-top: 0; 85 | margin-bottom: 10px; 86 | background-color: rgba(0, 156, 156, 0.4); 87 | padding: 5px 0 10px 0; 88 | } 89 | 90 | h3 .small { 91 | text-transform: none; 92 | font-size: 80%; 93 | cursor: pointer; 94 | } 95 | 96 | #modal-body-msg .msg-data>div, 97 | #modal-body-msg .msg-data>h3, 98 | #modal-body-msg .msg-data>img, 99 | #transfer_acct_list { 100 | display: none; 101 | } 102 | 103 | #error_dialog { 104 | margin-bottom: 40px; 105 | } 106 | 107 | .modal-body-error { 108 | width: 100%; 109 | box-sizing: border-box; 110 | } 111 | 112 | .input_container { 113 | width: 100%; 114 | position: relative; 115 | padding: 0; 116 | margin: 0; 117 | } 118 | 119 | .input_img { 120 | position: absolute; 121 | bottom: 30.07px; 122 | left: 20.41px; 123 | width: 23.85px; 124 | height: 29.93px; 125 | } 126 | 127 | .input_container input { 128 | width: 100%; 129 | box-sizing: border-box; 130 | height: 48.43px; 131 | margin-bottom: 20px; 132 | background: rgba(255, 255, 255, 0.65); 133 | border: 1px solid rgba(255, 255, 255, 0.65); 134 | padding-left: 65px; 135 | border-radius: 5px; 136 | color: #009C9C; 137 | font-size: 20px; 138 | } 139 | 140 | button { 141 | border-radius: 5px; 142 | width: 100%; 143 | height: 48.43px; 144 | text-align: center; 145 | font-size: 20px; 146 | line-height: 28px; 147 | color: white; 148 | font-family: Futura; 149 | text-transform: uppercase; 150 | background-color: rgba(0, 156, 156); 151 | border: solid 1px rgba(0, 156, 156); 152 | cursor: pointer; 153 | } 154 | 155 | #yes-unlock { 156 | margin-bottom: 20px; 157 | } 158 | 159 | .unlock { 160 | display: none; 161 | } 162 | 163 | #modal-body-msg {} 164 | 165 | #modal-body-msg .msg-data { 166 | max-height: 285px; 167 | overflow-y: scroll; 168 | background-color: rgba(0, 156, 156, 0.8); 169 | padding: 10px; 170 | } 171 | 172 | ::-webkit-scrollbar { 173 | width: 0px; 174 | /* remove scrollbar space */ 175 | background: transparent; 176 | /* optional: just make scrollbar invisible */ 177 | } 178 | 179 | /* optional: show position indicator in red */ 180 | ::-webkit-scrollbar-thumb { 181 | background: #FF0000; 182 | } 183 | 184 | #modal-body-msg h3 { 185 | font-size: 16px; 186 | line-height: 16px; 187 | text-transform: uppercase; 188 | margin: 0 0 5px 0; 189 | } 190 | 191 | #modal-body-msg .msg-data div { 192 | font-size: 16px; 193 | line-height: 16px; 194 | font-style: italic; 195 | margin-bottom: 20px; 196 | } 197 | 198 | .keep_checkbox { 199 | display: block; 200 | height: 37px; 201 | margin-bottom: 25px; 202 | } 203 | 204 | /* The container */ 205 | .checkbox_container { 206 | display: block; 207 | position: relative; 208 | padding-left: 55px; 209 | font-size: 16px; 210 | line-height: 16px; 211 | cursor: pointer; 212 | -webkit-user-select: none; 213 | -moz-user-select: none; 214 | -ms-user-select: none; 215 | user-select: none; 216 | } 217 | 218 | .checkbox_container div { 219 | margin-top: 5px; 220 | color: #006060; 221 | } 222 | 223 | .checkbox_container div:first-of-type { 224 | color: white; 225 | margin-top: 0px; 226 | text-transform: uppercase; 227 | } 228 | 229 | /* Hide the browser's default checkbox */ 230 | .checkbox_container input { 231 | position: absolute; 232 | opacity: 0; 233 | cursor: pointer; 234 | } 235 | 236 | /* Create a custom checkbox */ 237 | .checkmark { 238 | position: absolute; 239 | top: 7px; 240 | left: 0; 241 | height: 32px; 242 | width: 32px; 243 | background-color: rgba(255, 255, 255, 0.65); 244 | } 245 | 246 | /* Create the checkmark/indicator (hidden when not checked) */ 247 | .checkmark:after { 248 | content: ""; 249 | position: absolute; 250 | display: none; 251 | } 252 | 253 | /* Show the checkmark when checked */ 254 | .checkbox_container input:checked~.checkmark:after { 255 | display: block; 256 | } 257 | 258 | /* Style the checkmark/indicator */ 259 | .checkbox_container .checkmark:after { 260 | left: 11.52px; 261 | top: 6.4px; 262 | width: 6.4px; 263 | height: 11.8px; 264 | border: solid #009C9C; 265 | border-width: 0 3px 3px 0; 266 | -webkit-transform: rotate(45deg); 267 | -ms-transform: rotate(45deg); 268 | transform: rotate(45deg); 269 | } 270 | 271 | #confirm_footer { 272 | display: none; 273 | width: 100%; 274 | min-height: 169px; 275 | position: absolute; 276 | box-sizing: border-box; 277 | bottom: 0; 278 | background-color: rgba(0, 156, 156, 0.8); 279 | margin-left: -32px; 280 | padding: 10px 32px 60px 32px; 281 | } 282 | 283 | #confirm_footer button { 284 | width: 138px; 285 | } 286 | 287 | #confirm_footer button:first-of-type { 288 | margin-right: 6px; 289 | background-color: #006060; 290 | } 291 | 292 | #proceed:hover { 293 | background-color: #917FC6; 294 | } 295 | 296 | #keep_label { 297 | font-size: 16px; 298 | line-height: 16px; 299 | text-transform: none; 300 | } 301 | 302 | #tx_loading { 303 | text-align: center; 304 | } 305 | 306 | #tx_loading img { 307 | width: 50px; 308 | } 309 | 310 | .custom-select { 311 | position: relative; 312 | width: 100% !important; 313 | line-height: 2; 314 | height: 48.43px; 315 | margin-bottom: 20px; 316 | border: 1px solid rgba(0, 96, 96, 0.29); 317 | border-radius: 5px; 318 | margin-top: 20px; 319 | } 320 | 321 | .custom-select select { 322 | display: none; 323 | /*hide original SELECT element:*/ 324 | } 325 | 326 | .select-selected { 327 | background-color: rgba(0, 96, 96, 0.29); 328 | padding-left: 20px !important; 329 | } 330 | 331 | /*style the arrow inside the select element:*/ 332 | .select-selected:after { 333 | position: absolute; 334 | content: ""; 335 | top: 22px; 336 | right: 10px; 337 | width: 0; 338 | height: 0; 339 | border: 10px solid transparent; 340 | border-color: #88F7FB transparent transparent transparent; 341 | } 342 | 343 | /*point the arrow upwards when the select box is open (active):*/ 344 | .select-selected.select-arrow-active:after { 345 | border-color: transparent transparent #88F7FB transparent; 346 | top: 11px; 347 | } 348 | 349 | /*style the items (options), including the selected item:*/ 350 | .select-items div, 351 | .select-selected { 352 | box-sizing: border-box; 353 | color: #88F7FB; 354 | font-family: Futura; 355 | font-size: 20px; 356 | margin-bottom: 0px; 357 | line-height: 28px; 358 | padding: 9px 0px 8px 20px; 359 | border: 1px solid transparent; 360 | /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/ 361 | cursor: pointer; 362 | border-radius: 3px; 363 | } 364 | 365 | /*style items (options):*/ 366 | .select-items { 367 | position: absolute; 368 | background-color: rgba(0, 96, 96, 0.84); 369 | top: 100%; 370 | left: 0; 371 | margin-bottom: 0; 372 | right: 0; 373 | z-index: 99; 374 | } 375 | 376 | .select-items div { 377 | margin-bottom: 0; 378 | } 379 | 380 | /*hide the items when the select box is closed:*/ 381 | .select-hide { 382 | display: none; 383 | } 384 | 385 | .select-items div:hover, 386 | .same-as-selected { 387 | background-color: rgba(0, 96, 96, 1); 388 | } 389 | 390 | .balance_loading { 391 | width: 15px 392 | } 393 | 394 | #steemit { 395 | display: none 396 | } 397 | 398 | #balance, #balance_after { 399 | display: none 400 | } -------------------------------------------------------------------------------- /example/main.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |