Employee Attendance Update

Instance URL:
Token:
Employee Number:
Date:
Update value
Is Half Day:
Leave Type Code:
Reason:
Output
Source 
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
118
119
120
121
122
123
124
125
126
127
128
129
130

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Fedena API</title>
        <script src="https://s3.amazonaws.com/api_play/src/js/jquery-2.1.1.min.js"></script>
        <script src="https://s3.amazonaws.com/api_play/src/js/vkbeautify.0.99.00.beta.js"></script>
        <script>
            $(function() {
                $("#update-employee-attendance").click(function() {
                    var fedena_server = $("#fedena_server").val();
                    var token = $("#token").val();
                    var employee_number = $("#employee_number").val();
                    var date = $("#date").val();
                    var is_half_day = $("#is_half_day").val();
                    var leave_type_code = $("#leave_type_code").val();
                    var reason = $("#reason").val();
                    
                    var result_div = $("#result");
                    update_employee_attendance(fedena_server,token,employee_number,date,is_half_day,leave_type_code,reason,result_div);
                });
            });
        </script>
        <script>
            function update_employee_attendance(fedena_server,token,employee_number,date,is_half_day,leave_type_code,reason,result_div){
                result_div.html("");
                try
                {
                    var xhr = new XMLHttpRequest();
                    xhr.onreadystatechange = function(evt)
                    {
                        if (xhr.readyState==4)
                        {
                            result_div.html(show_response(evt.target.responseText));
                        }
                    }

                    xhr.open('PUT', fedena_server+"/api/employee_attendances/" + employee_number);
                    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                    xhr.setRequestHeader('Authorization', 'Token token="'+token+'"');
                    xhr.send("date=" + date + "&is_half_day=" + is_half_day + "&leave_type_code=" + leave_type_code + "&reason=" + reason);
                }
                catch(err)
                {
                    alert(err.message);
                }
            }

            function show_response(str){
                str = vkbeautify.xml(str,4); /* Optional, To format the XML output*/
                return str.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g,"<br />");
            }

        </script>
    </head>
    <body>
        <h3> Employee Attendance Update </h3>
        <div>
            <table>
                <tr>
                    <td>
                        Instance URL:
                    </td>
                    <td>
                        <input id="fedena_server" type="text" placeholder="ex: http://myschoolsis.com"  />
                    </td>
                </tr>
                <tr>
                    <td>
                        Token:
                    </td>
                    <td>
                        <input id="token" type="text" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Employee Number:
                    </td>
                    <td>
                        <input id="employee_number" type="text" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Date:
                    </td>
                    <td>
                        <input id="date" type="text" placeholder="yyyy-mm-dd" />
                    </td>
                </tr>
                <tr><td colspan="2"><u>Update value</u></td></tr>
                <tr>
                    <td>
                        Is Half Day:
                    </td>
                    <td>
                        <select id="is_half_day">
                            <option value="0">No</option>
                            <option value="1">Yes</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Leave Type Code:
                    </td>
                    <td>
                        <input id="leave_type_code" type="text" />
                    </td>
                </tr>
                <tr>
                    <td>
                        Reason:
                    </td>
                    <td>
                        <input id="reason" type="text" />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <button type="button" id="update-employee-attendance" value="Update Employee Attendance">Update Employee Attendance</button>
                    </td>
                </tr>
            </table>
            <pre> <code id="result" style="text-align: left; float: left;"></code></pre>
        </div>
    </body>
</html>
loading..