Skip to content

Commit 970bd71

Browse files
gabrielsenadevgabrielsenadev
committed
Update Project status: - Add todo list display controller; Add project list display controller; And more...
1 parent 976b7da commit 970bd71

File tree

1,717 files changed

+141038
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,717 files changed

+141038
-0
lines changed

‎dist/image/Note taking_Flatline.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎dist/index-full.html‎

Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Todo List</title>
7+
<link rel="stylesheet" type="text/css" href="styles/reset.css" />
8+
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
9+
<link rel="stylesheet" type="text/css" href="styles/fontawesome/css/all.min.css" />
10+
<!--Work Sans font primary, Open Sans font secondary-->
11+
<link rel="preconnect" href="https://fonts.gstatic.com">
12+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Work+Sans:wght@300;400&display=swap"
13+
rel="stylesheet">
14+
</head>
15+
16+
<body>
17+
18+
<header>
19+
<h2><a href="#projects">Projects list</a></h2>
20+
<h2><a href="#todos">You are on <span data-type="project-open">To buy</span>
21+
project.</a></h2>
22+
<h2><a href="#notes">Notes</a></h2>
23+
24+
</header>
25+
26+
<main id="app">
27+
<section id="projects">
28+
29+
30+
<nav id="projects-shortcut" class="basic-nav">
31+
<li data-project-name="inbox">Inbox</li>
32+
<li data-project-name="to-buy" data-type="project-open" selected><i
33+
class="fas fa-map-marker neutral-icon"></i>
34+
To buy</li>
35+
</nav>
36+
37+
<div class="projects-content">
38+
<h3>Projects</h3>
39+
40+
<nav id="projects-list" class="basic-nav">
41+
<li><i class="fas fa-trash-alt danger-icon hidden" trash></i> Personal
42+
life</li>
43+
<li><i class="fas fa-trash-alt danger-icon hidden" trash></i> To buy</li>
44+
<li id="project-create-btn"><i class="fas fa-plus success-icon"></i>
45+
Create new
46+
project</li>
47+
48+
<li id="create-editor">
49+
<input type="text" class="custom-input" name="project-name"
50+
placeholder="Insert project name here">
51+
<button id="project-add-btn" class="btn action-btn"><i class="fas fa-plus success-icon"></i>
52+
Add</button>
53+
</li>
54+
</nav>
55+
</div>
56+
57+
</section>
58+
<section id="todos">
59+
<nav id="filter-tags" class="basic-nav">
60+
<li>Today</li>
61+
<li>Tomorrow</li>
62+
<li><i class="fas fa-calendar-day"></i> Select date</li>
63+
<li><i class="fas fa-angle-double-up"></i> Select priority</li>
64+
</nav>
65+
66+
<ul id="todo-list">
67+
<li>
68+
<i class="fas fa-angle-double-up
69+
todo-priority-icon p4"></i>
70+
<div class="todo-information">
71+
<p class="todo-name">Ligar geladeira</p>
72+
<small class="todo-date">13 mai</small>
73+
</div>
74+
<i class="fas fa-square todo-checkbox"></i>
75+
</li>
76+
<li>
77+
<i class="fas fa-angle-double-up
78+
todo-priority-icon p3"></i>
79+
<div class="todo-information">
80+
<p class="todo-name">Armazenar feijão na geladeira</p>
81+
<small class="todo-date">12 mai</small>
82+
</div>
83+
<i class="fas fa-square todo-checkbox"></i>
84+
</li>
85+
<li>
86+
<i class="fas fa-angle-double-up
87+
todo-priority-icon p2"></i>
88+
<div class="todo-information">
89+
<p class="todo-name">Desligar geladeira</p>
90+
<small class="todo-date">13 mai</small>
91+
</div>
92+
<i class="fas fa-square todo-checkbox"></i>
93+
</li>
94+
<li>
95+
<i class="fas fa-angle-double-up
96+
todo-priority-icon p1"></i>
97+
<div class="todo-information">
98+
<p class="todo-name">Comprar massa de pastel</p>
99+
<small class="todo-date">10 mai</small>
100+
<small class="summary">description</small>
101+
<p class="todo-description">Em outros locais é mais caro, então...</p>
102+
<div>
103+
<button class="btn action-btn"><i class="fas fa-folder neutral-icon"></i>
104+
Move</button>
105+
<button class="btn action-btn"><i class="fas fa-edit neutral-icon"></i>
106+
Edit</button>
107+
<button class="btn action-btn danger-btn"><i class="fas fa-trash-alt danger-icon"></i>
108+
Remove</button>
109+
</div>
110+
</div>
111+
<i class="fas fa-square todo-checkbox"></i>
112+
</li>
113+
114+
<li id="todo-maker" class="create-item">
115+
<i class="fas fa-plus success-icon"></i>
116+
<div>
117+
<small>click here to</small>
118+
<p>Create new todo</p>
119+
</div>
120+
</li>
121+
122+
<li id="todo-editor">
123+
124+
<div class="todo-editor-card text">
125+
<small class="summary">todo name</small>
126+
<input type="text" class="custom-input" name="todo-name"
127+
placeholder="insert here the todo name">
128+
<small class="summary">description</small>
129+
<textarea class="todo-create-description custom-input" name="todo-description" placeholder="Insert todo description here"></textarea>
130+
</div>
131+
<div class="todo-priority-editor todo-editor-card priority">
132+
<i class="fas fa-angle-double-up
133+
todo-priority-icon p1"></i>
134+
<div>
135+
<small class="summary">select priority</small>
136+
<p>Normal</p>
137+
</div>
138+
</div>
139+
<div class="todo-date-editor todo-editor-card date">
140+
<i class="fas fa-calendar-day"></i>
141+
<div>
142+
<small class="summary">select date</small>
143+
<p>20 jan</p>
144+
</div>
145+
</div>
146+
<button class="btn action-btn"><i class="fas fa-plus"></i>
147+
Save</button>
148+
</li>
149+
</ul>
150+
</section>
151+
<section id="notes">
152+
153+
<div class="todo-information">
154+
<p class="project-name">To buy</p>
155+
<p class="todo-name">Comprar massa de pastel</p>
156+
<small class="todo-date">10 mai</small>
157+
</div>
158+
159+
<ul id="notes-list">
160+
161+
<div class="todo-note todo-information">
162+
<p class="note-text">Comprar no supermercado que é barato.</p>
163+
164+
<div class="note-information">
165+
<button class="btn action-btn"><i class="fas fa-edit neutral-icon"></i>
166+
Edit</button><button class="btn action-btn danger-btn"><i class="fas fa-trash-alt danger-icon"></i>
167+
Remove</button>
168+
<small class="todo-date">10 mai</small>
169+
</div>
170+
171+
</div>
172+
173+
<li id="note-maker" class="create-item">
174+
<i class="fas fa-plus success-icon"></i>
175+
<div>
176+
<small>click here to</small>
177+
<p>Add new note</p>
178+
</div>
179+
</li>
180+
181+
<li class="note-editor">
182+
<textarea class="custom-input" placeholder="Insert note here" name="note-text"
183+
autofocus>Comprar no supermercado que é barato.</textarea>
184+
<button class="btn action-btn"><i class="fas fa-plus"></i>
185+
Save</button>
186+
</li>
187+
188+
</ul>
189+
</section>
190+
</main>
191+
<script type="text/javascript" src="main.js"></script>
192+
</body>
193+
194+
</html>

‎dist/index.html‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Todo List</title>
7+
<link rel="stylesheet" type="text/css" href="styles/reset.css" />
8+
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
9+
<link rel="stylesheet" type="text/css" href="styles/fontawesome/css/all.min.css" />
10+
<link rel="preconnect" href="https://fonts.gstatic.com">
11+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Work+Sans:wght@300;400&display=swap"
12+
rel="stylesheet">
13+
</head>
14+
15+
<body>
16+
17+
<header>
18+
<h2><a href="#projects">Projects list</a></h2>
19+
<h2><a href="#todos">You are on <span data-type="project-open"></span>.</a></h2>
20+
<h2><a href="#notes">Notes</a></h2>
21+
22+
</header>
23+
24+
<main id="app">
25+
<section id="projects">
26+
27+
28+
<nav id="projects-shortcut" class="basic-nav">
29+
</nav>
30+
31+
<div class="projects-content">
32+
<h3>Projects</h3>
33+
34+
<nav id="projects-list" class="basic-nav">
35+
<li id="project-create-btn"><i class="fas fa-plus success-icon"></i>
36+
Create new project</li>
37+
</nav>
38+
</div>
39+
40+
</section>
41+
42+
<section id="todos">
43+
<nav id="filter-tags" class="basic-nav">
44+
</nav>
45+
46+
<ul id="todo-list">
47+
</ul>
48+
</section>
49+
<section id="notes">
50+
<img src="image/Note taking_Flatline.svg" alt="note taking" />
51+
<p class="notes-closed-text">Click in any todo to see your notes.</p>
52+
53+
<div class="todo-information">
54+
<p class="project-name">To buy</p>
55+
<p class="todo-name">Comprar massa de pastel</p>
56+
<small class="todo-date">10 mai</small>
57+
</div>
58+
59+
<ul id="notes-list">
60+
61+
<div class="todo-note todo-information">
62+
<p class="note-text">Comprar no supermercado que é barato.</p>
63+
64+
<div class="note-information">
65+
<button class="btn action-btn"><i class="fas fa-edit neutral-icon"></i>
66+
Edit</button><button class="btn action-btn danger-btn"><i class="fas fa-trash-alt danger-icon"></i>
67+
Remove</button>
68+
<small class="todo-date">10 mai</small>
69+
</div>
70+
71+
</div>
72+
73+
<li id="note-maker" class="create-item">
74+
<i class="fas fa-plus success-icon"></i>
75+
<div>
76+
<small>click here to</small>
77+
<p>Add new note</p>
78+
</div>
79+
</li>
80+
81+
<li class="note-editor">
82+
<textarea class="custom-input" placeholder="Insert note here" name="note-text"
83+
autofocus>Comprar no supermercado que é barato.</textarea>
84+
<button class="btn action-btn"><i class="fas fa-plus"></i>
85+
Save</button>
86+
</li>
87+
</section>
88+
</main>
89+
<script type="text/javascript" src="main.js"></script>
90+
</body>
91+
92+
</html>

‎dist/main.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
console.log("hello world!"),document.body.appendChild(document.createElement("p"));

‎dist/styles/fontawesome/LICENSE.txt‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
Font Awesome Free License
2+
-------------------------
3+
4+
Font Awesome Free is free, open source, and GPL friendly. You can use it for
5+
commercial projects, open source projects, or really almost whatever you want.
6+
Full Font Awesome Free license: https://fontawesome.com/license/free.
7+
8+
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
9+
In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
10+
packaged as SVG and JS file types.
11+
12+
# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
13+
In the Font Awesome Free download, the SIL OFL license applies to all icons
14+
packaged as web and desktop font files.
15+
16+
# Code: MIT License (https://opensource.org/licenses/MIT)
17+
In the Font Awesome Free download, the MIT license applies to all non-font and
18+
non-icon files.
19+
20+
# Attribution
21+
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
22+
Awesome Free files already contain embedded comments with sufficient
23+
attribution, so you shouldn't need to do anything additional when using these
24+
files normally.
25+
26+
We've kept attribution comments terse, so we ask that you do not actively work
27+
to remove them from files, especially code. They're a great way for folks to
28+
learn about Font Awesome.
29+
30+
# Brand Icons
31+
All brand icons are trademarks of their respective owners. The use of these
32+
trademarks does not indicate endorsement of the trademark holder by Font
33+
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
34+
to represent the company, product, or service to which they refer.**

‎dist/styles/fontawesome/attribution.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
console.log(`Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
2+
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
3+
`)

0 commit comments

Comments
 (0)