CardProperties - emkarcinos/WMIAdventure GitHub Wiki
Dokumentacja komponentu CardProperties
Stany komponentu
state = {
showLevelChoose: false,
createCommonLevel: false,
createGoldLevel: false,
createEpicLevel: false,
activeCardRank: 0,
showEffectChoose: false,
}
showLevelChoose
mówi o tym czy komponent do pojawiania się wyboru stworzenia levelu kartyLevelChoose
jest widoczny czy nie,createCommonLevel
mówi o tym czy pierwszy level karty jest stworzony czy nie,createGoldLevel
mówi o tym czy drugi level karty jest stworzony czy nie,createEpicLevel
mówi o tym czy trzeci level karty jest stworzony czy nie,activeCardRank
mówi o tym który poziom karty jest aktywny do edycji, 0 (zero) oznacza że żaden,showEffectChoose
mówi o tym czy komponent do pojawiania się wyboru effektu kartyEffectChoose
jest widoczny czy nie,
Metody Komponentu - Handlery
showLevelChooseHandler
Sprawia że komponent do pokazania się wyboru levelu karty levelChoose
pojawia się.
showLevelChooseHandler = (event) => {
event.preventDefault();
this.setState({showLevelChoose: true});
}
hideLevelChooseHandler
Sprawia że komponent do pokazania się wyboru levelu karty levelChoose
znika.
hideLevelChooseHandler = (event) => {
event.preventDefault();
this.setState({showLevelChoose: false});
}
createCommonLevelHandler
Sprawia że tworzy się pierwszy level karty (typowy).
createCommonLevelHandler = (event) => {
event.preventDefault();
this.hideLevelChooseHandler(event);
this.setState({createCommonLevel: true});
this.props.levelCostResetHandler(event, 1);
}
W handlerze wywołujemy też hideLevelChooseHandler
aby okno z wyborem levelu zniknęło,
oraz levelCostResetHandler
aby ustawić koszt
createGoldLevelHandler
Sprawia że tworzy się drugi level karty (złoty).
createCommonLevelHandler = (event) => {
event.preventDefault();
this.hideLevelChooseHandler(event);
this.setState({createGoldLevel: true});
this.props.levelCostResetHandler(event, 1);
}
W handlerze wywołujemy też hideLevelChooseHandler
aby okno z wyborem levelu zniknęło.
createEpicLevelHandler
Sprawia że tworzy się trzeci level karty (epicki).
createCommonLevelHandler = (event) => {
event.preventDefault();
this.hideLevelChooseHandler(event);
this.setState({createEpicLevel: true});
this.props.levelCostResetHandler(event, 1);
}
W handlerze wywołujemy też hideLevelChooseHandler
aby okno z wyborem levelu zniknęło.
removeCommonLevelHandler
Usuwa pierwszy level karty (typowy).
removeCommonLevelHandler = (event) => {
event.preventDefault();
this.setState({createCommonLevel: false});
}