ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-05-31 14:11:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

More straitforward context transition relations declaration

Browse Source
This commit is contained in:
SleepWalker
2016-05-15 00:03:36 +03:00
parent 3472c7b29f
commit c559eb4b10
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/auth/PanelTransition.jsx
View File

@ -232,20 +232,22 @@ class PanelTransition extends Component {
} }
getDirection(next, prev) { getDirection(next, prev) {
const not = (panelId) => ![prev, next].includes(panelId); // transition between context will be Y (through heigh animation)
// transition inside context will be X (horizontal sliding animation)
const contexts = [
['login', 'password', 'forgotPassword', 'recoverPassword'],
['register', 'activation'],
['changePassword'],
['permissions']
];
const map = { const prevPanelContext = contexts.filter((context) => context.includes(prev));
login: not('password') && not('forgotPassword') ? 'Y' : 'X',
password: not('login') && not('forgotPassword') ? 'Y' : 'X',
register: not('activation') ? 'Y' : 'X',
activation: not('register') ? 'Y' : 'X',
permissions: 'Y',
changePassword: 'Y',
forgotPassword: not('password') && not('login') ? 'Y' : 'X',
recoverPassword: not('password') && not('login') && not('forgotPassword') ? 'Y' : 'X'
};
return map[next]; if (prevPanelContext.length > 1) {
throw new Error(`${prev} panel exists more than in one context`);
}
return prevPanelContext.pop().includes(next) ? 'X' : 'Y';
} }
onUpdateHeight = (height, key) => { onUpdateHeight = (height, key) => {