ratings class added, trying new rate method, will delete

src/pages/ratings/ratings.html

@@ -0,0 +1,11 @@
+<div class="crop"
+     [style.width.px]="starWidth"
+     [title]="rating">
+  <div style="width: 86px" id="star">
+    <span class="glyphicon glyphicon-star-empty"></span>
+    <span class="glyphicon glyphicon-star-empty"></span>
+    <span class="glyphicon glyphicon-star-empty"></span>
+    <span class="glyphicon glyphicon-star-empty"></span>
+    <span class="glyphicon glyphicon-star-empty"></span>
+  </div>
+</div>

src/pages/ratings/ratings.scss

@@ -0,0 +1,11 @@
+.crop {
+  overflow: hidden;
+}
+#star {
+  color: gold;
+  width: 100px;
+  white-space: nowrap;
+}
+td:not(.star-ratings) {
+  font-family: Tahoma;
+}

src/pages/ratings/ratings.ts

@@ -0,0 +1,24 @@
+import { Component,  OnChanges, Input } from '@angular/core';
+import { NavController } from 'ionic-angular';
+
+
+  @Component({
+    selector: 'page-rating',
+    templateUrl: 'rating.html',
+    styleUrls: 'rating.scss'
+  })
+  
+  export class Ratings implements OnChanges {
+    @Input() rating: number;
+
+    starWidth: number;
+    constructor() {
+      console.log("star has been created");
+    }
+
+    ngOnChanges() {
+      console.log("star dynamically added");
+      this.starWidth = this.rating * (86 / 5);
+    }
+
+  }

src/pages/search/search.ts

@@ -41,15 +41,9 @@ export class SearchPage {
 
     }
     
-    postSchool(event: any) {
-        this.dist.post("schools/post", this.school).subscribe(
-            data => console.log(data)
-          );
-    }
-    
     goToSchoolPage(school: School){
     
-        this.dist.post("schools/post", school).subscribe(
+    this.dist.post("schools/post", school).subscribe(
             data => console.log(data)
           )
     this.navCtrl.push(SchoolPage, {