planner/index.html at master · i2002/planner · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
    <head>
        <title>Planner</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="css/fontawesome/fontawesome-all.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="src/aplicatie.js" charset="utf-8"></script>

        <script src="src/pomodoro.js" charset="utf-8"></script>
        <script src="src/tasks.js" charset="utf-8"></script>
        <script src="src/notes.js" charset="utf-8"></script>
        <script src="src/backlog.js" charset="utf-8"></script>
        <script src="src/review.js" charset="utf-8"></script>

        <script src="src/gui.js" charset="utf-8"></script>
        <script src="src/dialogs.js" charset="utf-8"></script>
        <script src="src/break.js" charset="utf-8"></script>

        <script src="src/settings.js" charset="utf-8"></script>
        <script src="src/notifications.js" charset="utf-8"></script>
        <script src="src/draggable.js" charset="utf-8"></script>

        <script>
            // Run app when DOM loaded
            var aplicatie;
            document.addEventListener("DOMContentLoaded", () => {
                aplicatie = new Aplicatie();
            })
        </script>
    </head>
    <body>
        <header>
            <h1>Planner</h1>
            <div class="pomodoro idle" id="pomodoro">
                <i class="fas fa-clock statusIcon"></i>
                <i class="toggleState fas fa-play" title="Start working"></i>
                <span class="time">50:00</span>
                <div class="animation"></div>
            </div>
            <div class="navigator" id="navigator">
                <div class="addTask"><i class="fas fa-plus addTask" title="Add task"></i></div>
                <div class="finish rmv"><i class="fas fa-power-off finish"></i></div>
                <div class="review rmv"><i class="far fa-calendar-check review" title="Finish work day"></i></div>
                <div class="settings"><i class="fas fa-cog settings" title="Settings"></i></div>
            </div>
        </header>
        <section class="main planificare">
            <div class="card tasks">
                <div class="head">
                    <div class="title">Today</div>
                    <div class="actions"></div>
                </div>
                <span class="information">You have no tasks yet</span>
                <div class="content">
                    <ul id="tasks"></ul>
                </div>
            </div><!--
            --><aside class="side">
                <div class="card notes">
                    <div class="head">
                        <div class="title">Notes</div>
                        <div class="actions">
                            <span class="action add"><i class="fa fa-plus" title="Add note"></i></span>
                            <span class="action removeAll"><i class="fa fa-times" title="Remove all"></i></span>
                        </div>
                    </div>
                    <span class="information">No notes</span>
                    <div class="content">
                        <ul id="notes"></ul>
                    </div>
                </div>
                <div class="card backlog">
                    <div class="head">
                        <div class="title">Backlog</div>
                        <div class="actions">
                            <span class="action moveAll"><i class="fas fa-angle-double-left" title="Move all"></i></span>
                            <span class="action dismissAll"><i class="fas fa-times" title="Dismiss all"></i></span>
                        </div>
                    </div>
                    <span class="information">No backlog</span>
                    <div class="content">
                        <ul id="backlog"></ul>
                    </div>
                </div>
            </aside>
            <div class="card review">
                <div class="head">
                    <div class="title">Review</div>
                    <div class="actions"></div>
                </div>
                <div class="content">
                    <div class="list">
                        <ol>
                            <li>See which of the planned tasks you have finished today</li>
                            <li>Unfinished tasks can be moved to backlog and done in another day or be removed</li>
                            <li>You can create a note to be seen next time when you plan you actions</li>
                            <li>You write a few lines about how it was today</li>
                        </ol>
                    </div>
                    <textarea name="review" placeholder="How it was today?"></textarea>
                </div>
                <div class="buttons">
                    <button class="return">Return to work</button>
                    <button class="finish">Finish work day</button>
                </div>
            </div>
        </section>
        <div class="popup hidden">
            <span class="text">Hi</span>
            <span class="close">&#215;</span>
        </div>
    </body>
</html>