Skip to content

Instantly share code, notes, and snippets.

View gpincheiraa's full-sized avatar

Gonzalo Pincheira Arancibia gpincheiraa

69 followers · 18 following
  • Chile
View GitHub Profile
@gpincheiraa
gpincheiraa / routes.js
Created September 23, 2017 05:56
routes.js_2_2nd_article
import '@uirouter/angularjs'
export function routes($stateProvider, $locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
})
$stateProvider
.state("home", {
url: "/",
@gpincheiraa
gpincheiraa / index.js
Created September 23, 2017 05:36
index.js_2_2nd_article
import angular from "angular"
import { routes } from "./routes"
import { TodoListComponent } from "./components/todoList.component"
import { TodoService } from "./services/todo.service"
angular
.module("App", [
"ui.router"
])
.config(routes)
@gpincheiraa
gpincheiraa / TodoService.js
Last active September 22, 2017 04:04
TodoService_1.js
export class TodoService {
constructor($http, BASE_URL) {
this.http = $http;
this.url = `${BASE_URL}/todos`
}
getTodos() {
return this.http.get(this.url)
.then(res => res.data.todos)
.catch(error => error.message)
}
@gpincheiraa
gpincheiraa / todoList.component.js
Last active September 26, 2017 23:53
todoList.component.js - 5 First Impressions using jest for TDD over AngularJS > 1.5.x — Part I Raw
class TodoListController {
constructor(){
this.todosList = [
{
name: "Learn Programming using component based approach",
completed: true
},
{
name: "Learn Machine Learning",
completed: false
@gpincheiraa
gpincheiraa / webpack.config.js
Last active September 26, 2017 22:47
webpack.config.js - First Impressions using jest for TDD over AngularJS > 1.5.x — Part I
module.exports = {
entry: [
"./src/index.js"
],
output: {
path: __dirname + "/dist",
filename: "index.bundle.js"
},
module: {
rules: [
@gpincheiraa
gpincheiraa / index.js
Created July 16, 2017 03:05
index.js - First Impressions using jest for TDD over AngularJS > 1.5.x — Part I
import angular from 'angular';
import { routes } from './routes'
import { TodoListComponent } from "./components/todoList.component"
angular
.module('App', ['ngRoute'])
.config(routes)
.component('todoList', TodoListComponent)
@gpincheiraa
gpincheiraa / routes.js
Last active September 23, 2017 05:58
routes.js - First Impressions using jest for TDD over AngularJS > 1.5.x — Part I
import '@uirouter/angularjs'
export function routes($stateProvider, $locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
})
$stateProvider
.state("home", {
url: "/",
@gpincheiraa
gpincheiraa / index.html
Created July 16, 2017 02:40
index.html - First Impressions using jest for TDD over AngularJS > 1.5.x — Part I
<!DOCTYPE html>
<html>
<head>
<title>Boolean's Professional Web Development Series</title>
</head>
<body class="container" ng-strict-di>
<header class="app-header">
<h1>
Todo List
</h1>
@gpincheiraa
gpincheiraa / todoList.component.html
Created July 16, 2017 02:23
todoList.component.html - First Impressions using jest for TDD over AngularJS > 1.5.x — Part I
<div class="todo-list">
<div ng-repeat="todo in $ctrl.todosList track by $index">
<label>
<input type="checkbox" ng-model="todo.completed"> {{todo.name}}
<button ng-click="$ctrl.deleteTodo($index)">x</button>
</label>
</div>
</div>
@gpincheiraa
gpincheiraa / todoList.component.js
Last active September 28, 2017 03:55
todoList.component.js- 4 First Impressions using jest for TDD over AngularJS > 1.5.x — Part I
export class TodoListController {
constructor(){
this.todosList = []
}
addTodo(todo){
this.todosList.push(todo)
}
toggleCheckTodo(index){
this.todosList[index].completed = !this.todosList[index].completed
}