I heard VueJS was the future, man

This commit is contained in:
Duke Leto 2021-02-04 12:19:03 -05:00
parent 96b138f450
commit 1f96b50f20
3 changed files with 20 additions and 10 deletions

View File

@ -7,7 +7,7 @@
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/milligram/1.1.0/milligram.min.css'> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/milligram/1.1.0/milligram.min.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,700'> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,700'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
<link rel="stylesheet" href="style.css?v=4"> <link rel="stylesheet" href="style.css?v=5">
</head> </head>
<body> <body>
<div id="app"> <div id="app">
@ -23,8 +23,8 @@
</ul> </ul>
</div> </div>
<div id="build" class="content text-center"> <div id="build" class="content text-center">
<h3>Let's build your HSC CLI command</h3> <h3>Let's create a HUSH Smart Chain!</h3>
<h5>Update your settings, your command will update on the right.</h5> <h5>You have great power at your fingertips! Use it wisely, for Good</h5>
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<form class="center"> <form class="center">
@ -44,32 +44,36 @@
</label> </label>
</li> </li>
<li> <li>
<label>Fully Shielded (z2z)</label> <label>Fully Shielded z2z (-ac_private)</label>
<label class="switch"> <label class="switch">
<input type="checkbox" v-model="optionz2z"> <input type="checkbox" v-model="optionz2z">
<div class="slider round"></div> <div class="slider round"></div>
</label> </label>
</li> </li>
<li class="animated fadeInRight" id="nameInput" style="border-color: #2d2d2d;"> <li class="animated fadeInRight" id="nameInput" style="border-color: #2d2d2d;">
<label>Name</label> <label>Name (-ac_name)</label>
<input class="input" type="text" v-model="optionName" style="border-color: #2d2d2d;"> <input class="input" type="text" v-model="optionName" style="border-color: #2d2d2d;">
</li> </li>
<li class="animated fadeInRight" id="supplyInput" style="border-color: #2d2d2d;"> <li class="animated fadeInRight" id="supplyInput" style="border-color: #2d2d2d;">
<label>Initial Supply</label> <label>Initial Supply (-ac_supply)</label>
<input class="input" type="text" v-model="optionSupply" style="border-color: #2d2d2d;"> <input class="input" type="text" v-model="optionSupply" style="border-color: #2d2d2d;">
</li> </li>
<li class="animated fadeInRight" id="rewardInput" style="border-color: #2d2d2d;"> <li class="animated fadeInRight" id="rewardInput" style="border-color: #2d2d2d;">
<label>Initial Block Reward</label> <label>Initial Block Reward (-ac_reward)</label>
<input class="input" type="text" v-model="optionReward" style="border-color: #2d2d2d;"> <input class="input" type="text" v-model="optionReward" style="border-color: #2d2d2d;">
</li> </li>
<li class="animated fadeInRight" id="blocktimeInput" style="border-color: #2d2d2d;"> <li class="animated fadeInRight" id="blocktimeInput" style="border-color: #2d2d2d;">
<label>Block time</label> <label>Block time (-ac_blocktime)</label>
<input class="input" type="text" v-model="optionBlocktime" style="border-color: #2d2d2d;"> <input class="input" type="text" v-model="optionBlocktime" style="border-color: #2d2d2d;">
</li> </li>
<li class="animated fadeInRight" id="halvingInput" style="border-color: #2d2d2d;"> <li class="animated fadeInRight" id="halvingInput" style="border-color: #2d2d2d;">
<label>Block Halving Period</label> <label>Block Halving Period (-ac_halving)</label>
<input class="input" type="text" v-model="optionHalving" style="border-color: #2d2d2d;"> <input class="input" type="text" v-model="optionHalving" style="border-color: #2d2d2d;">
</li> </li>
<li class="animated fadeInRight" id="pubkeyInput" style="border-color: #2d2d2d;">
<label>Public Key (-ac_pubkey)</label>
<input class="input" type="text" width="40" v-model="optionPubkey" style="border-color: #2d2d2d;">
</li>
</ul> </ul>
<h5 style="margin-top: 15px;">Addnodes</h5> <h5 style="margin-top: 15px;">Addnodes</h5>
<p>Add trusted bootstrap nodes. Remove by clicking.</p> <p>Add trusted bootstrap nodes. Remove by clicking.</p>
@ -103,6 +107,6 @@
</div> </div>
<script src='https://unpkg.com/vue'></script> <script src='https://unpkg.com/vue'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='main.js?v=5'></script> <script src='main.js?v=6'></script>
</body> </body>
</html> </html>

View File

@ -18,6 +18,7 @@ new Vue({
customPath: 0, customPath: 0,
customMinerToAddress: 0, customMinerToAddress: 0,
optionName: 'TUSH', optionName: 'TUSH',
optionPubkey: '',
optionReward: '1250000000', // in puposhis optionReward: '1250000000', // in puposhis
optionz2z: 1, optionz2z: 1,
optionSupply: '21000000', optionSupply: '21000000',
@ -93,6 +94,7 @@ new Vue({
this.command = "git clone https://git.hush.is/hush/hush3<br/>cd hush3<br/>./build.sh<br/>cd src<br/>./<b>hush-smart-chain</b> -ac_name=" + this.optionName + " -ac_supply=" + this.optionSupply this.command = "git clone https://git.hush.is/hush/hush3<br/>cd hush3<br/>./build.sh<br/>cd src<br/>./<b>hush-smart-chain</b> -ac_name=" + this.optionName + " -ac_supply=" + this.optionSupply
+ " -ac_blocktime=" + this.optionBlocktime + " -ac_private=" + this.optionz2z; + " -ac_blocktime=" + this.optionBlocktime + " -ac_private=" + this.optionz2z;
this.command += " -ac_reward=" + this.optionReward + " -ac_halving=" + this.optionHalving; this.command += " -ac_reward=" + this.optionReward + " -ac_halving=" + this.optionHalving;
this.command += " -ac_pubkey=" + this.optionPubkey;
/* /*
if (this.optionAllowList.length != 0) { if (this.optionAllowList.length != 0) {
this.command = this.conf + "<br /><br />whitelist=" + this.optionAllowList this.command = this.conf + "<br /><br />whitelist=" + this.optionAllowList

View File

@ -10,6 +10,10 @@ body {
width: 40%; width: 40%;
} }
.row {
width: 90%;
}
.center { .center {
margin: 0 auto; margin: 0 auto;
} }