|
|
@ -5,16 +5,45 @@ export default{
|
|
|
|
card:new Card({"filling":"empty"}),
|
|
|
|
card:new Card({"filling":"empty"}),
|
|
|
|
deck : new Deck([0,1,2,3],3),
|
|
|
|
deck : new Deck([0,1,2,3],3),
|
|
|
|
id:0,
|
|
|
|
id:0,
|
|
|
|
selectedCards:[]
|
|
|
|
selectedCards:[],
|
|
|
|
|
|
|
|
nbCardsSelected:0
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods:{
|
|
|
|
methods:{
|
|
|
|
selected(id){
|
|
|
|
selected(id){
|
|
|
|
console.log("selected",id);
|
|
|
|
if(this.nbCardsSelected>=this.deck.nbCards){
|
|
|
|
this.selectedCards[id]=this.deck.outputCards[id-1]
|
|
|
|
document.querySelector(`#id${id}`).setAttribute("style","border: 2px solid black; margin: 20px; color: red; fontSize: 20px; cursor: pointer");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else{
|
|
|
|
|
|
|
|
this.nbCardsSelected+=1;
|
|
|
|
|
|
|
|
console.log("this.nbCardsSelected",this.nbCardsSelected);
|
|
|
|
|
|
|
|
console.log("selected",id);
|
|
|
|
|
|
|
|
this.selectedCards[id]=this.deck.outputCards[id-1]
|
|
|
|
|
|
|
|
console.log('selectedCards add',this.selectedCards);
|
|
|
|
|
|
|
|
if(this.nbCardsSelected==this.deck.nbCards){
|
|
|
|
|
|
|
|
this.set();
|
|
|
|
|
|
|
|
console.log("dqsdgqhj")
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
unSelected(id){
|
|
|
|
unSelected(id){
|
|
|
|
console.log("unSelected",id);
|
|
|
|
if(this.selectedCards[id]!=null){
|
|
|
|
|
|
|
|
this.selectedCards.splice(id,1);
|
|
|
|
|
|
|
|
this.nbCardsSelected-=1;
|
|
|
|
|
|
|
|
console.log("this.nbCardsSelected",this.nbCardsSelected);
|
|
|
|
|
|
|
|
console.log('selectedCards remove',this.selectedCards);
|
|
|
|
|
|
|
|
console.log("unSelected",id);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
set(){
|
|
|
|
|
|
|
|
console.log("Check Set")
|
|
|
|
|
|
|
|
let checkSet=true;
|
|
|
|
|
|
|
|
if(checkSet){
|
|
|
|
|
|
|
|
this.deck.checkSet(this.selectedCards);
|
|
|
|
|
|
|
|
this.nbCardsSelected=0;
|
|
|
|
|
|
|
|
this.selectedCards.splice(0,this.selectedCards.length+1)
|
|
|
|
|
|
|
|
console.log("this.selectedCards.length",this.selectedCards.length)
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
template:`
|
|
|
|
template:`
|
|
|
|