-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (130 loc) · 7.93 KB
/
index.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
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" /> -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">
<title>נתן - טבלת מילוי שעות עבודה</title>
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/combodate.js"></script>
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="container" style="margin-top: 100px;">
<img class="img d-block" src="https://nathan.co.il/wp-content/uploads/2015/02/123.png" alt="nathan logo" />
<h1 class="header col-md-6"> טופס מילוי שעות עבודה </h1>
<hr />
<h4 class="pr-4 header mt-5">הוראות</h4>
<ol class="p-5">
<li>להקפיד להזין את שעת תחילת העבודה ושעת סיום העבודה במשבצות הנכונות.</li>
<li><mark>יש לעבור על הטופס לפני שליחתו</mark></li>
<li>אין לשלוח טופס פעמיים עבור מתמודד</li>
<li>במידה וקיים ספק אם הטופס נשלח, נא לפנות לרכז לפני מילוי ושליחת הטופס מחדש</li>
<li>כרגע אין אפשרות לציין על פגישה שהתבטלה ברגע האחרון</li>
<li>יש לציין בהערות אם הפגישה בוטלה 24 שעות לפני מועד הפגישה</li>
<li>אם לקחתם חופש - תמלאו את שעות העבודה כרגיל ובהערות לציין ״חופשה״</li>
</ol>
<div class="blockquote lead font-weight-bold px-3">
<span class="inline"> הטופס עבור חודש </span>
<span id="month-select" class="d-inline">
</span>
</div>
<div class="names container mt-4 form-group">
<div class="form-row">
<div style="display: none;" class="col-md-4">
<label for="employeeId">תעודת זהות</label>
<input class="form-control" name="employeeName" id="employeeId" type="text" data-type="employeeId" placeholder="ת.ז העובד"/>
</div>
</div>
<div class="names container mt-4 form-group">
<div class="form-row">
<div class="col-md-4">
<label for="employeeName"> שם העובד</label>
<input class="form-control" name="employeeName" id="employeeName" type="text" data-type="employeeName" placeholder="שם העובד"/>
</div>
</div>
<div class="form-row mt-4">
<div class="col-md-4">
<label for="patientName"> שם המטופל</label>
<input class="form-control" name="patientName" id="patientName" type="text" data-type="patientName" placeholder="שם המתמודד" />
<small id="patientname-help" class="form-text text-muted">נא לציין את השם המלא של המתמודד</small>
</div>
</div>
</div>
<!-- TABLE -->
<div id="root"></div>
<!-- END -->
<!-- SUBMIT DATA -->
<div class="container mx-auto mb-5 mt-2" data-type="before-sub">
<p class="bd-callout mx-auto col-md-6 col-sm-12 text-xl lead d-block">
<mark class="bg-warning rounded">תזכורת</mark>: יש לעבור על הטופס, לתקן שגיאות טרם שליחתו. בדקו פעמיים לפני שליחה
</p>
<!-- Button trigger modal -->
<button data-type="pre-submit-btn" class="d-block mx-auto w-25 text-center shadow btn btn-secondary btn-lg" type="button" data-target="#submitModal">
שלח טופס
</button>
<!-- Modal -->
<div class="modal fade" id="submitModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="exampleModalLongTitle">שימו לב!</h5>
</div>
<div class="modal-body alert">
<blockquote class="blockquote">
<p class="mb-0">צוות יקר, אנא ודאו שאין טעויות בשעות שהזנתם. בדקו את עצמכם שוב וודאו כי אין טעויות מצידכם. וזאת על מנת למנוע אי נעימויות בהמשך.</p>
<footer class="blockquote-footer">נתקלתם בבעיה? אנא, תפנו לרכז. <cite title="Source Title">- חברת נתן</cite></footer>
</blockquote>
</div>
<div class="modal-footer d-block text-center mx-auto" style="width: 200px">
<button type="button" class="btn btn-info mb-5" data-dismiss="modal">חזור</button>
<button data-type="submit-btn" type="button" class="btn btn-danger mb-5">לשלוח טופס</button>
</div>
</div>
</div>
</div>
<!-- SUCCESS MODALLL -->
<div class="modal fade text-dark" id="successModal" tabindex="-1" role="dialog" aria-labelledby="sucessModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content bg-primary text-light">
<div class="modal-header text-center mx-auto mt-4">
<h5 class="modal-title text-center" id="exampleModalLongTitle">תודה רבה!</h5>
</div>
<div class"modal-footer mb-5 mx-auto d-block">
<button type="button" class="mx-auto d-block btn btn-info mb-2 mt-4" data-dismiss="modal">אישור</button>
</div>
</div>
</div>
</div>
<!-- ERROR MODAL -->
<div class="modal fade text-dark" id="errorModal" tabindex="-1" role="dialog" aria-labelledby="errorModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered shadow" role="document">
<div class="modal-content bg-danger text-light">
<div class="modal-header text-center mx-auto mt-4">
<h5 class="modal-title text-center" id="exampleModalLongTitle">אירעה שגיאה!</h5>
</div>
<blockquote class="blockquote">
<p class="mb-0 text-center">אירעה שגיאה, אנא נסו פעם נוספת בעוד חמש דקות. אם הבעיה ממשיכה, אנא תפנו לרכז.</p>
</blockquote>
<div class"modal-footer mb-5 text-center">
<button type="button" class="btn btn-info mb-2 mt-4" data-dismiss="modal">אישור</button>
</div>
</div>
</div>
</div>
</div>
<!-- END -->
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
<script type="text/javascript" src="js/main.js"></script>
</html>