-
Notifications
You must be signed in to change notification settings - Fork 1
/
common-user.html
154 lines (144 loc) · 5.54 KB
/
common-user.html
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html>
<head>
<!--fix chrome-->
<style type="text/css">
@charset "UTF-8";
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
display: none !important;
}
ng\:form {
display: block;
}
.ng-animate-shim {
visibility: hidden;
}
.ng-anchor {
position: absolute;
}
</style>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<title>國軍非官方慰勞假計算網頁</title>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7359225815915787",
enable_page_level_ads: true
});
</script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a href="https://calc-leave.cksun.studio/" class="navbar-brand">國軍非官方慰勞假計算網頁</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#narbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="narbarCollapse">
<ul class="navbar-nav">
<li class="nav-item">
<a href="common-user.html" class="nav-link">一般使用者</a>
</li>
<li class="nav-item">
<a href="reemployers.html" class="nav-link">再入營者適用</a>
</li>
<li class="nav-item">
<a href="leave-without-pay.html" class="nav-link">留職停薪人員</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1 class="display-4 mt-2">一般使用者</h1>
<form>
<div class="form-group">
<label for="date_appointment" class="col-form-label">任職(官)日期</label>
<input id="date_appointment" class='form-control' type="text" placeholder="請輸入您的任職(官)日期。(20XX/XX/XX)">
</div>
<div class="form-group">
<label for="date_specialbreak" class="col-form-label">慰休年度</label>
<input id="date_specialbreak" class='form-control' type="text" placeholder="請輸入想計算哪一年的慰勞假天數。(XXXX)">
</div>
<div class="form-group">
<input id="checklist" type="checkbox">
<label for="checkbox" class="col-form-label">前一年度有受訓、疾病休養或住院請勾選</label>
</div>
<div id="train_list" class="form-group" style="display: none">
<label for="date" class="col-form-label">請輸入受訓日期，輸入完請按增加</label>
<div class="form-group input-group input-daterange">
<input id="tranning_start" type="text" class="form-control mr-sm-2" value="開訓日">
<input id="tranning_end" type="text" class="form-control" value="結訓日">
</div>
<button id="add_trainning_id" type="button" class="btn btn-success mb-3" onclick="add_trainning()">增加訓期
</button>
<div id="trainning_list" class="form-group"></div>
</div>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"
onclick="common_usermain()">計算</button>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">計算結果</h5>
<button type="button" class="close" data-dismiss="modal">
<span>×</span>
</button>
</div>
<div class="modal-body">
<p></p>
<ul id="result_list" class="list-group">
<li class="list-group-item">全年在職狀況如下：</li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
<li class="list-group-item"></li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" ).innerHTML()">確認
</button>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- Optional JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"></script>
<link rel=stylesheet type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="js/main.js"></script>
<style type="text/css">
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
font-family: 'Noto Sans TC';
}
</style>
</body>
</html>