vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Minor fixes to get the tutorial working

Browse source
This commit is contained in:
spacejack 2017-02-12 19:41:47 -05:00
parent 75b20e86e8
commit 19f1ac8908
1 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

25
docs/simple-application.md
View file

@ -74,7 +74,7 @@ var User = {
module.exports = User module.exports = User
``` ```
Then we can add an `m.request` call to make an XHR request. For this tutorial, we'll make XHR calls to the [REM](http://rem-rest-api.herokuapp.com/) API, a mock REST API designed for rapid prototyping. This API returns a list of users from the `GET http://rem-rest-api.herokuapp.com/api/users` endpoint. Let's use `m.request` to make an XHR request and populate our data with the response of that endpoint. Then we can add an `m.request` call to make an XHR request. For this tutorial, we'll make XHR calls to the [REM](http://rem-rest-api.herokuapp.com/) API, a mock REST API designed for rapid prototyping. This API returns a list of users from the `GET https://rem-rest-api.herokuapp.com/api/users` endpoint. Let's use `m.request` to make an XHR request and populate our data with the response of that endpoint.
```javascript ```javascript
// src/models/User.js // src/models/User.js
@ -85,7 +85,7 @@ var User = {
loadList: function() { loadList: function() {
return m.request({ return m.request({
method: "GET", method: "GET",
url: "http://rem-rest-api.herokuapp.com/api/users", url: "https://rem-rest-api.herokuapp.com/api/users",
withCredentials: true, withCredentials: true,
}) })
.then(function(result) { .then(function(result) {
@ -357,7 +357,7 @@ var User = {
loadList: function() { loadList: function() {
return m.request({ return m.request({
method: "GET", method: "GET",
url: "http://rem-rest-api.herokuapp.com/api/users", url: "https://rem-rest-api.herokuapp.com/api/users",
withCredentials: true, withCredentials: true,
}) })
.then(function(result) { .then(function(result) {
@ -380,7 +380,7 @@ var User = {
loadList: function() { loadList: function() {
return m.request({ return m.request({
method: "GET", method: "GET",
url: "http://rem-rest-api.herokuapp.com/api/users", url: "https://rem-rest-api.herokuapp.com/api/users",
withCredentials: true, withCredentials: true,
}) })
.then(function(result) { .then(function(result) {
@ -392,7 +392,7 @@ var User = {
load: function(id) { load: function(id) {
return m.request({ return m.request({
method: "GET", method: "GET",
url: "http://rem-rest-api.herokuapp.com/api/users/:id", url: "https://rem-rest-api.herokuapp.com/api/users/:id",
data: {id: id}, data: {id: id},
withCredentials: true, withCredentials: true,
}) })
@ -461,7 +461,12 @@ var User = require("../models/User")
module.exports = { module.exports = {
oninit: function(vnode) {User.load(vnode.attrs.id)}, oninit: function(vnode) {User.load(vnode.attrs.id)},
view: function() { view: function() {
return m("form", [ return m("form", {
onsubmit: function(e) {
e.preventDefault()
User.save()
}
}, [
m("label.label", "First name"), m("label.label", "First name"),
m("input.input[type=text][placeholder=First name]", { m("input.input[type=text][placeholder=First name]", {
oninput: m.withAttr("value", function(value) {User.current.firstName = value}), oninput: m.withAttr("value", function(value) {User.current.firstName = value}),
@ -472,7 +477,7 @@ module.exports = {
oninput: m.withAttr("value", function(value) {User.current.lastName = value}), oninput: m.withAttr("value", function(value) {User.current.lastName = value}),
value: User.current.lastName value: User.current.lastName
}), }),
m("button.button[type=submit]", {onclick: User.save}, "Save"), m("button.button[type=submit]", "Save"),
]) ])
} }
} }
@ -491,7 +496,7 @@ var User = {
loadList: function() { loadList: function() {
return m.request({ return m.request({
method: "GET", method: "GET",
url: "http://rem-rest-api.herokuapp.com/api/users", url: "https://rem-rest-api.herokuapp.com/api/users",
withCredentials: true, withCredentials: true,
}) })
.then(function(result) { .then(function(result) {
@ -503,7 +508,7 @@ var User = {
load: function(id) { load: function(id) {
return m.request({ return m.request({
method: "GET", method: "GET",
url: "http://rem-rest-api.herokuapp.com/api/users/:id", url: "https://rem-rest-api.herokuapp.com/api/users/:id",
data: {id: id}, data: {id: id},
withCredentials: true, withCredentials: true,
}) })
@ -515,7 +520,7 @@ var User = {
save: function() { save: function() {
return m.request({ return m.request({
method: "PUT", method: "PUT",
url: "http://rem-rest-api.herokuapp.com/api/users/:id", url: "https://rem-rest-api.herokuapp.com/api/users/:id",
data: User.current, data: User.current,
withCredentials: true, withCredentials: true,
}) })