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
|
let redSkins = [
"Jhin_4",
"Aatrox_0",
"Akali_2",
"Darius_15",
"Gangplank_8",
"Varus_7",
];
function randomElement(array) {
return array[Math.floor(Math.random() * array.length)];
}
let champ1 = "http://ddragon.leagueoflegends.com/cdn/img/champion/loading/" + randomElement(redSkins) + ".jpg";
let champ2 = "http://ddragon.leagueoflegends.com/cdn/img/champion/splash/" + randomElement(redSkins) + ".jpg";
let ionia1 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Fmttargon-eternal-winter-of-the-mountaintop.jpg";
let ionia2 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Ffactions%2Fmount-targon_splash.jpg";
function getType() {
return window.innerWidth < window.innerHeight;
return (typeof window.orientation !== 'undefined');
}
var bg = new Vue({
el: '#background',
data: {
image: getType() ? ionia1 : ionia2,
}
});
function onResize() {
if (getType()) bg.image = ionia1;
else bg.image = ionia2;
}
var start = new Vue({
el: '#start',
data: {
visible: true,
regions: [ "EUW", "NA" ],
matches: [],
categories: [
{ text: "No.", name: "no" },
{ text: "Queue", name: "qu" },
{ text: "Champion", name: "ch" },
{ text: "Result", name: "rs" },
{ text: "Duration", name: "du" },
{ text: "Date", name: "da" }
],
},
methods: {
showNextPanel: function() {
start.visible = false;
},
},
});
|
