Merge branch 'master' of https://codefirst.iut.uca.fr/git/JavaScript-TP_note/Projet-note

index.html

@@ -45,10 +45,10 @@
 
             }
         });
-        app.component('NavBar', NavBar);
         app.component('TeamCard', TeamCard);
         app.component('NewsCard',NewsCard);
         app.component('HomeModule',HomeModule);
+        app.component('NavBar', NavBar);
 
         app.mount('#app');
     </script>

src/view/home-module.js

@@ -1,12 +1,16 @@
 export default{
-    data: function(){
+    props:{
-        return{
+        news:[]
-
+    },
-        }
+    data:function(){
+        return {}
     },
     methods:{
-
     },
-    layout:`
+    template:`
+        <h2>Home</h2>
+        <div id="Teams" v-for="nouv in news">
+        <news-card title="nouv.title" date="nouv.publishedAt"/>
+        </div>
     `
 }

src/view/nav-bar.js

@@ -25,7 +25,9 @@ export default{
 		},
 		clickHome: function() {
 			if(!this.homeClicked){
-                let api = new NewsService();
+                const api = new NewsService();
+                this.news = api.getNews();
+				console.log(this.news);
 				this.homeClicked=true;
 				this.teamClicked=false;
                 let infos = api.getNews();
@@ -115,14 +117,8 @@ export default{
 				<span @click="clickTeams" style="cursor: pointer">Teams</span>
 				<span>Results</span>
 			</div>
-			<div id="Home" v-if="homeClicked">
+
-				<h2>Homeee</h2>
+			<home-module v-if="homeClicked" :news=this.news></home-module>
-                <div> 
-                    <news-card v-for="nouv in news"
-                        :title="nouv.title"
-                        :date="nouv.publishedAt"/>
-				</div>
-			</div>
 
 			<div id="Teams" v-if="teamClicked">
 				<form @submit.prevent>