-
Notifications
You must be signed in to change notification settings - Fork 0
/
timeandreports.html
150 lines (137 loc) · 8.47 KB
/
timeandreports.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/skeleton.css">
<link rel="shortcut icon" href="https://bitrix24.net/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./styles/timeandreports.css">
<title>time and reports</title>
</head>
<body onload="">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="myNavbar" >
<button class="toggleBtn" id="toggleBtn1" onClick="toggleSidebar()">☰</button>
<span id="full__Logo"><span>Bitrix</span><span>24</span></span>
<span class="nav__EditIcon"><i class="material-icons">edit</i></span>
<div class="inputContainer">
<input type="text" required placeholder="find people,documents and more" />
<i class="material-icons">search</i>
</div>
<span id="clockDisplay" class="clockDisplay"></span>
<!-- <span class="icon__flag"><img src="https://www.flaticon.com/svg/static/icons/svg/455/455582.svg"/></span> -->
<!-- <span class="userDisplay"><i class="material-icons">account_circle</i> USER</span> -->
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">
<span class="userDisplay"><i class="material-icons">account_circle</i> USER</span>
</button>
<div id="myDropdown" class="dropdown-content">
<a href="#Myprofile">My Profile</a>
<a href="#Themes">Themes</a>
<a href="#MyBitrix24">My Bitrix24.Network page</a>
<a href="#Configure">Configure notifications</a>
<a href="#upgrade">Upgrade your plan</a>
<a href="#Extensions">Extensions</a>
<a href="#Logout">Log out</a>
</div>
</div>
</div>
</div>
<div id="mySidebar" class="sidebar">
<div class="blank" onclick="openNav()"></div>
<a class="highlight" href="./index.html"><i class="material-icons">dynamic_feed</i><span class="icon-text">Feed</span></a><br>
<a class="highlight" href="./taskandprojects.html"><i class="material-icons">task_alt</i><span class="icon-text"></span>Task and Projects</a></span></a><br>
<a class="highlight" href="./chatandcalls.html"><i class="material-icons">chat_bubble</i><span class="icon-text"></span>Chat and Calls</span></a><br>
<a class="highlight" href="./workgroups.html"><i class="material-icons">group_work</i><span class="icon-text"></span>Workgroups</span></a><br>
<a class="highlight" href="./bitrix24drive.html"><i class="material-icons">storage</i><span class="icon-text"></span>Bitrex24 Drive</span></a><br>
<a class="active" class="highlight" href="./timeandreports.html"><i class="material-icons">pending_actions</i><span class="icon-text"></span>Time and Reports</span></a><br>
<a class="highlight" href="./crm.html"><i class="material-icons">support_agent</i><span class="icon-text"></span>CRM</span></a><br>
<a class="highlight" href="./calendar.html"><i class="material-icons">calendar_today</i><span class="icon-text"></span>Calendar<span></a>
</div>
<div id="main">
<div>
<button class="btn" id="btn1">Absence Chart</button>
<button class="btn" id="btn2">Worktime</button>
<button class="btn" id="btn3">Work Reports</button>
<button class="btn" id="btn4">Meetings and Briefings</button>
</div>
<div id="myDIV1">
<div class="gap__belowButtons1">
<p>Absence Chart</p>
</div>
<div>
<p>The absence chart provides an at-a-glance visual presentation of a person's location and reason for their absence: business, sick or maternity leave. The chart will also come in handy when planning holiday leaves because all the unwanted simultaneous leaves of multiple persons can be seen at once. It is easy to use: leaves can be added by an employee or HR manager. The system can also add leaves automatically based on leave request approval workflows. <span>Details</span></p>
<img src="https://b24-9rvks7.bitrix24.com/timeman/images/en/absence.png"/>
<p>Absence chart and other useful tools are available on selected commercial plans.</p>
</div>
<div class="div__footer">
<button>UPGRADE</button>
<button>30 DAY TRIAL</button>
</div>
</div>
<div id="myDIV2" class="hidden">
<div>
<div class="gap__belowButtons1">
<p>Work Time</p>
</div>
<p>Working time management is an essential tool for any supervisor. See when each employee started and finished their work day, how many hours they worked, what they worked on and if anybody arrived late or left early. Bitrix24 digital punch clock work on any device and gives you a detailed worktime report for each employee, on site or remote.
<span>Details</span></p>
<img src="https://b24-9rvks7.bitrix24.com/timeman/images/en/timeman.png"/>
<p>Working time management is only available in selected commercial plans.</p>
</div>
<div class="div__footer">
<button>UPGRADE</button>
<button>30 DAY TRIAL</button>
</div>
</div>
<div id="myDIV3" class="hidden">
<div>
<div class="gap__belowButtons1">
<p>Work Reports</p>
</div>
<p>Automated collection of work reports from all employees is one of the most useful means of improving efficiency. You set the schedule (for example, each Friday or at the end of each month) and the portal will open a window where an employee will have to type in a report of their daily/weekly/monthly achievements and outline plans for the near future. The employee's supervisor can then accept the report with a positive or negative rating to provide useful feedback to each subordinate.
<span>Details</span></p>
<img src="https://b24-9rvks7.bitrix24.com/timeman/images/en/workreport.png"/>
<p>Work reports are only available in selected commercial plans.</p>
</div>
<div class="div__footer">
<button>UPGRADE</button>
<button>30 DAY TRIAL</button>
</div>
</div>
<div id="myDIV4" class="hidden">
<div>
<div class="gap__belowButtons1">
<p>Meetings and Briefings</p>
</div>
<p>Bitrix24 can help you plan and organize events and meetings with a special meetings and briefings planner. Tasks will be assigned to designated persons, the discussion and the proceedings recorded, responsible persons asked to create a report for their respective agenda items. <span>Details</span></p>
<img src="https://b24-9rvks7.bitrix24.com/timeman/meeting/images/en/meeting.png"/>
<p>Meetings and briefings are only available in selected commercial plans..</p>
</div>
<div class="div__footer">
<button>UPGRADE</button>
<button>30 DAY TRIAL</button>
</div>
</div>
</div>
<div id="myRight__bar">
<span class="highlightTwo" ><i class="material-icons">help</i></span>
<span class="highlightTwo" ><i class="material-icons">notifications</i></span>
<span class="highlightTwo"><i class="material-icons">search</i></span>
</div>
<div id="myFooter__bar">
<button class="button__logo"><img src="https://www.bitrix24.com/online-domains-map/logo-bx24-en.png" /></button>
<button class="button__logo">English</button>
<span>© 2020 Bitrix24</span>
<span>|</span>
<span>Implementation request</span>
<span>|</span>
<span>Themes</span>
<span>|</span>
<span>Print</span>
</div>
<script src="./scripts/skeleton.js"></script>
<script src="./scripts/timeandreports.js"></script>
</body>
</html>