-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
116 lines (107 loc) · 8.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
<head>
<title>DRIP Network Crypto Faucet Simulator</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,700">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="app.css">
</head>
<body>
<div id="app">
<div class="container">
<h1>DRIP Simulator</h1>
<p>Since we can't simulate the market future, let's assume <b>1 DRIP = 1 USD</b></p>
<div class="table-div">
<div class="bg-dark"> <div>Config</div> <div></div> </div>
<!--
<div> <div>BNB Price</div> <div><input v-model.number="bnb_price_usd" type="text"> USD <div class="btn btn-primary mx-2" @click="action($event, 'get_bnb_quote')" data-val="">GET PRICE</div></div></div>
<div> <div>BNB/DRIP Ratio</div> <div><input v-model.number="bnb_drip_ratio" type="text"> {{ drip_usd }} USD</div></div>
-->
<div> <div>Gas Fee</div> <div><input v-model.number="gas_fee" type="text"></div></div>
<div> <div></div> <div></div> </div>
<div class="bg-dark"> <div>Deposit</div> <div></div> </div>
<div>
<div>Balance</div>
<div>
<input v-model.number="balance_drip" type="text">
<span><div class="btn btn-primary my-1" @click="action($event, 'deposit')" :data-val="balance_drip">DEPOSIT</div></span>
</div>
</div>
<div class="bg-dark"> <div>Faucet</div> <div></div> </div>
<div> <div>Last Day Income</div> <div>{{ faucet.last_day_income|decimal_3 }} - Per Week {{ income_week }} - Per Month {{ income_month }}</div> </div>
<div> <div>Deposits</div> <div>{{ faucet.deposit|decimal_3 }}</div> </div>
<div>
<div>Available</div>
<div>
{{ faucet.available|decimal_3 }}
<div id="but-claim" class="btn btn-primary mr-1" :class="(faucet.available == 0)?'disabled':''" @click="action($event, 'withdraw')" :data-val="faucet.available">CLAIM</div>
<div class="btn btn-primary mr-1" :class="(faucet.available == 0)?'disabled':''" @click="action($event, 'compound')" :data-val="faucet.available">HYDRATE</div>
<span v-if="faucet.available == 0" style="font-size:13px;"><br>To claim, set hydrate to stop and step forward.</span>
</div>
</div>
<div> <div>Claimed</div> <div>{{ faucet.claimed|decimal_3 }}</div> </div>
<div> <div>Max Payout</div> <div>{{ faucet_max_payout|decimal_3 }}</div> </div>
<div> <div>Investment</div> <div>{{ faucet.investment|decimal_3 }}</div> </div>
<div>
<div>Withdraw</div>
<div>
{{ faucet.withdraw|decimal_3 }}
<div class="btn btn-primary mr-1" :class="(faucet.withdraw == 0)?'disabled':''" @click="action($event, 'sell')" :data-val="faucet.withdraw">SELL</div>
</div>
</div>
<div> <div>Sold</div> <div>{{ faucet.sold|decimal_3 }}</div> </div>
<div> <div>Total Gas Fee</div> <div>{{ gas_fee_total|decimal_3 }}</div> </div>
<div> <div>Total P&L</div> <div>{{ revenue_usd }}</div> </div>
<div> <div>Total Network Taxes</div> <div>{{ drip_network_income|decimal_3 }}</div> </div>
<div> <div></div> <div></div> </div>
<div class="bg-dark"> <div>Time Machine</div> <div></div> </div>
<div> <div>Days Passed</div> <div>{{ sim.day_passed }} ({{ month_passed }} Month)</div> </div>
<div>
<div>Hydrate (Compound)</div>
<div>
<div class="btn-group">
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off">
<label id="but-step-stop" @click="action($event, 'sim-compound-mode')" data-val="NONE" class="btn btn-primary" for="btnradio1">Stop & Collect</label>
<input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off" checked>
<label id="but-step-every" @click="action($event, 'sim-compound-mode')" data-val="EVERYSTEP" class="btn btn-primary" for="btnradio3">Every Step</label>
<input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">
<label @click="action($event, 'sim-compound-mode')" data-val="EVERYDAY" class="btn btn-primary" for="btnradio2">Everyday</label>
</div>
</div>
</div>
<div>
<div>Day Step Forward</div>
<div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="1">1</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="2">2</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="5">5</div>
<div id="but-week" class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="7">7</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="10">10</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="14">14</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="30">30</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="100">100</div>
<div class="btn btn-primary mr-1" :class="(faucet.deposit == 0)?'disabled':''" @click="action($event, 'day-forward')" data-val="365">365</div>
<span v-if="faucet.deposit == 0" style="font-size:13px;">Deposit Needed</span>
</div>
</div>
<div>
<div>Macro</div>
<div>
<div class="btn btn-primary mr-1" :class="(sim.macro_record)?'disabled':''" @click="action($event, 'macro_record')" data-val="">RECORD</div>
<div class="btn btn-primary mr-1" :class="(!sim.macro_record)?'disabled':''" @click="action($event, 'macro_stop')" data-val="">STOP</div>
<div class="btn btn-primary mr-1" @click="action($event, 'macro_run')" data-val="">RUN</div> Action <span v-html="sim.macro.length"></span>
</div>
</div>
</div>
</div>
</div><!-- APP -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script><!-- PROD <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>