chaincoin · jayanh · Jun 14, 2018 · Jun 14, 2018 · Jun 14, 2018 · Jun 14, 2018
diff --git a/README.md b/README.md
@@ -4,13 +4,23 @@ Chaincoin Proposal Generator
 http://www.chaincoin.org
 
 ## How to install
-`git clone https://github.com/chaincoin/proposal.git proposal`
+`git clone https://github.com/jayanh/proposal.git proposal`
 
 ## Start
 1. Enter the folder proposal
 2. Use the command `composer install`, to install chaincoin/php-api;
+# To install composer: 
+ - sudo apt-get install curl php5-cli git
+ - curl -sS https://getcomposer.org/installer | sudo php -- --install-dir=/usr/local/bin --filename=composer
+
 3. Update the file vendor/chaincoin/php-api/settings.php with the ip, port, user e password of your rpc-wallet;
-4. Done!
+Example:
+   'host' => "127.0.0.1",
+   'port' => "21995",
+   'user' => "user",
+   'pass' => "password"
+4. start service: under proposal folder
+   php -S xxx.xxx.xx.xxxx:3000 ( xxx is ip and 3000 is port, you can change the port)
 
 ## Notes
 You'll need some web server (apache/nginx), or you can use php buil-in server

diff --git a/assets/css/chaincoin.css b/assets/css/chaincoin.css
@@ -6,13 +6,6 @@ body, html {
   color: black;
 }
 
-.bgimage {
-  background-image: url("/assets/img/walletFrame_bg.png");
-  background-repeat: no-repeat;
-  background-position: 0px 51px;
-  background-size:100% 100%;
-}
-
 p {
   font-size: 16px;
 }
@@ -32,6 +25,7 @@ p {
 
 .navbar-default {
   background-color: #27b463;
+  border-color: #27b463 !important;
 }
 
 .navbar {
@@ -56,45 +50,70 @@ input[type="submit"] {
   background-color: #616161;
   border-color: #616161;
 }
+.panel1{
+  margin-right: -15px;
+  margin-left: -15px;
+  padding-top:4%;
 
-input[type="submit"]:hover {
+}
+.panel-default{
+  border-color: #bce8f1 !important;
+
+}
+
+
+.panel-default > .panel-heading
+{
+color: #31708f !important;
+background-color: #d9edf7 !important;
+border-color: #bce8f1 !important;
+
+}
+input[type="submit"]
+{
   color: #fff;
   background-color: #818181;
   border-color: #818181;
 }
+input[type="submit"]:hover {
+  color: #fff;
+  background-color: #616161 ;
+  border-color: #616161 ;
+}
+
+.r01{
+width: 500px !important;
+float: left;
+}
+.btn{
+width: 177px !important;
+float: right;
+}
 
-.lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-ring div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 51px;
-  height: 51px;
-  margin: 6px;
-  border: 6px solid #fff;
-  border-radius: 50%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #27b463 transparent transparent transparent;
-}
-.lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-.lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
-}
-.lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
-}
-@keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+
+.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9
+{
+margin-left:2% !important;
+}
+.col-lg-8
+{
+width: 70% !important;
 }
+
+.col-lg-offset-1
+{
+margin-left: 3% !important;
+}
+
+.h2{
+color: #337ab7;
+font-weight: 600;
+}
+.header_title{
+color: #51ba50;
+font-weight: 600;
+}
+.form-control
+{
+border: 1px solid #bce8f1 !important;
+}
diff --git a/assets/img/logo.png b/assets/img/logo.png
diff --git a/index.php b/index.php
@@ -13,11 +13,11 @@
     <?php include_once 'layouts/icons.php'; ?>
     <?php include_once 'layouts/functions.php'; ?>
   </head>
-  <body class="bgimage">
+  <body>
     <?php include_once 'layouts/menu.php'; ?>
     <p style="clear: both"></p>
     <div class="container">
-      <div class="row">
+      <div class="panel1">
         <div class="col-md-8 col-lg-8 col-sm-12 col-xs-12">
 
           <div class="panel panel-default" id="prepare">
@@ -50,7 +50,7 @@
                 <div class="col-md-4">
                   <div class="form-group">
                     <label for="payment-date">Payment Date</label>
-                    <select class="form-control" name="payment-date" id="payment-date" onchange="calcPayments()">
+                    <select class="form-control" name="payment-date" id="payment-date" onchange="totalAmount();">
                     </select>
                   </div>
                 </div>
@@ -66,7 +66,7 @@
                 <div class="col-md-4">
                   <div class="form-group">
                     <label for="payment-amount">Payment Amount:</label>
-                    <input type="number" step="any" min="0" class="form-control" id="payment-amount" onchange="totalAmount();" required >
+                    <input type="number" class="form-control" id="payment-amount" onchange="totalAmount();" required >
                   </div>
                 </div>
 
@@ -80,15 +80,15 @@
                     </div>
                   </div>
                 </div>
-
                 <div class="col-md-12">
+                <div class="r01">
                   <p><b>Total Amount:</b> <span id="totalAmount">0 CHC</span></p>
                 </div>
 
-                <div class="col-md-12">
+                <div >
                   <input type="submit" class="btn btn-primary btn-lg btn-block" name="submit" value="Create Proposal">
                 </div>
-
+                </div>
               </form>
             </div>
           </div>
@@ -111,28 +111,18 @@
                     <p>Paste the resulting transaction id to move to the next step.</p>
                     <input type="text" class="form-control" id="txid" placeholder="<fee-txid>" onchange="getConfirmations(this.value);">
                   </div>
-                </form>
 
-                <hr>
-                <center>
-                  <div class="lds-ring" id="waiting" style="display: none;">
-                    <div></div>
-                    <div></div>
-                    <div></div>
-                    <div></div>
-                  </div>
-                </center>
-
-                <div class="alert alert-success" id="voteManyS" style="display: none;"><strong>Success!</strong></div>
-                <div class="alert alert-danger" id="voteManyF" style="display: none;"><strong>Fail!</strong></div>
+                </form>
 
             </div>
           </div>
         </div>
 
         <div class="col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1 col-sm-12 col-xs-12">
-          <h2>ChainCoin Budget Proposal</h2>
-
+          <div >
+          <h2 class="header_title">ChainCoin</h2>
+          <h2 class="header_title">Budget Proposal</h2>
+          </div>
           <p>Generate budget proposal commands you can copy/paste into your wallet to prepare a budget proposal and submit it to the network.</p>
 
           <p>

diff --git a/layouts/menu.php b/layouts/menu.php
@@ -3,7 +3,7 @@
     <div class="navbar-header">
 
       <a class="navbar-brand" href="./">
-        <img alt="Chaincoin - Instante Secure Transaction" src="assets/img/logo.png" style="width: 52px; padding: 3px 3px 3px 3px;">
+        <img alt="Chaincoin - Instante Secure Transaction" src="assets/img/logo.png" style="width: 300px;height:52px;">
       </a>
 
     </div>