JavaScript-TP_note
/
Projet-note
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TEAM-CARD

Browse Source
pull/1/head
Aurian JAULT 2 years ago
parent 7999cb5639
commit 78cd2388c7
4 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File

22
index.html
Unescape View File

@ -9,28 +9,40 @@
<body> <body>
<div id="app"> <div id="app">
<h1>TP-noté</h1> <h1>TP-noté</h1>
<nav-bar></nav-bar> <nav-bar @add-teams="addTeam"></nav-bar>
<team-card v-for="team in teams"
:id="team.id"
:nom="team.name">
</team-card>
</div> </div>
<script src="src/service/link-service.js"></script> <script src="src/service/link-service.js"></script>
<script src="src/class/team.js"></script> <script src="src/class/team.js"></script>
<script src="src/misc/const.js"></script> <script src="src/misc/const.js"></script>
<script src="main.js"></script> <script src="main.js"></script>
<script type="module"> <script type="module">
import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'; import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
import NavBar from '/src/view/nav-bar.js'; import NavBar from '/src/view/nav-bar.js';
import TeamCard from '/src/view/team-card.js'; import TeamCard from '/src/view/team-card.js';
const app = createApp({ const app = createApp({
created(){}, created(){},
data(){ data(){
return{} return{
teams: []
}
}, },
methods:{} methods:{
addTeam: function(equipe){
console.log(equipe);
this.teams.push(equipe);
}
}
}); });
app.component('NavBar', NavBar); app.component('NavBar', NavBar);
app.component('TeamCard', TeamCard); app.component('TeamCard', TeamCard);
app.mount('#app'); app.mount('#app');
</script> </script>
</body> </body>

2
main.js
Unescape View File

@ -1,4 +1,2 @@
let linkService = new LinkService(); let linkService = new LinkService();
linkService.getLinks(); linkService.getLinks();
let players = [{nom:"romain",prenom:"albert"},{nom:"romain",prenom:"albert"}];

17
src/view/nav-bar.js
Unescape View File

@ -1,4 +1,5 @@
export default{ export default{
emits: ['addTeams'],
data : function(){ data : function(){
return { return {
Home: '', Home: '',
@ -10,16 +11,18 @@ export default{
} }
}, },
methods: { methods: {
myfun: function() { pushTeam: function() {
console.log("gngn");
this.clicked=!this.clicked;
},
addTeam: function() {
let team = new Team(this.id, this.name); let team = new Team(this.id, this.name);
console.log(team); this.$emit('addTeams',team);
this.id=''; this.id='';
this.name=''; this.name='';
},
myfun: function() {
console.log("gngn");
this.clicked=!this.clicked;
} }
}, },
template: template:
` `
@ -40,7 +43,7 @@ export default{
<input type="text" v-model="name"/> <input type="text" v-model="name"/>
</div> </div>
<input type="submit" value="Submit" @click="addTeam"/> <input type="submit" value="Submit" @click="pushTeam"/>
</form> </form>
` `
} }

13
src/view/team-card.js
Unescape View File

@ -1,18 +1,13 @@
export default{ export default{
props: { props: {
players: Array, id: Number,
}, nom: String
data : function(){
return{
id: 0,
name: 'Empty'
}
}, },
methods: { methods: {
}, },
template: ` template: `
<div id="teamCard" v-for="player in players"> <div id="teamCard">
<span>{{player.nom}} {{player.prenom}}</span> <span>{{id}} {{nom}}</span>
</div> </div>
` `
} }

Write Preview
Loading…
Cancel
Save