ソースを参照

updated wallet, blockchain, and payment screen

Tennessee Gibbs 6 年 前
コミット
288fb89d8d

+ 1
- 1
.sourcemaps/main.js.map
ファイル差分が大きすぎるため省略します
ファイルの表示


+ 2
- 3
ionic.config.json ファイルの表示

@@ -9,6 +9,5 @@
9 9
       "proxyUrl": "http://cors.api.com/api"
10 10
     }
11 11
   ],
12
-  "type": "ionic-angular",
13
-  "app_id": ""
14
-}
12
+  "type": "ionic-angular"
13
+}

+ 0
- 1
src/app/app.component.ts ファイルの表示

@@ -2,7 +2,6 @@ import { Component } from '@angular/core';
2 2
 import { Platform } from 'ionic-angular';
3 3
 import { StatusBar } from '@ionic-native/status-bar';
4 4
 import { SplashScreen } from '@ionic-native/splash-screen';
5
-
6 5
 import { TabsPage } from '../pages/tabs/tabs';
7 6
 
8 7
 @Component({

+ 8
- 13
src/app/app.scss ファイルの表示

@@ -1,16 +1,11 @@
1 1
 // http://ionicframework.com/docs/theming/
2 2
 
3
+$colors: (
4
+  primary:    #58B43F,
5
+  secondary:  #fff,
3 6
 
4
-// App Global Sass
5
-// --------------------------------------------------
6
-// Put style rules here that you want to apply globally. These
7
-// styles are for the entire app and not just one component.
8
-// Additionally, this file can be also used as an entry point
9
-// to import other Sass files to be included in the output CSS.
10
-//
11
-// Shared Sass variables, which can be used to adjust Ionic's
12
-// default Sass variables, belong in "theme/variables.scss".
13
-//
14
-// To declare rules for a specific mode, create a child rule
15
-// for the .md, .ios, or .wp mode classes. The mode class is
16
-// automatically applied to the <body> element in the app.
7
+);
8
+
9
+ion-content{
10
+    background-image: url('https://specials-images.forbesimg.com/dam/imageserve/1022389510/960x0.jpg?fit=scale');
11
+}

バイナリ
src/assets/imgs/bcBackground.jpeg ファイルの表示


+ 25
- 7
src/pages/payment/payment.html ファイルの表示

@@ -5,20 +5,38 @@
5 5
 </ion-header>
6 6
 
7 7
 <ion-content padding>
8
-  <h2>Payment</h2>
8
+    <div padding>
9
+   </div>
9 10
   <ion-item>
10
-      <ion-label color="primary" stacked>Your ID</ion-label>
11
-      <ion-input type="string" placeholder="Your ID" [(ngModel)]="trans.fromId"></ion-input>
12
-    </ion-item>
11
+     
12
+           <ion-label color="primary" stacked>Please select your ID</ion-label>
13
+      <!-- <ion-input type="string" [(ngModel)]="trans.fromId"></ion-input> // Can type ID manually-->
14
+    
15
+          <ion-select [(ngModel)]="trans.fromId">
16
+            <ion-option value="15b9ef7d26485fae2ecdc74f8f9f465e0c082fe19a996aef2f1daf712aec5751">Vince</ion-option>
17
+            <ion-option value="9e3123b4c696cb7d9d906a6ec2813d6e6fed5af58b49c4e5f849b7adcb00486c">Tennessee</ion-option>
18
+            <ion-option value="625ef69f8ef7318876d5c5e31c045f4cc2c89ec01949a3af3789be1f45405342">Mexi</ion-option>
19
+            <ion-option value="9b1e8a94fcdb88c8391ec1200718b3ddd73fb631b9c6b5d56619852a47833665">Eugene</ion-option>
20
+            <ion-option value="4b2166f22897c2e85fbab852ae252ee2990231d9692aa7fcc8535cf74c571efd">Clement</ion-option>
21
+          </ion-select>
22
+        </ion-item>
23
+    
13 24
     
14 25
     <ion-item>
15
-        <ion-label color="primary" stacked>Receiver ID</ion-label>
16
-        <ion-input type="string" placeholder="Receiver ID" [(ngModel)]="trans.toId"></ion-input>
26
+        <ion-label color="primary" stacked>Who would you like to receive BlueCoin?</ion-label>
27
+        <!-- <ion-input type="string"[(ngModel)]="trans.fromId"></ion-input> Can type ID mamaully-->
28
+        <ion-select [(ngModel)]="trans.toId">
29
+            <ion-option value="15b9ef7d26485fae2ecdc74f8f9f465e0c082fe19a996aef2f1daf712aec5751">Vince</ion-option>
30
+            <ion-option value="9e3123b4c696cb7d9d906a6ec2813d6e6fed5af58b49c4e5f849b7adcb00486c">Tennessee</ion-option>
31
+            <ion-option value="625ef69f8ef7318876d5c5e31c045f4cc2c89ec01949a3af3789be1f45405342">Mexi</ion-option>
32
+            <ion-option value="9b1e8a94fcdb88c8391ec1200718b3ddd73fb631b9c6b5d56619852a47833665">Eugene</ion-option>
33
+            <ion-option value="4b2166f22897c2e85fbab852ae252ee2990231d9692aa7fcc8535cf74c571efd">Clement</ion-option>
34
+          </ion-select>
17 35
       </ion-item>
18 36
 
19 37
       <ion-item>
20 38
           <ion-label color="primary" stacked>Amount</ion-label>
21
-          <ion-input type="number" placeholder="Amount" [(ngModel)]="trans.amount" ></ion-input>
39
+          <ion-input type="number" placeholder="Enter Amount" [(ngModel)]="trans.amount" ></ion-input>
22 40
         </ion-item>
23 41
 
24 42
         <button ion-button (click) = "transferMoney()">Send BlueCoin</button>

+ 1
- 1
src/pages/payment/payment.ts ファイルの表示

@@ -1,7 +1,7 @@
1
+
1 2
 import { Component } from '@angular/core';
2 3
 import { IonicPage, NavController, NavParams} from 'ionic-angular';
3 4
 import { HttpClient } from '@angular/common/http';
4
-import { TransactionComponent } from '../../components/transaction/transaction';
5 5
 import { TransactionService } from '../../providers/transaction-service';
6 6
 
7 7
 

+ 3
- 3
src/pages/tabs/tabs.html ファイルの表示

@@ -1,6 +1,6 @@
1 1
 <ion-tabs>
2
-  <ion-tab [root]="tab1Root" tabTitle="Blockchain" tabIcon="cube"></ion-tab>
3
-  <ion-tab [root]="tab2Root" tabTitle="Payment" tabIcon="cog"></ion-tab>
4
-  <ion-tab [root]="tab3Root" tabTitle="Transactions" tabIcon="list-box"></ion-tab>
2
+  <!-- <ion-tab [root]="tab1Root" tabTitle="Blockchain" tabIcon="cube"></ion-tab> -->
3
+  <ion-tab [root]="tab2Root" tabTitle="Payment" tabIcon="send"></ion-tab>
4
+  <ion-tab [root]="tab3Root" tabTitle="Blockchain" tabIcon="cube"></ion-tab>
5 5
   <ion-tab [root]="tab4Root" tabTitle="Wallet" tabIcon="logo-usd"></ion-tab>
6 6
 </ion-tabs>

+ 24
- 19
src/pages/transactions/transactions.html ファイルの表示

@@ -1,27 +1,32 @@
1 1
 <ion-header>
2 2
   <ion-navbar>
3 3
     <ion-title>
4
-      Transactions
4
+      Blockchain
5 5
     </ion-title>
6 6
   </ion-navbar>
7 7
 </ion-header>
8 8
 
9 9
   
10
-    <ion-content padding>
11
-      <ion-list>
12
-        <ion-item *ngFor="let transaction of transactions">
13
-            <ion-card>
14
-
15
-                <ion-card-content>
16
-                    Date: <h4>{{transaction.timestamp}}</h4>
17
-                    Sender: <h4>{{transaction.fromId}}</h4>
18
-                    Receiver: <h4>{{transaction.toId}}</h4>
19
-                    Amount: <h4>{{transaction.amount}}</h4>
20
-                    TransactionId<h4>{{transaction.transactionId}}</h4>
21
-        </ion-card-content>
22
-      </ion-card>
23
-        </ion-item>
24
-      </ion-list>
25
-    
26
-      
27
-    </ion-content>
10
+<ion-content padding>
11
+  <ion-refresher (ionRefresh)="doRefresh($event);">
12
+    <ion-refresher-content
13
+      pullingText="Pull to refresh"
14
+      pullingIcon="arrow-dropdown"
15
+      refreshingSpinner="circles"
16
+      refreshingText="...fetching...">
17
+    </ion-refresher-content>
18
+  </ion-refresher>
19
+  <ion-list>
20
+    <ion-item *ngFor="let transaction of transactions">
21
+      <ion-card>
22
+          <ion-card-content>
23
+              Date: <h4>{{transaction.timestamp}}</h4>
24
+              Sender: <h4>{{transaction.fromId}}</h4>
25
+              Receiver: <h4>{{transaction.toId}}</h4>
26
+              Amount: <h4>{{transaction.amount}}</h4>
27
+              TransactionId<h4>{{transaction.transactionId}}</h4>
28
+  </ion-card-content>
29
+</ion-card>
30
+  </ion-item>
31
+  </ion-list>
32
+</ion-content>

+ 4
- 0
src/pages/transactions/transactions.scss ファイルの表示

@@ -0,0 +1,4 @@
1
+
2
+ion-content{
3
+    background-image: url('https://specials-images.forbesimg.com/dam/imageserve/1022389510/960x0.jpg?fit=scale');
4
+}

+ 4
- 0
src/pages/transactions/transactions.ts ファイルの表示

@@ -19,6 +19,10 @@ export class TransactionPage {
19 19
       this.transactions = transactions;
20 20
     })
21 21
   }
22
+  doRefresh(refresher) {
23
+    this.ionViewDidLoad();
24
+    refresher.complete();
25
+  };
22 26
 
23 27
   
24 28
 }

+ 8
- 0
src/pages/wallet/wallet.html ファイルの表示

@@ -5,6 +5,14 @@
5 5
 </ion-header>
6 6
 
7 7
 <ion-content padding>
8
+    <ion-refresher (ionRefresh)="doRefresh($event);">
9
+        <ion-refresher-content
10
+          pullingText="Pull to refresh"
11
+          pullingIcon="arrow-dropdown"
12
+          refreshingSpinner="circles"
13
+          refreshingText="...fetching...">
14
+        </ion-refresher-content>
15
+      </ion-refresher>
8 16
   <ion-list>
9 17
     <ion-item *ngFor="let wallet of wallets">
10 18
         <ion-card>

+ 4
- 0
src/pages/wallet/wallet.ts ファイルの表示

@@ -20,5 +20,9 @@ export class WalletPage {
20 20
       this.wallets = wallets;
21 21
     })
22 22
   }
23
+  doRefresh(refresher) {
24
+    this.ionViewDidLoad();
25
+    refresher.complete();
26
+  };
23 27
 
24 28
 }

+ 1
- 1
src/providers/transaction-service.ts ファイルの表示

@@ -14,7 +14,7 @@ export class TransactionService {
14 14
   }
15 15
 
16 16
   getTransactions(): Observable<any> {
17
-    return this.http.get(this.API + '/transactions');
17
+    return this.http.get(this.API + 'transactions');
18 18
   }
19 19
 ; 
20 20
   postTransactions(path: string, data: any):  Observable<any> {

バイナリ
www/assets/imgs/bcBackground.jpeg ファイルの表示


+ 8
- 0
www/build/main.css ファイルの表示

@@ -25677,3 +25677,11 @@ ion-navbar.toolbar {
25677 25677
   min-height: calc(46px + constant(safe-area-inset-bottom));
25678 25678
   min-height: calc(46px + env(safe-area-inset-bottom));
25679 25679
 }
25680
+
25681
+ion-content {
25682
+  background-image: url("https://specials-images.forbesimg.com/dam/imageserve/1022389510/960x0.jpg?fit=scale");
25683
+}
25684
+
25685
+ion-content {
25686
+  background-image: url("https://specials-images.forbesimg.com/dam/imageserve/1022389510/960x0.jpg?fit=scale");
25687
+}

+ 120
- 109
www/build/main.js ファイルの表示

@@ -22,13 +22,13 @@ webpackEmptyAsyncContext.id = 115;
22 22
 
23 23
 var map = {
24 24
 	"../pages/payment/payment.module": [
25
-		158
25
+		161
26 26
 	],
27 27
 	"../pages/transactions/transactions.module": [
28
-		159
28
+		158
29 29
 	],
30 30
 	"../pages/wallet/wallet.module": [
31
-		160
31
+		159
32 32
 	]
33 33
 };
34 34
 function webpackAsyncContext(req) {
@@ -52,52 +52,6 @@ module.exports = webpackAsyncContext;
52 52
 
53 53
 "use strict";
54 54
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
55
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PaymentPageModule", function() { return PaymentPageModule; });
56
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
57
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
58
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__payment__ = __webpack_require__(80);
59
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__providers_transaction_service__ = __webpack_require__(41);
60
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_transaction_transaction__ = __webpack_require__(258);
61
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
62
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
63
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
64
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
65
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
66
-};
67
-
68
-
69
-
70
-
71
-
72
-var PaymentPageModule = /** @class */ (function () {
73
-    function PaymentPageModule() {
74
-    }
75
-    PaymentPageModule = __decorate([
76
-        Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["I" /* NgModule */])({
77
-            declarations: [
78
-                __WEBPACK_IMPORTED_MODULE_2__payment__["a" /* PaymentPage */],
79
-                __WEBPACK_IMPORTED_MODULE_4__components_transaction_transaction__["a" /* TransactionComponent */]
80
-            ],
81
-            imports: [
82
-                __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["d" /* IonicPageModule */].forChild(__WEBPACK_IMPORTED_MODULE_2__payment__["a" /* PaymentPage */]),
83
-            ],
84
-            providers: [
85
-                __WEBPACK_IMPORTED_MODULE_3__providers_transaction_service__["a" /* TransactionService */],
86
-            ],
87
-        })
88
-    ], PaymentPageModule);
89
-    return PaymentPageModule;
90
-}());
91
-
92
-//# sourceMappingURL=payment.module.js.map
93
-
94
-/***/ }),
95
-
96
-/***/ 159:
97
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
98
-
99
-"use strict";
100
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
101 55
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TransactionPageModule", function() { return TransactionPageModule; });
102 56
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
103 57
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
@@ -136,7 +90,7 @@ var TransactionPageModule = /** @class */ (function () {
136 90
 
137 91
 /***/ }),
138 92
 
139
-/***/ 160:
93
+/***/ 159:
140 94
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
141 95
 
142 96
 "use strict";
@@ -144,8 +98,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
144 98
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WalletPageModule", function() { return WalletPageModule; });
145 99
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
146 100
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
147
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__wallet__ = __webpack_require__(161);
148
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__providers_wallet_service__ = __webpack_require__(81);
101
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__wallet__ = __webpack_require__(160);
102
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__providers_wallet_service__ = __webpack_require__(80);
149 103
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
150 104
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
151 105
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -179,12 +133,12 @@ var WalletPageModule = /** @class */ (function () {
179 133
 
180 134
 /***/ }),
181 135
 
182
-/***/ 161:
136
+/***/ 160:
183 137
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
184 138
 
185 139
 "use strict";
186 140
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WalletPage; });
187
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__providers_wallet_service__ = __webpack_require__(81);
141
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__providers_wallet_service__ = __webpack_require__(80);
188 142
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);
189 143
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_ionic_angular__ = __webpack_require__(18);
190 144
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -211,27 +165,79 @@ var WalletPage = /** @class */ (function () {
211 165
             _this.wallets = wallets;
212 166
         });
213 167
     };
168
+    WalletPage.prototype.doRefresh = function (refresher) {
169
+        this.ionViewDidLoad();
170
+        refresher.complete();
171
+    };
172
+    ;
214 173
     WalletPage = __decorate([
215 174
         Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__["m" /* Component */])({
216
-            selector: 'page-wallet',template:/*ion-inline-start:"/Users/mexil/LABS/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/mexil/LABS/blueCoin-UI/src/pages/wallet/wallet.html"*/,
175
+            selector: 'page-wallet',template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/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-refresher (ionRefresh)="doRefresh($event);">\n        <ion-refresher-content\n          pullingText="Pull to refresh"\n          pullingIcon="arrow-dropdown"\n          refreshingSpinner="circles"\n          refreshingText="...fetching...">\n        </ion-refresher-content>\n      </ion-refresher>\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/blueCoin/blueCoin-UI/src/pages/wallet/wallet.html"*/,
217 176
         }),
218
-        __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 */]])
177
+        __metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_2_ionic_angular__["e" /* NavController */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2_ionic_angular__["e" /* NavController */]) === "function" && _a || Object, typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2_ionic_angular__["f" /* NavParams */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2_ionic_angular__["f" /* NavParams */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_0__providers_wallet_service__["a" /* WalletService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__providers_wallet_service__["a" /* WalletService */]) === "function" && _c || Object])
219 178
     ], WalletPage);
220 179
     return WalletPage;
180
+    var _a, _b, _c;
221 181
 }());
222 182
 
223 183
 //# sourceMappingURL=wallet.js.map
224 184
 
225 185
 /***/ }),
226 186
 
187
+/***/ 161:
188
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
189
+
190
+"use strict";
191
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
192
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PaymentPageModule", function() { return PaymentPageModule; });
193
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
194
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
195
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__payment__ = __webpack_require__(81);
196
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__providers_transaction_service__ = __webpack_require__(41);
197
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_transaction_transaction__ = __webpack_require__(258);
198
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
199
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
200
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
201
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
202
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
203
+};
204
+
205
+
206
+
207
+
208
+
209
+var PaymentPageModule = /** @class */ (function () {
210
+    function PaymentPageModule() {
211
+    }
212
+    PaymentPageModule = __decorate([
213
+        Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["I" /* NgModule */])({
214
+            declarations: [
215
+                __WEBPACK_IMPORTED_MODULE_2__payment__["a" /* PaymentPage */],
216
+                __WEBPACK_IMPORTED_MODULE_4__components_transaction_transaction__["a" /* TransactionComponent */]
217
+            ],
218
+            imports: [
219
+                __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["d" /* IonicPageModule */].forChild(__WEBPACK_IMPORTED_MODULE_2__payment__["a" /* PaymentPage */]),
220
+            ],
221
+            providers: [
222
+                __WEBPACK_IMPORTED_MODULE_3__providers_transaction_service__["a" /* TransactionService */],
223
+            ],
224
+        })
225
+    ], PaymentPageModule);
226
+    return PaymentPageModule;
227
+}());
228
+
229
+//# sourceMappingURL=payment.module.js.map
230
+
231
+/***/ }),
232
+
227 233
 /***/ 205:
228 234
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
229 235
 
230 236
 "use strict";
231 237
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TabsPage; });
232
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__payment_payment__ = __webpack_require__(80);
238
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__payment_payment__ = __webpack_require__(81);
233 239
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__transactions_transactions__ = __webpack_require__(57);
234
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__wallet_wallet__ = __webpack_require__(161);
240
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__wallet_wallet__ = __webpack_require__(160);
235 241
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_core__ = __webpack_require__(0);
236 242
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__home_home__ = __webpack_require__(206);
237 243
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -256,7 +262,7 @@ var TabsPage = /** @class */ (function () {
256 262
         this.tab4Root = __WEBPACK_IMPORTED_MODULE_2__wallet_wallet__["a" /* WalletPage */];
257 263
     }
258 264
     TabsPage = __decorate([
259
-        Object(__WEBPACK_IMPORTED_MODULE_3__angular_core__["m" /* Component */])({template:/*ion-inline-start:"/Users/mexil/LABS/blueCoin-UI/src/pages/tabs/tabs.html"*/'<ion-tabs>\n  <ion-tab [root]="tab1Root" tabTitle="Blockchain" tabIcon="cube"></ion-tab>\n  <ion-tab [root]="tab2Root" tabTitle="Payment" tabIcon="cog"></ion-tab>\n  <ion-tab [root]="tab3Root" tabTitle="Transactions" tabIcon="list-box"></ion-tab>\n  <ion-tab [root]="tab4Root" tabTitle="Wallet" tabIcon="logo-usd"></ion-tab>\n</ion-tabs>\n'/*ion-inline-end:"/Users/mexil/LABS/blueCoin-UI/src/pages/tabs/tabs.html"*/
265
+        Object(__WEBPACK_IMPORTED_MODULE_3__angular_core__["m" /* Component */])({template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/tabs/tabs.html"*/'<ion-tabs>\n  <!-- <ion-tab [root]="tab1Root" tabTitle="Blockchain" tabIcon="cube"></ion-tab> -->\n  <ion-tab [root]="tab2Root" tabTitle="Payment" tabIcon="send"></ion-tab>\n  <ion-tab [root]="tab3Root" tabTitle="Blockchain" tabIcon="cube"></ion-tab>\n  <ion-tab [root]="tab4Root" tabTitle="Wallet" tabIcon="logo-usd"></ion-tab>\n</ion-tabs>\n'/*ion-inline-end:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/tabs/tabs.html"*/
260 266
         }),
261 267
         __metadata("design:paramtypes", [])
262 268
     ], TabsPage);
@@ -293,7 +299,7 @@ var HomePage = /** @class */ (function () {
293 299
     };
294 300
     HomePage = __decorate([
295 301
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
296
-            selector: 'page-home',template:/*ion-inline-start:"/Users/mexil/LABS/blueCoin-UI/src/pages/home/home.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>Blockchain</h2>\n  <div>\n  <ion-item>\n      <ion-label color="primary" stacked>Blockchain</ion-label>\n      <ion-input type="number" placeholder="Block"></ion-input>\n    </ion-item>\n    <ion-item>\n        <ion-label color="primary" stacked>Nonce</ion-label>\n        <ion-input type="number" placeholder="Nonce"></ion-input>\n      </ion-item>\n      <ion-item>\n          <ion-label color="primary" stacked>Transaction Data</ion-label>\n          <p></p>\n          <ion-input type="number" placeholder="Data"></ion-input>\n        </ion-item>\n        <ion-item>\n            <ion-label color="primary" stacked>Hash</ion-label>\n            <ion-input type="number" disabled placeholder="Hash"></ion-input>\n          </ion-item>\n          <button ion-button block>Mine</button></div>\n  <!-- <div id="block1chain1well" class="well well-success">\n    <form class="form-horizontal">\n      <div class="form-group">\n        <label for="block1chain1number" class="col-sm-2 control-label">Block:</label>\n        <div class="col-sm-10">\n          <div class="input-group">\n            <span class="input-group-addon">#</span>\n            <input id="block1chain1number" type="text" value="1" onkeyup="updateHash(1, 1);" class="form-control"></div>\n          </div></div><div class="form-group">\n            <label for="block1chain1nonce" class="col-sm-2 control-label">Nonce:</label>\n            <div class="col-sm-10"><input id="block1chain1nonce" type="text" value="72608" onkeyup="updateHash(1, 1);" class="form-control"></div>\n          </div><div class="form-group"><label for="block1chain1data" class="col-sm-2 control-label">Data:</label>\n            <div class="col-sm-10">\n              <textarea id="block1chain1data" rows="10" onkeyup="updateHash(1, 1);" class="form-control">\n\n              </textarea></div></div><div id="state" class="form-group">\n                <label for="block1chain1hash" class="col-sm-2 control-label">Hash:</label><div class="col-sm-10">\n                  <input id="block1chain1hash" type="text" disabled="" class="form-control">\n                </div></div><div class="form-group"><div class="col-sm-2">\n                  <i class="icon-spinner icon-spin icon-large">\n\n                  </i></div><div class="col-sm-10">\n                    <button id="block1chain1mineButton" data-style="expand-right" class="btn btn-primary ladda-button">\n                      <span class="ladda-label">Mine</span></button></div></div></form></div> -->'/*ion-inline-end:"/Users/mexil/LABS/blueCoin-UI/src/pages/home/home.html"*/
302
+            selector: 'page-home',template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/home/home.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>Blockchain</h2>\n  <div>\n  <ion-item>\n      <ion-label color="primary" stacked>Blockchain</ion-label>\n      <ion-input type="number" placeholder="Block"></ion-input>\n    </ion-item>\n    <ion-item>\n        <ion-label color="primary" stacked>Nonce</ion-label>\n        <ion-input type="number" placeholder="Nonce"></ion-input>\n      </ion-item>\n      <ion-item>\n          <ion-label color="primary" stacked>Transaction Data</ion-label>\n          <p></p>\n          <ion-input type="number" placeholder="Data"></ion-input>\n        </ion-item>\n        <ion-item>\n            <ion-label color="primary" stacked>Hash</ion-label>\n            <ion-input type="number" disabled placeholder="Hash"></ion-input>\n          </ion-item>\n          <button ion-button block>Mine</button></div>\n  <!-- <div id="block1chain1well" class="well well-success">\n    <form class="form-horizontal">\n      <div class="form-group">\n        <label for="block1chain1number" class="col-sm-2 control-label">Block:</label>\n        <div class="col-sm-10">\n          <div class="input-group">\n            <span class="input-group-addon">#</span>\n            <input id="block1chain1number" type="text" value="1" onkeyup="updateHash(1, 1);" class="form-control"></div>\n          </div></div><div class="form-group">\n            <label for="block1chain1nonce" class="col-sm-2 control-label">Nonce:</label>\n            <div class="col-sm-10"><input id="block1chain1nonce" type="text" value="72608" onkeyup="updateHash(1, 1);" class="form-control"></div>\n          </div><div class="form-group"><label for="block1chain1data" class="col-sm-2 control-label">Data:</label>\n            <div class="col-sm-10">\n              <textarea id="block1chain1data" rows="10" onkeyup="updateHash(1, 1);" class="form-control">\n\n              </textarea></div></div><div id="state" class="form-group">\n                <label for="block1chain1hash" class="col-sm-2 control-label">Hash:</label><div class="col-sm-10">\n                  <input id="block1chain1hash" type="text" disabled="" class="form-control">\n                </div></div><div class="form-group"><div class="col-sm-2">\n                  <i class="icon-spinner icon-spin icon-large">\n\n                  </i></div><div class="col-sm-10">\n                    <button id="block1chain1mineButton" data-style="expand-right" class="btn btn-primary ladda-button">\n                      <span class="ladda-label">Mine</span></button></div></div></form></div> -->'/*ion-inline-end:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/home/home.html"*/
297 303
         }),
298 304
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */]])
299 305
     ], HomePage);
@@ -331,14 +337,14 @@ Object(__WEBPACK_IMPORTED_MODULE_0__angular_platform_browser_dynamic__["a" /* pl
331 337
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_common_http__ = __webpack_require__(47);
332 338
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__pages_home_home__ = __webpack_require__(206);
333 339
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__pages_tabs_tabs__ = __webpack_require__(205);
334
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__pages_wallet_wallet_module__ = __webpack_require__(160);
340
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__pages_wallet_wallet_module__ = __webpack_require__(159);
335 341
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__ionic_native_status_bar__ = __webpack_require__(201);
336 342
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__ionic_native_splash_screen__ = __webpack_require__(204);
337
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__pages_transactions_transactions_module__ = __webpack_require__(159);
338
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__pages_payment_payment__ = __webpack_require__(80);
339
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__pages_payment_payment_module__ = __webpack_require__(158);
343
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__pages_transactions_transactions_module__ = __webpack_require__(158);
344
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__pages_payment_payment__ = __webpack_require__(81);
345
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__pages_payment_payment_module__ = __webpack_require__(161);
340 346
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__providers_transaction_service__ = __webpack_require__(41);
341
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__providers_wallet_service__ = __webpack_require__(81);
347
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__providers_wallet_service__ = __webpack_require__(80);
342 348
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
343 349
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
344 350
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -379,9 +385,9 @@ var AppModule = /** @class */ (function () {
379 385
                 __WEBPACK_IMPORTED_MODULE_5__angular_common_http__["b" /* HttpClientModule */],
380 386
                 __WEBPACK_IMPORTED_MODULE_3_ionic_angular__["c" /* IonicModule */].forRoot(__WEBPACK_IMPORTED_MODULE_4__app_component__["a" /* MyApp */], {}, {
381 387
                     links: [
382
-                        { loadChildren: '../pages/payment/payment.module#PaymentPageModule', name: 'PaymentPage', segment: 'payment', priority: 'low', defaultHistory: [] },
383 388
                         { loadChildren: '../pages/transactions/transactions.module#TransactionPageModule', name: 'TransactionPage', segment: 'transactions', priority: 'low', defaultHistory: [] },
384
-                        { loadChildren: '../pages/wallet/wallet.module#WalletPageModule', name: 'WalletPage', segment: 'wallet', priority: 'low', defaultHistory: [] }
389
+                        { loadChildren: '../pages/wallet/wallet.module#WalletPageModule', name: 'WalletPage', segment: 'wallet', priority: 'low', defaultHistory: [] },
390
+                        { loadChildren: '../pages/payment/payment.module#PaymentPageModule', name: 'PaymentPage', segment: 'payment', priority: 'low', defaultHistory: [] }
385 391
                     ]
386 392
                 })
387 393
             ],
@@ -439,7 +445,7 @@ var TransactionComponent = /** @class */ (function () {
439 445
     }
440 446
     TransactionComponent = __decorate([
441 447
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
442
-            selector: 'transaction',template:/*ion-inline-start:"/Users/mexil/LABS/blueCoin-UI/src/components/transaction/transaction.html"*/'<!-- Generated template for the TransactionComponent component -->\n<div>\n  {{text}}\n</div>\n'/*ion-inline-end:"/Users/mexil/LABS/blueCoin-UI/src/components/transaction/transaction.html"*/
448
+            selector: 'transaction',template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/components/transaction/transaction.html"*/'<!-- Generated template for the TransactionComponent component -->\n<div>\n  {{text}}\n</div>\n'/*ion-inline-end:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/components/transaction/transaction.html"*/
443 449
         }),
444 450
         __metadata("design:paramtypes", [String, String, Number])
445 451
     ], TransactionComponent);
@@ -485,7 +491,7 @@ var MyApp = /** @class */ (function () {
485 491
         });
486 492
     }
487 493
     MyApp = __decorate([
488
-        Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({template:/*ion-inline-start:"/Users/mexil/LABS/blueCoin-UI/src/app/app.html"*/'<ion-nav [root]="rootPage"></ion-nav>\n'/*ion-inline-end:"/Users/mexil/LABS/blueCoin-UI/src/app/app.html"*/
494
+        Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/app/app.html"*/'<ion-nav [root]="rootPage"></ion-nav>\n'/*ion-inline-end:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/app/app.html"*/
489 495
         }),
490 496
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["g" /* Platform */], __WEBPACK_IMPORTED_MODULE_2__ionic_native_status_bar__["a" /* StatusBar */], __WEBPACK_IMPORTED_MODULE_3__ionic_native_splash_screen__["a" /* SplashScreen */]])
491 497
     ], MyApp);
@@ -520,7 +526,7 @@ var TransactionService = /** @class */ (function () {
520 526
         this.API = 'http://localhost:8080/';
521 527
     }
522 528
     TransactionService.prototype.getTransactions = function () {
523
-        return this.http.get(this.API + '/transactions');
529
+        return this.http.get(this.API + 'transactions');
524 530
     };
525 531
     ;
526 532
     TransactionService.prototype.postTransactions = function (path, data) {
@@ -569,9 +575,14 @@ var TransactionPage = /** @class */ (function () {
569 575
             _this.transactions = transactions;
570 576
         });
571 577
     };
578
+    TransactionPage.prototype.doRefresh = function (refresher) {
579
+        this.ionViewDidLoad();
580
+        refresher.complete();
581
+    };
582
+    ;
572 583
     TransactionPage = __decorate([
573 584
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
574
-            selector: 'page-transactions',template:/*ion-inline-start:"/Users/mexil/LABS/blueCoin-UI/src/pages/transactions/transactions.html"*/'<ion-header>\n  <ion-navbar>\n    <ion-title>\n      Transactions\n    </ion-title>\n  </ion-navbar>\n</ion-header>\n\n  \n    <ion-content padding>\n      <ion-list>\n        <ion-item *ngFor="let transaction of transactions">\n            <ion-card>\n\n                <ion-card-content>\n                    Date: <h4>{{transaction.timestamp}}</h4>\n                    Sender: <h4>{{transaction.fromId}}</h4>\n                    Receiver: <h4>{{transaction.toId}}</h4>\n                    Amount: <h4>{{transaction.amount}}</h4>\n                    TransactionId<h4>{{transaction.transactionId}}</h4>\n        </ion-card-content>\n      </ion-card>\n        </ion-item>\n      </ion-list>\n    \n      \n    </ion-content>'/*ion-inline-end:"/Users/mexil/LABS/blueCoin-UI/src/pages/transactions/transactions.html"*/,
585
+            selector: 'page-transactions',template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/transactions/transactions.html"*/'<ion-header>\n  <ion-navbar>\n    <ion-title>\n      Blockchain\n    </ion-title>\n  </ion-navbar>\n</ion-header>\n\n  \n<ion-content padding>\n  <ion-refresher (ionRefresh)="doRefresh($event);">\n    <ion-refresher-content\n      pullingText="Pull to refresh"\n      pullingIcon="arrow-dropdown"\n      refreshingSpinner="circles"\n      refreshingText="...fetching...">\n    </ion-refresher-content>\n  </ion-refresher>\n  <ion-list>\n    <ion-item *ngFor="let transaction of transactions">\n      <ion-card>\n          <ion-card-content>\n              Date: <h4>{{transaction.timestamp}}</h4>\n              Sender: <h4>{{transaction.fromId}}</h4>\n              Receiver: <h4>{{transaction.toId}}</h4>\n              Amount: <h4>{{transaction.amount}}</h4>\n              TransactionId<h4>{{transaction.transactionId}}</h4>\n  </ion-card-content>\n</ion-card>\n  </ion-item>\n  </ion-list>\n</ion-content>'/*ion-inline-end:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/transactions/transactions.html"*/,
575 586
         }),
576 587
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */], __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["f" /* NavParams */], __WEBPACK_IMPORTED_MODULE_2__providers_transaction_service__["a" /* TransactionService */]])
577 588
     ], TransactionPage);
@@ -586,6 +597,43 @@ var TransactionPage = /** @class */ (function () {
586 597
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
587 598
 
588 599
 "use strict";
600
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WalletService; });
601
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
602
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common_http__ = __webpack_require__(47);
603
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
604
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
605
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
606
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
607
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
608
+};
609
+var __metadata = (this && this.__metadata) || function (k, v) {
610
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
611
+};
612
+
613
+
614
+var WalletService = /** @class */ (function () {
615
+    function WalletService(http) {
616
+        this.http = http;
617
+        this.API = 'http://localhost:8080';
618
+    }
619
+    WalletService.prototype.getWalletAmount = function () {
620
+        return this.http.get(this.API + '/wallets');
621
+    };
622
+    WalletService = __decorate([
623
+        Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["A" /* Injectable */])(),
624
+        __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_common_http__["a" /* HttpClient */]])
625
+    ], WalletService);
626
+    return WalletService;
627
+}());
628
+
629
+//# sourceMappingURL=wallet-service.js.map
630
+
631
+/***/ }),
632
+
633
+/***/ 81:
634
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
635
+
636
+"use strict";
589 637
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PaymentPage; });
590 638
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
591 639
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
@@ -629,7 +677,7 @@ var PaymentPage = /** @class */ (function () {
629 677
     };
630 678
     PaymentPage = __decorate([
631 679
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
632
-            selector: 'page-payment',template:/*ion-inline-start:"/Users/mexil/LABS/blueCoin-UI/src/pages/payment/payment.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="string" placeholder="Your ID" [(ngModel)]="trans.fromId"></ion-input>\n    </ion-item>\n    \n    <ion-item>\n        <ion-label color="primary" stacked>Receiver ID</ion-label>\n        <ion-input type="string" placeholder="Receiver ID" [(ngModel)]="trans.toId"></ion-input>\n      </ion-item>\n\n      <ion-item>\n          <ion-label color="primary" stacked>Amount</ion-label>\n          <ion-input type="number" placeholder="Amount" [(ngModel)]="trans.amount" ></ion-input>\n        </ion-item>\n\n        <button ion-button (click) = "transferMoney()">Send BlueCoin</button>\n</ion-content>'/*ion-inline-end:"/Users/mexil/LABS/blueCoin-UI/src/pages/payment/payment.html"*/,
680
+            selector: 'page-payment',template:/*ion-inline-start:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/payment/payment.html"*/'<ion-header>\n  <ion-navbar>\n    <ion-title>BlueCoin</ion-title>\n  </ion-navbar>\n</ion-header>\n\n<ion-content padding>\n    <div padding>\n   </div>\n  <ion-item>\n     \n           <ion-label color="primary" stacked>Please select your ID</ion-label>\n      <!-- <ion-input type="string" [(ngModel)]="trans.fromId"></ion-input> // Can type ID manually-->\n    \n          <ion-select [(ngModel)]="trans.fromId">\n            <ion-option value="15b9ef7d26485fae2ecdc74f8f9f465e0c082fe19a996aef2f1daf712aec5751">Vince</ion-option>\n            <ion-option value="9e3123b4c696cb7d9d906a6ec2813d6e6fed5af58b49c4e5f849b7adcb00486c">Tennessee</ion-option>\n            <ion-option value="625ef69f8ef7318876d5c5e31c045f4cc2c89ec01949a3af3789be1f45405342">Mexi</ion-option>\n            <ion-option value="9b1e8a94fcdb88c8391ec1200718b3ddd73fb631b9c6b5d56619852a47833665">Eugene</ion-option>\n            <ion-option value="4b2166f22897c2e85fbab852ae252ee2990231d9692aa7fcc8535cf74c571efd">Clement</ion-option>\n          </ion-select>\n        </ion-item>\n    \n    \n    <ion-item>\n        <ion-label color="primary" stacked>Who would you like to receive BlueCoin?</ion-label>\n        <!-- <ion-input type="string"[(ngModel)]="trans.fromId"></ion-input> Can type ID mamaully-->\n        <ion-select [(ngModel)]="trans.toId">\n            <ion-option value="15b9ef7d26485fae2ecdc74f8f9f465e0c082fe19a996aef2f1daf712aec5751">Vince</ion-option>\n            <ion-option value="9e3123b4c696cb7d9d906a6ec2813d6e6fed5af58b49c4e5f849b7adcb00486c">Tennessee</ion-option>\n            <ion-option value="625ef69f8ef7318876d5c5e31c045f4cc2c89ec01949a3af3789be1f45405342">Mexi</ion-option>\n            <ion-option value="9b1e8a94fcdb88c8391ec1200718b3ddd73fb631b9c6b5d56619852a47833665">Eugene</ion-option>\n            <ion-option value="4b2166f22897c2e85fbab852ae252ee2990231d9692aa7fcc8535cf74c571efd">Clement</ion-option>\n          </ion-select>\n      </ion-item>\n\n      <ion-item>\n          <ion-label color="primary" stacked>Amount</ion-label>\n          <ion-input type="number" placeholder="Enter Amount" [(ngModel)]="trans.amount" ></ion-input>\n        </ion-item>\n\n        <button ion-button (click) = "transferMoney()">Send BlueCoin</button>\n</ion-content>'/*ion-inline-end:"/Users/tennesseeg/blueCoin/blueCoin-UI/src/pages/payment/payment.html"*/,
633 681
         }),
634 682
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */], __WEBPACK_IMPORTED_MODULE_1_ionic_angular__["f" /* NavParams */], __WEBPACK_IMPORTED_MODULE_2__angular_common_http__["a" /* HttpClient */], __WEBPACK_IMPORTED_MODULE_3__providers_transaction_service__["a" /* TransactionService */]])
635 683
     ], PaymentPage);
@@ -638,43 +686,6 @@ var PaymentPage = /** @class */ (function () {
638 686
 
639 687
 //# sourceMappingURL=payment.js.map
640 688
 
641
-/***/ }),
642
-
643
-/***/ 81:
644
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
645
-
646
-"use strict";
647
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WalletService; });
648
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
649
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_common_http__ = __webpack_require__(47);
650
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
651
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
652
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
653
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
654
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
655
-};
656
-var __metadata = (this && this.__metadata) || function (k, v) {
657
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
658
-};
659
-
660
-
661
-var WalletService = /** @class */ (function () {
662
-    function WalletService(http) {
663
-        this.http = http;
664
-        this.API = 'http://localhost:8080';
665
-    }
666
-    WalletService.prototype.getWalletAmount = function () {
667
-        return this.http.get(this.API + '/wallets');
668
-    };
669
-    WalletService = __decorate([
670
-        Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["A" /* Injectable */])(),
671
-        __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1__angular_common_http__["a" /* HttpClient */]])
672
-    ], WalletService);
673
-    return WalletService;
674
-}());
675
-
676
-//# sourceMappingURL=wallet-service.js.map
677
-
678 689
 /***/ })
679 690
 
680 691
 },[207]);

+ 1
- 1
www/build/main.js.map
ファイル差分が大きすぎるため省略します
ファイルの表示


+ 1
- 1
www/build/vendor.js.map
ファイル差分が大きすぎるため省略します
ファイルの表示