Tabs and Wallet functions

src/pages/about/about.html

@@ -1,22 +1,22 @@
-<<ion-header>
+<ion-header>
     <ion-navbar>
       <ion-title>BlueCoin</ion-title>
     </ion-navbar>
   </ion-header>
   
   <ion-content padding>
-    <h2>Wallet</h2>
+    <h2>Payment</h2>
     <ion-item>
-        <ion-label color="primary" stacked>Public ID</ion-label>
-        <ion-input type="number" placeholder="public ID"></ion-input>
+        <ion-label color="primary" stacked>Your ID</ion-label>
+        <ion-input type="number" placeholder="Your ID"></ion-input>
       </ion-item>
       <ion-item>
-          <ion-label color="primary" stacked>Private ID</ion-label>
-          <ion-input type="number" placeholder="private ID"></ion-input>
+          <ion-label color="primary" stacked>Receiver ID</ion-label>
+          <ion-input type="number" placeholder="Receiver ID"></ion-input>
         </ion-item>
         <ion-item>
             <ion-label color="primary" stacked>Amount</ion-label>
-            <ion-input type="number" placeholder="Data"></ion-input>
+            <ion-input type="number" placeholder="Amount"></ion-input>
           </ion-item>
-          <button ion-button block>Send BlueCoin</button>
-              
+          <button ion-button (click)='transferMoney()' block>Send BlueCoin</button>
+     

src/pages/about/about.ts

@@ -6,9 +6,13 @@ import { NavController } from 'ionic-angular';
   templateUrl: 'about.html'
 })
 export class AboutPage {
+  private API = "localhost:8080/"
 
   constructor(public navCtrl: NavController) {
 
   }
-
+transferMoney(){
+  return this.API + "wallet/" + "{Id}"
+  
+}
 }

src/pages/wallet/wallet.html

@@ -3,11 +3,21 @@
     <ion-title>ZipCoin Blue Wallet</ion-title>
   </ion-navbar>
 </ion-header>
-
+ç
 <ion-content padding>
   <ion-list>
     <ion-item *ngFor="let wallet of wallets">
-      <h2>{{wallet.name}}</h2>
+        <ion-card>
+            <ion-card-header>
+               Name: <h2>{{wallet.name}}</h2>
+            </ion-card-header>
+            <ion-card-content>
+     Balance: <h2>{{wallet.amount}}</h2>
+     Public Key: <h2>{{wallet.publicId}}</h2>
+      
+    </ion-card-content>
+  </ion-card>
     </ion-item>
   </ion-list>
+  
 </ion-content>

src/providers/wallet-service.ts

@@ -11,6 +11,6 @@ export class WalletService {
   }
 
   getWalletAmount(): Observable<any> {
-    return this.http.get(this.API + '/get');
+    return this.http.get(this.API + '/wallets');
   }
 }

www/build/main.js

@@ -124,7 +124,7 @@ var WalletPage = /** @class */ (function () {
     };
     WalletPage = __decorate([
         Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__["m" /* Component */])({
-            selector: 'page-wallet',template:/*ion-inline-start:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/wallet/wallet.html"*/'<ion-header>\n  <ion-navbar>\n    <ion-title>ZipCoin Blue Wallet</ion-title>\n  </ion-navbar>\n</ion-header>\n\n<ion-content padding>\n  <ion-list>\n    <ion-item *ngFor="let wallet of wallets">\n      <h2>{{wallet.name}}</h2>\n    </ion-item>\n  </ion-list>\n</ion-content>'/*ion-inline-end:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/wallet/wallet.html"*/,
+            selector: 'page-wallet',template:/*ion-inline-start:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/wallet/wallet.html"*/'<ion-header>\n  <ion-navbar>\n    <ion-title>ZipCoin Blue Wallet</ion-title>\n  </ion-navbar>\n</ion-header>\nç\n<ion-content padding>\n  <ion-list>\n    <ion-item *ngFor="let wallet of wallets">\n        <ion-card>\n            <ion-card-header>\n               Name: <h2>{{wallet.name}}</h2>\n            </ion-card-header>\n            <ion-card-content>\n     Balance: <h2>{{wallet.amount}}</h2>\n     Public Key: <h2>{{wallet.publicId}}</h2>\n      \n    </ion-card-content>\n  </ion-card>\n    </ion-item>\n  </ion-list>\n  \n</ion-content>'/*ion-inline-end:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/wallet/wallet.html"*/,
         }),
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_2_ionic_angular__["e" /* NavController */], __WEBPACK_IMPORTED_MODULE_2_ionic_angular__["f" /* NavParams */], __WEBPACK_IMPORTED_MODULE_0__providers_wallet_service__["a" /* WalletService */]])
     ], WalletPage);
@@ -160,7 +160,7 @@ var WalletService = /** @class */ (function () {
         this.WALLET_API = this.API + '/user';
     }
     WalletService.prototype.getWalletAmount = function () {
-        return this.http.get(this.API + '/get');
+        return this.http.get(this.API + '/wallets');
     };
     WalletService = __decorate([
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["A" /* Injectable */])(),
@@ -237,14 +237,19 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var AboutPage = /** @class */ (function () {
     function AboutPage(navCtrl) {
         this.navCtrl = navCtrl;
+        this.API = "localhost:8080/";
     }
+    AboutPage.prototype.transferMoney = function () {
+        return this.API + "wallet/" + "{Id}";
+    };
     AboutPage = __decorate([
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
-            selector: 'page-about',template:/*ion-inline-start:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/about/about.html"*/'<<ion-header>\n    <ion-navbar>\n      <ion-title>BlueCoin</ion-title>\n    </ion-navbar>\n  </ion-header>\n  \n  <ion-content padding>\n    <h2>Wallet</h2>\n    <ion-item>\n        <ion-label color="primary" stacked>Public ID</ion-label>\n        <ion-input type="number" placeholder="public ID"></ion-input>\n      </ion-item>\n      <ion-item>\n          <ion-label color="primary" stacked>Private ID</ion-label>\n          <ion-input type="number" placeholder="private ID"></ion-input>\n        </ion-item>\n        <ion-item>\n            <ion-label color="primary" stacked>Amount</ion-label>\n            <ion-input type="number" placeholder="Data"></ion-input>\n          </ion-item>\n          <button ion-button block>Send BlueCoin</button>\n              '/*ion-inline-end:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/about/about.html"*/
+            selector: 'page-about',template:/*ion-inline-start:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/about/about.html"*/'<ion-header>\n    <ion-navbar>\n      <ion-title>BlueCoin</ion-title>\n    </ion-navbar>\n  </ion-header>\n  \n  <ion-content padding>\n    <h2>Payment</h2>\n    <ion-item>\n        <ion-label color="primary" stacked>Your ID</ion-label>\n        <ion-input type="number" placeholder="Your ID"></ion-input>\n      </ion-item>\n      <ion-item>\n          <ion-label color="primary" stacked>Receiver ID</ion-label>\n          <ion-input type="number" placeholder="Receiver ID"></ion-input>\n        </ion-item>\n        <ion-item>\n            <ion-label color="primary" stacked>Amount</ion-label>\n            <ion-input type="number" placeholder="Amount"></ion-input>\n          </ion-item>\n          <button ion-button (click)=\'transferMoney()\' block>Send BlueCoin</button>\n     '/*ion-inline-end:"/Users/tennesseeg/passionproject/blueCoin-UI/src/pages/about/about.html"*/
         }),
-        __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */]])
+        __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */]) === "function" && _a || Object])
     ], AboutPage);
     return AboutPage;
+    var _a;
 }());
 
 //# sourceMappingURL=about.js.map