-
Notifications
You must be signed in to change notification settings - Fork 0
/
task-1.js
115 lines (102 loc) · 2.56 KB
/
task-1.js
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
104
105
106
107
108
109
110
111
112
113
114
const host = new Container({
position: {
x: 100,
y: 300,
},
width: 200,
height: 200,
label: "Host",
tooltips: [{
text: ["Host is a machine (physical or virtual) where","Docker is installed and which is responsible"," for, among other things, running containers"," and managing your local images."],
height: 95,
width: 325,
offset: {
x: -230,
y: 0
},
step: 3
}]
});
const images = new Container({
position: {
x: 170,
y: 370,
},
width: 100,
height: 100,
label: "Images",
style: {
backgroundColor: 'white'
}
});
const registry = new Container({
position: {
x: 500,
y: 100,
},
width: 270,
height: 140,
label: "Registry (https://hub.docker.com)",
tooltips: [{
text: ["Registry is a place where Docker images are stored","before you download them to your machine.","It can be public like Docker Hub or you can have", "your own private repository."],
height: 95,
width: 350,
offset: {
x: 370,
y: -60
},
step: 1
}]
});
const helloWorldImage = new DockerImage({
position: {x: 550, y: 130},
imageSrc: "./img/hello-world-logo.png",
scale: 3,
name: "hello-world",
animations: {
pull : {movement:[['x', -200], ['y', 260], ['x', -150]]}
},
tooltips: [{
text: ["This is a representation of a Docker Image.","An image is a read-only template which contains","instructions used for creating a Docker container"],
height: 75,
width: 325,
offset: {
x: 370,
y: 10
},
step: 2
}]
});
Tooltip.on(1,()=> {
drawables.showOverlay()
registry.isOverlayed = false
helloWorldImage.isOverlayed = false
})
Tooltip.on(2,()=> {
drawables.showOverlay()
registry.isOverlayed = true
helloWorldImage.isOverlayed = false
})
Tooltip.on(3,()=> {
drawables.showOverlay()
registry.isOverlayed = true
helloWorldImage.isOverlayed = true
host.isOverlayed = false
images.isOverlayed = false
})
function taskInputHandle() {
if (input.command === 'pull') {
const img = imagesArr.find((image)=> image.name === input.name)
if (img) {
Tooltip.start()
Tooltip.onEnd(()=>{
drawables.hideOverlay()
})
Tooltip.onEnd(()=>{
img.pull()
}, 300)
} else {
setConsoleToNewLine()
}
}
}