gitweb.ps.run Git - lolstats/blob - html/script.js

   1 // Start Screen
   2 // ------------
   3 function getRegions() {
   4   return [ "euw", "na", "kr", "br" ];
   5 }
   6
   7 function toggleStart(up) {
   8   $("#start").removeClass(up ? "down" : "up");
   9   $("#start").addClass(up ? "up" : "down");
  10 }
  11 function slideStart() {
  12   $("#start").addClass("slideup");
  13 }
  14 function slideSlideUp() {
  15   $("#slide").addClass("slideup");
  16 }
  17 function slideSlideLeft() {
  18   $("#slide").removeClass("slideright");
  19   $("#slide").addClass("slideleft");
  20 }
  21 function slideSlideRight() {
  22   $("#slide").removeClass("slideleft");
  23   $("#slide").addClass("slideright");
  24 }
  25 function toggleSlideLeft() {
  26   $("#slide").addClass("left");
  27 }
  28
  29 var app = new Vue({
  30   el: '#app',
  31   data: {
  32     regions: getRegions(),
  33     region: "euw",
  34     summoner: "",
  35   },
  36   methods: {
  37     startToHistory: function() {
  38       window.history.pushState("object or string", "Title",
  39         "/?summoner=" +
  40         $("#nameinput").val() +
  41         "&region=" +
  42         $("#regionselect").val() +
  43         "&view=history");
  44
  45       slideStart();
  46       $("#matchhistory").show();
  47       slideSlideUp();
  48       app.startToHistory = ()=>{};
  49     },
  50     historyToStats: function() {
  51       window.history.pushState("object or string", "Title",
  52         "/?summoner=" +
  53         $("#nameinput").val() +
  54         "&region=" +
  55         $("#regionselect").val() +
  56         "&view=stats");
  57
  58       $("#stats").show();
  59       slideSlideLeft();
  60       setTimeout(() => {
  61         $("#matchhistory").hide();
  62       }, 300);
  63     },
  64     statsToHistory: function() {
  65       window.history.pushState("object or string", "Title",
  66         "/?summoner=" +
  67         $("#nameinput").val() +
  68         "&region=" +
  69         $("#regionselect").val() +
  70         "&view=history");
  71
  72       $("#matchhistory").show();
  73       slideSlideRight();
  74       setTimeout(() => {
  75         $("#stats").hide();
  76       }, 300);
  77     },
  78   },
  79 });
  80
  81 // Check for URL parameters
  82 let url = new URL(window.location.href);
  83 if (url.searchParams.has("summoner"))
  84   app.summoner = url.searchParams.get("summoner");
  85 if (url.searchParams.has("region"))
  86   app.region = url.searchParams.get("region");
  87 if (url.searchParams.has("view")) {
  88   let view = url.searchParams.get("view");
  89   if (view == "history") {
  90     toggleStart(true);
  91     $("#matchhistory").show();
  92     app.startToHistory = ()=>{};
  93   }
  94   else if (view == "stats") {
  95     toggleStart(true);
  96     $("#stats").show();
  97     toggleSlideLeft();
  98     app.startToHistory = ()=>{};
  99   }
 100 }
 101 // ------------