merge

1 year ago · 7999cb5639
parent ff1f6c3a31 a4218a0112
commit 7999cb5639
3 changed files with 42 additions and 6 deletions
--- a/index.html
+++ b/index.html
@ -9,12 +9,16 @@
 <body>
    <div id="app">
        <h1>TP-noté</h1>
-        <team-card :players=players />
+        <nav-bar></nav-bar>
    </div>
+
    <script src="src/service/link-service.js"></script>
+    <script src="src/class/team.js"></script>
    <script src="src/misc/const.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';
@ -23,12 +27,11 @@
            data(){
                return{}
            },
-            methods:{
-                myFun:function(){}
-            }
+            methods:{}
        });
        app.component('NavBar', NavBar);
        app.component('TeamCard', TeamCard);
        app.mount('#app');
    </script>
 </body>
+</html>
--- a/src/class/team.js
+++ b/src/class/team.js
@ -0,0 +1,6 @@
+class Team{
+    constructor(id, name){
+        this.id=id;
+        this.name=name;
+    }
+}
--- a/src/view/nav-bar.js
+++ b/src/view/nav-bar.js
@ -3,17 +3,44 @@ export default{
 		return {
 			Home: '',
 			Teams: '',
-			Results: ''
+			Results: '',
+			id:'',
+			name:'',
+			clicked: false
 		}
 	},
 	methods: {
+		myfun: function() {
+			console.log("gngn");
+			this.clicked=!this.clicked;
+		},
+		addTeam: function() {
+			let team = new Team(this.id, this.name);
+			console.log(team);
+			this.id='';
+			this.name='';
+		}
 	},
 	template: 
 		`
 			<div>
 				<span>Home</span>
-				<span>Teams</span>
+				<span @click="myfun" style="cursor: pointer">Teams</span>
 				<span>Results</span>
 			</div>
+			<form @submit.prevent v-if="clicked">
+
+			<div>
+				<label>id</label><br/>
+				<input type="number" v-model="id"/>
+			</div>
+			
+			<div>
+				<label>Name</label><br/>
+				<input type="text" v-model="name"/>
+			</div>
+
+			<input type="submit" value="Submit" @click="addTeam"/>
+			</form>
 		`
 }