Smart-App/edit_goal.html at main · JstBlood/Smart-App · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/edit_goal_style.css">
    <link rel="shortcut icon" href="/images/logo.png">
    <link rel="stylesheet" href="/css/base_style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <title>Create Goal</title>
</head>

<body>
    <div id="header">
        <a href="home_screen.html" class="header-item material-icons f36 header_btn">home</a>
        <div class="header-item f36">Edit Goal</div>
        <a href="index.html" class="header-item material-icons f36 header_btn">logout</a>
    </div>
    <div id="content">
        <form id="form" action="goal_details.html">
            <div>
                <table>
                    <tr>
                        <td class="td_right_arrow"><i class="material-icons f36">subdirectory_arrow_right</i></td>
                        <td class="td_right_arrow"><input type="text" class="f20" id="goal_name" name="goal_name"
                                placeholder="Goal Name" required></td>
                    </tr>
                </table>
            </div>
            <br>
            <div>
                <table>
                    <tr>
                        <td class="td_right_arrow"><i class="material-icons f36">subdirectory_arrow_right</i></td>
                        <td class="td_right_arrow"><textarea name="goal_desc" class="f16" id="goal_desc" rows="6"
                                cols="70" wrap="soft" placeholder="Goal Description" required></textarea></td>
                    </tr>
                </table>
            </div>
            <br>
            <br>
            <div class="smart_row">
                <div class="smart_row_item smart col2">S</div>
                <div class="smart_row_item smart material-icons f36 col2">category</div>
                <div class="smart_row_item f24 smart_desc">Specific area :</div>
                <div class="smart_row_item f24 smart_input">
                    <input type="text" class="smart_input_field f18" name="goal_area" placeholder="Example Area" required>
                </div>
            </div>
            <br>
            <div class="smart_row">
                <div class="smart_row_item smart col3">M</div>
                <div class="smart_row_item smart material-icons f36 col3">trending_up</div>
                <div class="smart_row_item f24 smart_desc">Measure Unit :</div>
                <div class="smart_row_item f24 smart_input">
                    <input type="text" class="smart_input_field f18" name="goal_unit" placeholder="meters" required>
                </div>
            </div>
            <br>
            <div class="smart_row">
                <div class="smart_row_item smart col4">A</div>
                <div class="smart_row_item smart material-icons f36 col4">people</div>
                <div class="smart_row_item f24 smart_desc">Assigned To :</div>
                <div class="smart_row_item f24 smart_input">
                    <input type="text" class="smart_input_field f18" name="goal_person" placeholder="Alice, Bob..." required>
                </div>
            </div>
            <br>
            <div class="smart_row">
                <div class="smart_row_item smart col5">R</div>
                <div class="smart_row_item smart material-icons f36 col5">task_alt</div>
                <div class="smart_row_item f24 smart_desc">Realistic Result :</div>
                <div class="smart_row_item f24 smart_input">
                    <input type="number" class="smart_input_field f18" name="goal_result" placeholder=1 required>
                </div>
                <div style="border:none; padding-left:5px;">Units</div>
            </div>
            <br>
            <div class="smart_row">
                <div class="smart_row_item smart col6">T</div>
                <div class="smart_row_item smart material-icons f36 col6">schedule</div>
                <div class="smart_row_item f24 smart_desc">Time Bound :</div>
                <div class="smart_row_item f24 smart_input">
                    <input type="date" class="smart_input_field f18" name="goal_deadline" required>
                </div>
            </div>
            <div class="flexbox">
                <button id="btn_cancel" class="btn_bottom f18" onclick="cancel()">Cancel</button>
                <input type="submit" id="btn_save" class="btn_bottom f18" value="Save Changes"></input>
        </div>
        </form>

    </div>
    <div id="footer">
        <div class="footer-item footer-text">All rights reserved to Matiss Berzins & Dorian Herbiet
            <div class="material-icons f18">copyright</div>
        </div>
        <a href="https://en.wikipedia.org/wiki/SMART_criteria" class="footer-item footer-text-smart">What is the SMART
            Framework?</a>
        <div class="footer-item footer-text">Made in Delft, The Netherlands
            <div class="material-icons f18">flag</div>
        </div>
    </div>

    <script>
        function cancel() {
            window.location.href = "goal_details.html";
        }
    </script>

</body>

</html>