TeamCard

1 year ago · c364d0e347
parent 1bcda29e64
commit c364d0e347
3 changed files with 22 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -9,14 +9,15 @@
 <body>
    <div id="app">
        <h1>TP-noté</h1>
+        <team-card/>
    </div>
    <script src="src/service/link-service.js"></script>
    <script src="src/misc/const.js"></script>
-    <script src="src/view/nav-bar.js"></script>
    <script src="main.js"></script>
    <script type="module">
        import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
        import NavBar from '/src/view/nav-bar.js';
+        import TeamCard from '/src/view/team-card.js';
        const app = createApp({
            created(){},
            data(){
@ -27,6 +28,7 @@
            }
        });
        app.component('NavBar', NavBar);
+        app.component('TeamCard', TeamCard);
        app.mount('#app');
    </script>
 </body>
--- a/src/view/nav-bar.js
+++ b/src/view/nav-bar.js
@ -16,4 +16,4 @@ export default{
 				<span>Results</span>
 			</div>
 		`
-}
+}
--- a/src/view/team-card.js
+++ b/src/view/team-card.js
@ -0,0 +1,18 @@
+export default{
+    props: {
+        players: Team,
+    },
+    data : function(){
+        return{
+            id: 0,
+            name: 'Empty'
+        }
+    },
+    methods: {
+	},
+    template: `
+        <div id="teamCard" v-for="player in players">
+            <span>{{player.nom}}    {{player.prenom}}</span>
+        </div>
+    `
+}