updated more fixes from edits

B-Mcghee · Aug 1, 2017 · 0ba2ec8 · 0ba2ec8
1 parent 100d029
commit 0ba2ec8
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/chapter-05/assets/css/app.css b/chapter-05/assets/css/app.css
@@ -4,7 +4,7 @@ header h1{
 }
 
 body {
-    max-width: 970px;
+    max-width: 970px !important;
 }
 .cart {
   padding: 20px 50px;
@@ -36,14 +36,15 @@ body {
   font-size: 120%;
 }
 
+
 .product {
   margin-top: 30px;
   margin-left: 20px;
   max-height:300px;
   max-width:100%;
 }
 .figure {
-  
+
 }
 
 .rating-active:before {

diff --git a/chapter-05/bootstrap-fix.html b/chapter-05/bootstrap-fix.html
@@ -1,3 +1,2 @@
 <div v-else>
   <div class="row">			//#A
-  </div>
diff --git a/chapter-05/index.html b/chapter-05/index.html
@@ -3,8 +3,8 @@
 <head>
   <title>Vue.js Pet Depot</title>
   <script src="https://unpkg.com/vue"></script>
-  <link rel="stylesheet" type="text/css" href="assets/css/app.css"/>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="assets/css/app.css"/>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.16.2/axios.js"></script>
 </head>
 <body>
@@ -24,7 +24,7 @@ <h1>{{ sitename }}</h1>
       </header>
       <main>
         <div v-if="showProduct">
-          <div v-for="product in sortProducts">
+          <div v-for="product in sortedProducts">
             <div class="row">
               <div class="col-md-5 col-md-offset-0">
                 <figure>
@@ -230,7 +230,7 @@ <h4><strong>Enter Your Information</strong></h4>
     cartItemCount() {
       return this.cart.length || '';
     },
-    sortProducts() {
+    sortedProducts() {
       if(this.products.length > 0) {
         let productsArray = this.products.slice(0);
         function compare(a, b) {

diff --git a/chapter-05/products.json b/chapter-05/products.json
@@ -7,7 +7,7 @@
       "price": 2000,
       "image": "assets/images/product-fullsize.png",
       "availableInventory": 10,
-      "rating": 3
+      "rating": 1
     },
     {
       "id": 1002,

diff --git a/chapter-05/sort-products-comp.js b/chapter-05/sort-products-comp.js
@@ -1,4 +1,4 @@
-sortedProducts: function() {
+sortededProducts() {
   if(this.products.length > 0) {
     let productsArray = this.products.slice(0);		//#A
     function compare(a, b) {				//#B