Jesse Heaslip funador

117 followers · 19 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

funador / react-style-jquery-api.js

Last active January 21, 2019 15:34

	const api = (() => {

	const url = `${window.location.origin}/api`

	const addTodo = todo =>
	axios.post(url, todo)
	.then(res => res.data)

	const deleteTodo = id =>
	axios.delete(`${url}/${id}`)

funador / react-style-jquery-handlers.js

Last active January 21, 2019 04:46

	const handlers = (() => {

	const _toast = message => {
	Materialize.toast(message, 1500, 'rounded')
	}

	const _updateApi = (update, id) => {
	api.updateTodo(update, id)
	.then(updatedTodo => {
	const originalTodo = store.findById(id)

funador / react-style-jquery-listeners.js

Created January 20, 2019 19:43

	const attachListeners = () => {
	$('#add-todo').submit(handlers.addHandler)
	$('.collection').on('click', '.delete', handlers.deleteHandler)
	$('.collection').on('click', '.save', handlers.updateTextHandler)
	$('.collection').on('submit', 'form', handlers.updateTextHandler)
	$('.collection').on('click', '.edit', handlers.editTextHandler)
	$('.collection').on('click', '.done', handlers.updateDoneHandler)
	}

funador / react-style-jquery-app.js

Created January 20, 2019 19:42

	$(() => {
	render.dom()
	attachListeners()

	api.getTodos()
	.then(todos => {
	store.addTodosOnLoad(todos)
	render.todos()
	})
	})

funador / react-style-jquery-index.html

Last active January 21, 2019 15:32

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset='UTF-8'>
	<title>State Management with jQuery</title>
	<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css'>
	<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>
	<link rel='stylesheet' href='style.css'>
	</head>
	<body>

funador / react-style-jquery-controller.js

Created January 20, 2019 19:17

	const Todo = require('./model')

	exports.addTodo = (req, res) => {
	Todo
	.create(req.body)
	.then(todo => {
	res.json(todo)
	})
	}

funador / react-style-jquery-router.js

Created January 20, 2019 19:15

	const router = require('express').Router()
	const controllers = require('./controller')

	router.get('/', controllers.getTodos)
	router.post('/', controllers.addTodo)
	router.delete('/:id', controllers.deleteTodo)
	router.put('/:id', controllers.updateTodo)

	module.exports = router

funador / react-style-jquery-model.js

Created January 20, 2019 19:11

	const mongoose = require('mongoose')
	mongoose.Promise = global.Promise

	const TodoSchema = new mongoose.Schema({
	text: {
	type: String,
	required: 'please provide some text for your todo'
	},
	done: {
	type: String,

funador / react-style-jquery-server.js

Created January 20, 2019 19:01

	require('dotenv').config()
	const express = require('express')
	const mongoose = require('mongoose')
	const path = require('path')
	const app = express()

	const todoRouter = require('./todo/router')

	// set public folder
	app.use(express.static('public'))

funador / Spinner.js

Created January 13, 2019 06:24

<div>hello</div>