Milovana.com

Code: Select all

var pageSettings = {
	defaultSettings: {
		allowSkip: true,
		persistantNotification: 'persistant',
		timerDuration: 10,
		timerMode: 'secret',
	},
	randomDialogs: { edge: ['Edge for me', 'Edge!', 'Would you edge for me?'] },
	steps: [
		{ image: 'caprice_1', text: 'Hey <name>!', eval: 'var edgeNumber = 5' },
		{ text: 'I will explain to you how this would work' },
		{
			text: 'Each step would be a loop to the same page and the desired content would be rendered',
		},
		{ text: 'Here in the long dialog you could write well ...' },
		{ text: 'Long dialogs' },
		{ text: 'Each line would be a say action in the tease' },
		{
			text: 'You could also add default settings for each page at the beginning',
		},
		{ text: 'For example here the users can skip' },
		{
			text: 'And there is a persistant notification with the id "persistant" on the right',
		},
		{
			text: 'Notifications would be added manually to the tease and would be rendered by a unique id',
			notification: 'edge',
		},
		{ image: 'caprice_2', text: "<tease.getRandomDialog('edge')>" },
		{
			image: 'caprice_3',
			text: [
				'Text could be _styled_ in **Markdown**',
				'Alternative texts are chosen randomly',
			],
		},
		{
			image: 'caprice_4',
			text: 'Choices would also need to be added manually to the tease and would be rendered by a unique id',
			choice: 'choice_1',
		},
		[
			{
				condition: 'edgeNumber > 10',
				steps: [
					{
						image: 'caprice_5',
						text: 'Alternative routes could be added depending on conditions',
						choice: 'choice_1',
					},
					{ text: 'Once in the route it would follow its course' },
					{
						text: 'Before going back to the main route on the next step',
					},
				],
			},
			{
				condition: 'edgeNumber > 5',
				steps: [
					{
						text: 'It would be also possible to add as many alternative routes as you want',
					},
					{
						text: 'If checks with the same alt route id are treated as else if',
					},
					{
						text: 'The conditions are evaluated in order and the first route that meets the conditions is selected',
					},
				],
			},
		],
		{ text: 'Timers could be added with the duration', timer: 5 },
		{
			text: 'If timer is set to true the default duration is selected',
			timer: true,
			timerMode: 'visible',
		},
		{ text: 'You could use evals as usual', eval: 'edgeNumber++' },
		{
			text: 'And when this part is over you can change page',
			goToPage: 'EndDemo',
		},
	],
}