payroll/index.html at master · raycui2011/payroll · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Fonts -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700">
    <!-- Styles -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" integrity="sha384-I6F5OKECLVtK/BL+8iSLDEHowSAfUo76ZL9+kGAgTRdiByINKJaqTPH/QVNS1VDb" crossorigin="anonymous"></script>
</head>
<body>
    <div class="row">
        <div class="col-sm-4">
            <form action="main.php" method ="post" id="employee_detail_form">
                <div class="form-group">
                    <label for="first_name">First Name:</label>
                    <input class="form-control" id="first_name" name="first_name">
                </div>
                <div class="form-group">
                    <label for="last_name">Last Name:</label>
                    <input class="form-control" id="last_name" name="last_name">
                </div>
                <label for="super_rate">Super Rate:</label>
                <div class="input-group">
                    <input name="super_rate" id="super_rate" class="form-control" placeholder="Super Rate" aria-describedby="basic-addon2">
                    <span class="input-group-addon" id="basic-addon2">%</span>
                </div>
                <div class="form-group">
                    <label for="annual_salary">Annual Salary</label>
                    <input class="form-control" id="annual_salary" name="annual_salary">
                </div>
                <label for="payment_start_date">Payment Start Date:</label>
                <select id = "payment_start_date" name="payment_start_date" class="form-control">
                    <option value="1 Jul - 31 Jul">1 Jul - 31 Jul</option>
                    <option value="1 Aug - 31 Aug">1 Aug - 31 Aug</option>
                    <option value="1 Sep - 30 Sep">1 Sep - 30 Sep</option>
                    <option value="1 Oct - 31 Oct">1 Oct - 31 Oct</option>
                    <option value="1 Nov - 30 Nov">1 Nov - 30 Nov</option>
                    <option value="1 Dec - 31 Dec">1 Dec - 31 Dec</option>
                    <option value="1 Jan - 31 Jan">1 Jan - 31 Jan</option>
                    <option value="1 Feb - 28 Feb">1 Feb - 28 Feb</option>
                    <option value="1 Mar - 31 Mar">1 Mar - 31 Mar</option>
                    <option value="1 Apr - 30 Apr">1 Apr - 30 Apr</option>
                    <option value="1 May - 31 May">1 May - 31 May</option>
                    <option value="1 Jun - 30 Jun">1 Jun - 30 Jun</option>
                </select>
               <button type="button" class="btn btn-default" id="submit_btn">Outout</button>
            </form>
            <form id ="csv_form" action="main.php" method="post">
                <input type="hidden" name="csv_input"></input>
                <button type="button" class="btn btn-default" id="csv_form_submit_btn">Output csv</button>
            </form>
        </div>
    </div>
    <script>
        var formSelector = $('#employee_detail_form');
        var btnSelector = $('#submit_btn');
        var csvFormBtnSelector = $('#csv_form_submit_btn');
        var error = '';
        var firstName = '';
        var lastName = '';
        var superRate = '';
        var paymentStartDate = '';
        btnSelector.on("click", function() {
            formSelector.submit();
        });
        csvFormBtnSelector.on("click", function() {
            $('#csv_form').submit();
        });
    </script>
</body>

</html>