|
|
@@ -0,0 +1,53 @@
|
|
|
+var app = new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ config: {
|
|
|
+ released_episode: 80,
|
|
|
+ last_diorama: 50,
|
|
|
+ available_dioramas: 0,
|
|
|
+ first_diorama: 6,
|
|
|
+ github_levels: [],
|
|
|
+ github_episodes: [],
|
|
|
+ github_success: false,
|
|
|
+ github_access_token: "ac4311edd3cc5acf4ccc321525a96a",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ test: function () {
|
|
|
+ },
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+
|
|
|
+function getData() {
|
|
|
+ var xhr = new XMLHttpRequest();
|
|
|
+ var url = "http://localhost:8000";
|
|
|
+ console.log("url", url);
|
|
|
+ xhr.onreadystatechange = function () {
|
|
|
+ if (this.readyState == 4 && this.status == 200) {
|
|
|
+ var response = JSON.parse(this.responseText);
|
|
|
+ app.config.github_episodes = response;
|
|
|
+ app.config.github_success = true;
|
|
|
+ console.log(xhr.responseText);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ xhr.open("GET", url, true);
|
|
|
+ xhr.send();
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+function setData() {
|
|
|
+ var newName = 'John Smith',
|
|
|
+ xhr = new XMLHttpRequest();
|
|
|
+ xhr.open('POST', 'http://localhost:8000/set');
|
|
|
+ xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
|
|
+ xhr.onload = function() {
|
|
|
+ console.log(xhr.responseText);
|
|
|
+ };
|
|
|
+ xhr.send(encodeURI('name=' + newName));
|
|
|
+}
|
|
|
+
|
Johann Woelper