example of multilanguage tour

This commit is contained in:
Delucse 2020-12-15 16:18:47 +01:00
parent e4bab3d9ca
commit 1e9361b730
2 changed files with 40 additions and 30 deletions

View File

@ -128,7 +128,7 @@ class Navbar extends Component {
</Tooltip> </Tooltip>
: null} : null}
<Tour <Tour
steps={isHome ? home : assessment} steps={isHome ? home() : assessment()}
isOpen={this.state.isTourOpen} isOpen={this.state.isTourOpen}
onRequestClose={() => { this.closeTour(); }} onRequestClose={() => { this.closeTour(); }}
/> />

View File

@ -1,4 +1,11 @@
export const home = [ import * as Blockly from 'blockly/core';
export const home = () => {
return [
{
selector: '.workspaceFunc',
content: `${Blockly.Msg.settings_head}`
},
{ {
selector: '.workspaceFunc', selector: '.workspaceFunc',
content: 'Hier findest du alle Buttons um dein Programm zu übertragen, zu speichern oder zu teilen', content: 'Hier findest du alle Buttons um dein Programm zu übertragen, zu speichern oder zu teilen',
@ -20,11 +27,14 @@ export const home = [
content: 'Im Menü findest du Tutorials und eine Gallery mit verschiedenen Beispiel Programmen.', content: 'Im Menü findest du Tutorials und eine Gallery mit verschiedenen Beispiel Programmen.',
} }
]; ];
};
export const assessment = [ export const assessment = () => {
return [
// to be continued... // to be continued...
{ {
selector: '.assessmentDiv', selector: '.assessmentDiv',
content: 'Hier kannst du eine Aufgabe lösen und kontrollieren.', content: 'Hier kannst du eine Aufgabe lösen und kontrollieren.',
} }
]; ];
};