From 081d5938df8901a0268d0698d7e0dbc14b717cdd Mon Sep 17 00:00:00 2001 From: Yutsuo Date: Wed, 22 Jan 2020 20:21:17 -0300 Subject: [PATCH] update --- src/App.css | 41 +------- src/App.js | 56 ++++++++--- src/components/todos-list.component.js | 130 +++++++++++++++++++++++-- src/logo.jpg | Bin 0 -> 11686 bytes 4 files changed, 168 insertions(+), 59 deletions(-) create mode 100755 src/logo.jpg diff --git a/src/App.css b/src/App.css index 74b5e05..db1933c 100644 --- a/src/App.css +++ b/src/App.css @@ -1,38 +1,3 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} +Body { + background-color: gray!important; +} \ No newline at end of file diff --git a/src/App.js b/src/App.js index 08bac52..89ad3f7 100644 --- a/src/App.js +++ b/src/App.js @@ -1,25 +1,57 @@ -import React from 'react'; -import './App.css'; -import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; +import React from "react"; +import "./App.css"; +import { BrowserRouter as Router, Route, Link } from "react-router-dom"; -import 'bootstrap/dist/css/bootstrap.min.css'; +import "bootstrap/dist/css/bootstrap.min.css"; -import CreateTodo from './components/create-todo.component'; -import EditTodo from './components/edit-todo.component'; -import TodosList from './components/todos-list.component'; +import CreateTodo from "./components/create-todo.component"; +import EditTodo from "./components/edit-todo.component"; +import TodosList from "./components/todos-list.component"; +import logo from "./logo.jpg"; function App() { return (
-

MERN-Stack Todo App

+ +
+ + +
- - - - ); } diff --git a/src/components/todos-list.component.js b/src/components/todos-list.component.js index 6a20e4d..84cac05 100644 --- a/src/components/todos-list.component.js +++ b/src/components/todos-list.component.js @@ -1,11 +1,123 @@ -import React from 'react' +import React from "react"; export default class TodosList extends React.Component { - render() { - return ( -
-

Welcome to Todos List Component!!

-
- ) - } -} \ No newline at end of file + constructor(props) { + super(props); + + this.state = { + todo_description: "", + todo_responsible: "", + todo_priority: "", + todo_completed: false + }; + + this.onChangeTodoDescription = this.onChangeTodoDescription.bind(this); + this.onChangeTodoResponsible = this.onChangeTodoResponsible.bind(this); + this.onChangeTodoPriority = this.onChangeTodoPriority.bind(this); + this.onSubmit = this.onSubmit.bind(this); + } + + onChangeTodoDescription(event) { + this.setState({ todo_description: event.target.value }); + } + + onChangeTodoResponsible(event) { + this.setState({ todo_responsible: event.target.value }); + } + + onChangeTodoPriority(event) { + this.setState({ todo_priority: event.target.value }); + } + + onSubmit(event) { + event.preventDefault(); + + console.log(`Form submitted:`); + console.log(`Todo Description: ${this.state.todo_description}`); + console.log(`Todo Responsible: ${this.state.todo_responsible}`); + console.log(`Todo Priority: ${this.state.todo_priority}`); + + this.setState({ + todo_description: "", + todo_responsible: "", + todo_priority: "", + todo_completed: false + }); + } + + render() { + return ( +
+
+

Create New Todo

+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ +
+ +
+
+
+
+ ); + } +} diff --git a/src/logo.jpg b/src/logo.jpg new file mode 100755 index 0000000000000000000000000000000000000000..6886ff9c304ce74c534b48f6a94eb0fed4b32e79 GIT binary patch literal 11686 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 literal 0 HcmV?d00001