kancollehelper

MainView.ux

<App Theme="Basic">
	<JavaScript File="node_modules/moment/moment.js" ux:Global="moment" />

	<JavaScript>
	var weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
	var improvements = [
		// Sunday
		[
			{ flagship: ['Maya K2', 'Fubuki K2'], equip: 'T94 AAFD' },
			{ flagship: ['Fusou'], equip: '35.6cm' },
			{ flagship: ['Mutsu'], equip: '41cm' },
			{ flagship: ['Bismarck'], equip: '38cm Kai' },
			{ flagship: ['Littorio'], equip: '381cm Kai' },
			{ flagship: ['Myoukou'], equip: '20.3 no.2' },
			{ flagship: ['Littorio', 'Roma'], equip: 'OTO 152mm' }
		],

		// Monday
		[
			{ flagship: ['Kirishima'], equip: 'T91 AP Shell' },
			{ flagship: ['Mutsu'], equip: '41cm' },
			{ flagship: ['Bismarck'], equip: '38cm Kai' },
			{ flagship: ['Littorio'], equip: '381mm Kai' },
			{ flagship: ['Myoukou'], equip: '20.3cm no.2' },
			{ flagship: ['Roma'], equip: '152mm' }
		],

		// Tuesday
		[
			{ flagship: ['Nagato'], equip: '41cm' },
			{ flagship: ['Nagato'], equip: '41cm' },
			{ flagship: ['Bismarck'], equip: '38cm Kai' },
			{ flagship: ['Roma'], equip: '381mm Kai' },
			{ flagship: ['Mikuma'], equip: '20.3cm no.3' },
			{ flagship: ['Myoukou'], equip: '20.3cm no.2' },
			{ flagship: ['Littorio'], equip: '152mm' }
		],

		// Wednesday
		[
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' }
		],

		// Thursday
		[
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' }
		],

		// Friday
		[
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' },
			{ flagship: [''], equip: '' }
		],

		// Saturday
		[
			{ flagship: ['Maya Kai2', 'Fubuki Kai2'], equip: 'T94 AAFD' },
			{ flagship: ['Fusou'], equip: '35.6cm' },
			{ flagship: ['Hiei', 'Kirishima'], equip: 'T91 AP Shell' },
			{ flagship: ['Nagato'], equip: '41cm' },
			{ flagship: ['Littorio'], equip: '381mm Kai' },
			{ flagship: ['Littorio'], equip: 'OTO 152mm' }
		]
	];

	var now = new Date();

	module.exports = {
		improvements: improvements,
		today: {
			title: weekdays[now.getDay()],
			improvements: improvements[now.getDay()]
		}
	};
	</JavaScript>

	<DockPanel>
		<StatusBarBackground Dock="Top" />
		<ScrollView>
			<StackPanel>
				<Rectangle Fill="#455A64">
					<Text Value="{today.title}" Padding="20,10" FontSize="32"
						TextColor="#FFF" />
				</Rectangle>
				<Each Items="{today.improvements}">
					<StackPanel Padding="20,10,20,0">
						<WrapPanel>
							<Each Items="{flagship}">
								<Text Value="{}" TextColor="#727272" />
								<Text Value=" " />
							</Each>
						</WrapPanel>

						<Text Value="{equip}" Padding="0,10" FontSize="20" />

						<Rectangle>
							<Stroke Brush="#B6B6B6" Width="2" />
						</Rectangle>
					</StackPanel>
				</Each>
			</StackPanel>
		</ScrollView>
	</DockPanel>
</App>