scrollllsssss

zlg/ionic.config.json

@@ -3,5 +3,6 @@
   "integrations": {
     "cordova": {}
   },
-  "type": "ionic-angular"
-}
+  "type": "ionic-angular",
+  "app_id": ""
+}

zlg/src/pages/home/home.html

@@ -21,9 +21,9 @@
     <button (click)="sendPost()" id="myVault-button18" style="font-weight:600;font-size:20px;" class="codystar button button-royal button-block button-small">Post</button>
   </div>
   
-  <div id="myVault-markdown4" class="show-list-numbers-and-dots overflow-box">
-      <div style="color:#FFFFFF;list-style-type: none;overflow: scroll;" *ngFor="let p of posts" >
-        <button (click)="goToUsersFeed(p)" class="button button-block" style="background-color:lightgray;text-align: left"><strong>{{ p.userName }}: </strong>{{ p.message }}</button>
+  <div id="myVault-markdown4" class="show-list-numbers-and-dots overflow-box" style="overflow-y: scroll; height: 55vh;">
+      <div style="color:#FFFFFF;list-style-type: none;" *ngFor="let p of posts">
+        <button (click)="goToUsersFeed(p)" class="button button-block" style="background-color:lightgray;text-align: left; word-wrap: break-word; white-space: normal"><strong>{{ p.userName }}: </strong>{{ p.message }}</button>
       </div>
   </div>
 </ion-content>

zlg/src/pages/home/home.scss

@@ -1,3 +1,11 @@
 page-home {
 
+    .my-ion-list {
+        max-height: 55vh;
+        overflow-y: scroll;
+      }
+      ion-list {
+          background-color: lightgray;
+      }
+
 }

zlg/src/providers/post-service/post-service.ts

@@ -1,6 +1,6 @@
-import { HttpClient, HttpResponse } from '@angular/common/http';
+import { HttpClient} from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { Observable } from 'rx';
+// import { Observable } from 'rxjs';
 
 /*
   Generated class for the PostServiceProvider provider.

zlg/src/providers/rest/rest.ts

@@ -0,0 +1,29 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+
+/*
+  Generated class for the RestProvider provider.
+
+  See https://angular.io/guide/dependency-injection for more info on providers
+  and Angular DI.
+*/
+@Injectable()
+export class RestProvider {
+
+  apiUrl = 'https://fast-headland-39537.herokuapp.com';
+
+  constructor(public http: HttpClient) {
+    console.log('Hello RestServiceProvider Provider');
+  }
+
+  getPosts() {
+    return new Promise(resolve => {
+      this.http.get(this.apiUrl+'/posts/all').subscribe(data => {
+        resolve(data);
+      }, err => {
+        console.log(err);
+      });
+    });
+  }
+
+}