OrderStatusManagement/script.js at main · Ajitb0712/OrderStatusManagement · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
let orderStatuses = document.getElementsByClassName('order-status-block')

const executeOrder = () => {
	let orderId = document.getElementById('order-id-input').value
	document.getElementById('order-id-input').value = ''
	document.getElementById('order-id-display').innerText = `Order Status for ID: ${orderId}`
	orderStatuses[0].classList.remove('btn-light')
	orderStatuses[0].classList.add('btn-success')

	chefReceived()
		.then(pizzaSauceAdded)
		.then(firstLayerOfCheezeAdded)
		.then(toppingsAdded)
		.then(secondLayerOfCheezeAdded)
		.then(pizzaBaked)
		.then(oreganoAddedAndPacked)
		.then(packageReceivedAtCounter)
		.then(() => {
			orderStatuses[9].classList.remove('btn-light')
			orderStatuses[9].classList.add('btn-success')
		})
		.catch((err) => console.log(err))
}

const chefReceived = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[1].classList.remove('btn-light')
			orderStatuses[1].classList.add('btn-success')
			resolve()
		}, 2000)
	})
}

const pizzaSauceAdded = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[2].classList.remove('btn-light')
			orderStatuses[2].classList.add('btn-success')
			resolve()
		}, 10000)
	})
}

const firstLayerOfCheezeAdded = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[3].classList.remove('btn-light')
			orderStatuses[3].classList.add('btn-success')
			resolve()
		}, 5000)
	})
}

const toppingsAdded = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[4].classList.remove('btn-light')
			orderStatuses[4].classList.add('btn-success')
			resolve()
		}, 12000)
	})
}

const secondLayerOfCheezeAdded = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[5].classList.remove('btn-light')
			orderStatuses[5].classList.add('btn-success')
			resolve()
		}, 5000)
	})
}

const pizzaBaked = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[6].classList.remove('btn-light')
			orderStatuses[6].classList.add('btn-success')
			resolve()
		}, 15000)
	})
}

const oreganoAddedAndPacked = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[7].classList.remove('btn-light')
			orderStatuses[7].classList.add('btn-success')
			resolve()
		}, 8000)
	})
}

const packageReceivedAtCounter = () => {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			orderStatuses[8].classList.remove('btn-light')
			orderStatuses[8].classList.add('btn-success')
			resolve()
		}, 2000)
	})
}