Sfoglia il codice sorgente

updated wallet, blockchain, and payment screen

Tennessee Gibbs 6 anni fa
parent
commit
288fb89d8d

+ 1
- 1
.sourcemaps/main.js.map
File diff suppressed because it is too large
Vedi File


+ 2
- 3
ionic.config.json Vedi File

9
       "proxyUrl": "http://cors.api.com/api"
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 Vedi File

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

+ 8
- 13
src/app/app.scss Vedi File

1
 // http://ionicframework.com/docs/theming/
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
+}

BIN
src/assets/imgs/bcBackground.jpeg Vedi File


+ 25
- 7
src/pages/payment/payment.html Vedi File

5
 </ion-header>
5
 </ion-header>
6
 
6
 
7
 <ion-content padding>
7
 <ion-content padding>
8
-  <h2>Payment</h2>
8
+    <div padding>
9
+   </div>
9
   <ion-item>
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
     <ion-item>
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
       </ion-item>
35
       </ion-item>
18
 
36
 
19
       <ion-item>
37
       <ion-item>
20
           <ion-label color="primary" stacked>Amount</ion-label>
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
         </ion-item>
40
         </ion-item>
23
 
41
 
24
         <button ion-button (click) = "transferMoney()">Send BlueCoin</button>
42
         <button ion-button (click) = "transferMoney()">Send BlueCoin</button>

+ 1
- 1
src/pages/payment/payment.ts Vedi File

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

+ 3
- 3
src/pages/tabs/tabs.html Vedi File

1
 <ion-tabs>
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
   <ion-tab [root]="tab4Root" tabTitle="Wallet" tabIcon="logo-usd"></ion-tab>
5
   <ion-tab [root]="tab4Root" tabTitle="Wallet" tabIcon="logo-usd"></ion-tab>
6
 </ion-tabs>
6
 </ion-tabs>

+ 24
- 19
src/pages/transactions/transactions.html Vedi File

1
 <ion-header>
1
 <ion-header>
2
   <ion-navbar>
2
   <ion-navbar>
3
     <ion-title>
3
     <ion-title>
4
-      Transactions
4
+      Blockchain
5
     </ion-title>
5
     </ion-title>
6
   </ion-navbar>
6
   </ion-navbar>
7
 </ion-header>
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 Vedi File

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 Vedi File

19
       this.transactions = transactions;
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 Vedi File

5
 </ion-header>
5
 </ion-header>
6
 
6
 
7
 <ion-content padding>
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
   <ion-list>
16
   <ion-list>
9
     <ion-item *ngFor="let wallet of wallets">
17
     <ion-item *ngFor="let wallet of wallets">
10
         <ion-card>
18
         <ion-card>

+ 4
- 0
src/pages/wallet/wallet.ts Vedi File

20
       this.wallets = wallets;
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 Vedi File

14
   }
14
   }
15
 
15
 
16
   getTransactions(): Observable<any> {
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
   postTransactions(path: string, data: any):  Observable<any> {
20
   postTransactions(path: string, data: any):  Observable<any> {

BIN
www/assets/imgs/bcBackground.jpeg Vedi File


+ 8
- 0
www/build/main.css Vedi File

25677
   min-height: calc(46px + constant(safe-area-inset-bottom));
25677
   min-height: calc(46px + constant(safe-area-inset-bottom));
25678
   min-height: calc(46px + env(safe-area-inset-bottom));
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 Vedi File

22
 
22
 
23
 var map = {
23
 var map = {
24
 	"../pages/payment/payment.module": [
24
 	"../pages/payment/payment.module": [
25
-		158
25
+		161
26
 	],
26
 	],
27
 	"../pages/transactions/transactions.module": [
27
 	"../pages/transactions/transactions.module": [
28
-		159
28
+		158
29
 	],
29
 	],
30
 	"../pages/wallet/wallet.module": [
30
 	"../pages/wallet/wallet.module": [
31
-		160
31
+		159
32
 	]
32
 	]
33
 };
33
 };
34
 function webpackAsyncContext(req) {
34
 function webpackAsyncContext(req) {
52
 
52
 
53
 "use strict";
53
 "use strict";
54
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
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
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TransactionPageModule", function() { return TransactionPageModule; });
55
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TransactionPageModule", function() { return TransactionPageModule; });
102
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
56
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
103
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
57
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
136
 
90
 
137
 /***/ }),
91
 /***/ }),
138
 
92
 
139
-/***/ 160:
93
+/***/ 159:
140
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
94
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
141
 
95
 
142
 "use strict";
96
 "use strict";
144
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WalletPageModule", function() { return WalletPageModule; });
98
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WalletPageModule", function() { return WalletPageModule; });
145
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
99
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
146
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
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
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
103
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
150
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
104
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
151
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
105
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
179
 
133
 
180
 /***/ }),
134
 /***/ }),
181
 
135
 
182
-/***/ 161:
136
+/***/ 160:
183
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
137
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
184
 
138
 
185
 "use strict";
139
 "use strict";
186
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WalletPage; });
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
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);
142
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_core__ = __webpack_require__(0);
189
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_ionic_angular__ = __webpack_require__(18);
143
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_ionic_angular__ = __webpack_require__(18);
190
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
144
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
211
             _this.wallets = wallets;
165
             _this.wallets = wallets;
212
         });
166
         });
213
     };
167
     };
168
+    WalletPage.prototype.doRefresh = function (refresher) {
169
+        this.ionViewDidLoad();
170
+        refresher.complete();
171
+    };
172
+    ;
214
     WalletPage = __decorate([
173
     WalletPage = __decorate([
215
         Object(__WEBPACK_IMPORTED_MODULE_1__angular_core__["m" /* Component */])({
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
     ], WalletPage);
178
     ], WalletPage);
220
     return WalletPage;
179
     return WalletPage;
180
+    var _a, _b, _c;
221
 }());
181
 }());
222
 
182
 
223
 //# sourceMappingURL=wallet.js.map
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
 /***/ 205:
233
 /***/ 205:
228
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
234
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
229
 
235
 
230
 "use strict";
236
 "use strict";
231
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TabsPage; });
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
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__transactions_transactions__ = __webpack_require__(57);
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
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_core__ = __webpack_require__(0);
241
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_core__ = __webpack_require__(0);
236
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__home_home__ = __webpack_require__(206);
242
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__home_home__ = __webpack_require__(206);
237
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
243
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
256
         this.tab4Root = __WEBPACK_IMPORTED_MODULE_2__wallet_wallet__["a" /* WalletPage */];
262
         this.tab4Root = __WEBPACK_IMPORTED_MODULE_2__wallet_wallet__["a" /* WalletPage */];
257
     }
263
     }
258
     TabsPage = __decorate([
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
         __metadata("design:paramtypes", [])
267
         __metadata("design:paramtypes", [])
262
     ], TabsPage);
268
     ], TabsPage);
293
     };
299
     };
294
     HomePage = __decorate([
300
     HomePage = __decorate([
295
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
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
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */]])
304
         __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_ionic_angular__["e" /* NavController */]])
299
     ], HomePage);
305
     ], HomePage);
331
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_common_http__ = __webpack_require__(47);
337
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__angular_common_http__ = __webpack_require__(47);
332
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__pages_home_home__ = __webpack_require__(206);
338
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__pages_home_home__ = __webpack_require__(206);
333
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__pages_tabs_tabs__ = __webpack_require__(205);
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
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__ionic_native_status_bar__ = __webpack_require__(201);
341
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__ionic_native_status_bar__ = __webpack_require__(201);
336
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__ionic_native_splash_screen__ = __webpack_require__(204);
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
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__providers_transaction_service__ = __webpack_require__(41);
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
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
348
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
343
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
349
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
344
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
350
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
379
                 __WEBPACK_IMPORTED_MODULE_5__angular_common_http__["b" /* HttpClientModule */],
385
                 __WEBPACK_IMPORTED_MODULE_5__angular_common_http__["b" /* HttpClientModule */],
380
                 __WEBPACK_IMPORTED_MODULE_3_ionic_angular__["c" /* IonicModule */].forRoot(__WEBPACK_IMPORTED_MODULE_4__app_component__["a" /* MyApp */], {}, {
386
                 __WEBPACK_IMPORTED_MODULE_3_ionic_angular__["c" /* IonicModule */].forRoot(__WEBPACK_IMPORTED_MODULE_4__app_component__["a" /* MyApp */], {}, {
381
                     links: [
387
                     links: [
382
-                        { loadChildren: '../pages/payment/payment.module#PaymentPageModule', name: 'PaymentPage', segment: 'payment', priority: 'low', defaultHistory: [] },
383
                         { loadChildren: '../pages/transactions/transactions.module#TransactionPageModule', name: 'TransactionPage', segment: 'transactions', priority: 'low', defaultHistory: [] },
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
     }
445
     }
440
     TransactionComponent = __decorate([
446
     TransactionComponent = __decorate([
441
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
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
         __metadata("design:paramtypes", [String, String, Number])
450
         __metadata("design:paramtypes", [String, String, Number])
445
     ], TransactionComponent);
451
     ], TransactionComponent);
485
         });
491
         });
486
     }
492
     }
487
     MyApp = __decorate([
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
         __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 */]])
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
     ], MyApp);
497
     ], MyApp);
520
         this.API = 'http://localhost:8080/';
526
         this.API = 'http://localhost:8080/';
521
     }
527
     }
522
     TransactionService.prototype.getTransactions = function () {
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
     TransactionService.prototype.postTransactions = function (path, data) {
532
     TransactionService.prototype.postTransactions = function (path, data) {
569
             _this.transactions = transactions;
575
             _this.transactions = transactions;
570
         });
576
         });
571
     };
577
     };
578
+    TransactionPage.prototype.doRefresh = function (refresher) {
579
+        this.ionViewDidLoad();
580
+        refresher.complete();
581
+    };
582
+    ;
572
     TransactionPage = __decorate([
583
     TransactionPage = __decorate([
573
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
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
         __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 */]])
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
     ], TransactionPage);
588
     ], TransactionPage);
586
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
597
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
587
 
598
 
588
 "use strict";
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
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PaymentPage; });
637
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return PaymentPage; });
590
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
638
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(0);
591
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
639
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_ionic_angular__ = __webpack_require__(18);
629
     };
677
     };
630
     PaymentPage = __decorate([
678
     PaymentPage = __decorate([
631
         Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["m" /* Component */])({
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
         __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 */]])
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
     ], PaymentPage);
683
     ], PaymentPage);
638
 
686
 
639
 //# sourceMappingURL=payment.js.map
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
 },[207]);
691
 },[207]);

+ 1
- 1
www/build/main.js.map
File diff suppressed because it is too large
Vedi File


+ 1
- 1
www/build/vendor.js.map
File diff suppressed because it is too large
Vedi File