html/script.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

// Start Screen
// ------------
function getRegions() {
  return [ "euw", "na", "kr", "br" ];
}

function toggleStart(up) {
  $("#start").removeClass(up ? "down" : "up");
  $("#start").addClass(up ? "up" : "down");
}
function slideStart() {
  $("#start").addClass("slideup");
}
function slideSlideUp() {
  $("#slide").addClass("slideup");
}
function slideSlideLeft() {
  $("#slide").removeClass("slideright");
  $("#slide").addClass("slideleft");
}
function slideSlideRight() {
  $("#slide").removeClass("slideleft");
  $("#slide").addClass("slideright");
}
function toggleSlideLeft() {
  $("#slide").addClass("left");
}

var app = new Vue({
  el: '#app',
  data: {
    regions: getRegions(),
    region: "euw",
    summoner: "",
  },
  methods: {
    startToHistory: function() {
      window.history.pushState("object or string", "Title",
        "/?summoner=" +
        $("#nameinput").val() +
        "&region=" +
        $("#regionselect").val() +
        "&view=history");

      slideStart();
      $("#matchhistory").show();
      slideSlideUp();
      app.startToHistory = ()=>{};
    },
    historyToStats: function() {
      window.history.pushState("object or string", "Title",
        "/?summoner=" +
        $("#nameinput").val() +
        "&region=" +
        $("#regionselect").val() +
        "&view=stats");

      $("#stats").show();
      slideSlideLeft();
      setTimeout(() => {
        $("#matchhistory").hide();
      }, 300);
    },
    statsToHistory: function() {
      window.history.pushState("object or string", "Title",
        "/?summoner=" +
        $("#nameinput").val() +
        "&region=" +
        $("#regionselect").val() +
        "&view=history");

      $("#matchhistory").show();
      slideSlideRight();
      setTimeout(() => {
        $("#stats").hide();
      }, 300);
    },
  },
});

// Check for URL parameters
let url = new URL(window.location.href);
if (url.searchParams.has("summoner"))
  app.summoner = url.searchParams.get("summoner");
if (url.searchParams.has("region"))
  app.region = url.searchParams.get("region");
if (url.searchParams.has("view")) {
  let view = url.searchParams.get("view");
  if (view == "history") {
    toggleStart(true);
    $("#matchhistory").show();
    app.startToHistory = ()=>{};
  }
  else if (view == "stats") {
    toggleStart(true);
    $("#stats").show();
    toggleSlideLeft();
    app.startToHistory = ()=>{};
  }
}
// ------------