I heard VueJS was the future, man

3 years ago · 1f96b50f20
3 changed files with 20 additions and 10 deletions
--- a/index.html
+++ b/index.html
@ -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://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" href="style.css?v=4">
+    <link rel="stylesheet" href="style.css?v=5">
  </head>
  <body>
    <div id="app">
@ -23,8 +23,8 @@
        </ul>
      </div>
      <div id="build" class="content text-center">
-        <h3>Let's build your HSC CLI command</h3>
-        <h5>Update your settings, your command will update on the right.</h5>
+        <h3>Let's create a HUSH Smart Chain!</h3>
+        <h5>You have great power at your fingertips! Use it wisely, for Good</h5>
        <div class="row">
          <div class="column">
            <form class="center">
@ -44,32 +44,36 @@
                        </label>
                      </li>
                      <li>
-                        <label>Fully Shielded (z2z)</label>
+                        <label>Fully Shielded z2z (-ac_private)</label>
                        <label class="switch">
                          <input type="checkbox" v-model="optionz2z">
                          <div class="slider round"></div>
                        </label>
                      </li>
                      <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;">
                      </li>
                      <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;">
                      </li>
                      <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;">
                      </li>
                      <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;">
                      </li>
                      <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;">
                      </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>
                    <h5 style="margin-top: 15px;">Addnodes</h5>
                    <p>Add trusted bootstrap nodes. Remove by clicking.</p>
@ -103,6 +107,6 @@
    </div>
    <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='main.js?v=5'></script>
+    <script src='main.js?v=6'></script>
  </body>
 </html>
--- a/main.js
+++ b/main.js
@ -18,6 +18,7 @@ new Vue({
        customPath: 0,
        customMinerToAddress: 0,
        optionName: 'TUSH',
+        optionPubkey: '',
        optionReward: '1250000000', // in puposhis
        optionz2z: 1,
        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
                        + " -ac_blocktime=" + this.optionBlocktime + " -ac_private=" + this.optionz2z;
          this.command += " -ac_reward=" + this.optionReward + " -ac_halving=" + this.optionHalving;
+          this.command += " -ac_pubkey=" + this.optionPubkey;
          /*
          if (this.optionAllowList.length != 0) {
            this.command = this.conf + "<br /><br />whitelist=" + this.optionAllowList
--- a/style.css
+++ b/style.css
@ -10,6 +10,10 @@ body {
  width: 40%;
 }

+.row {
+  width: 90%;
+}
+
 .center {
  margin: 0 auto;
 }