example of multilanguage tour
This commit is contained in:
		
							parent
							
								
									e4bab3d9ca
								
							
						
					
					
						commit
						1e9361b730
					
				| @ -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(); }} | ||||||
|             /> |             /> | ||||||
|  | |||||||
| @ -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.', | ||||||
|       } |       } | ||||||
|   ]; |   ]; | ||||||
|  | }; | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user