276 lines
9.0 KiB
Plaintext
276 lines
9.0 KiB
Plaintext
|
<% if (current_user rescue false)%>
|
||
|
<div class="popup-window" id="timeman_main" style="display: none; position: fixed; left: 0; z-index: 1400 !important;">
|
||
|
<div id="popup-window-content-timeman_main" class="popup-window-content">
|
||
|
<div class="tm-popup-content">
|
||
|
<div class="tm-popup-notice">
|
||
|
<span class="tm-popup-notice-text">工作日期間: </span>
|
||
|
<span class="tm-popup-notice-time">00:00:00</span>
|
||
|
<span class="tm-popup-notice-pencil"><i class="fa fa-pencil" aria-hidden="true"></i></span>
|
||
|
<span class="tm-popup-notice-right"></span>
|
||
|
</div>
|
||
|
<div class="tm-popup-timeman tm-popup-timeman-buttons-mode tm-popup-timeman-change-time-mode">
|
||
|
<div class="tm-popup-timeman-pause" style="display: none;">
|
||
|
<span class="tm-popup-timeman-pause-timer-caption">休息時數:</span>
|
||
|
<span class="tm-popup-timeman-pause-time"></span>
|
||
|
</div>
|
||
|
<table cellspacing="0" class="tm-popup-timeman-layout">
|
||
|
<tbody>
|
||
|
<tr class="timer_button">
|
||
|
<td class="tm-popup-timeman-layout-time">
|
||
|
<button class="btn btn-secondary tm-btn-pause">
|
||
|
<span class="text-start" id="resume_timer"><i class="fa fa-play" style="margin-right: 0.5em;"></i>繼續</span>
|
||
|
<span class="text-pause" id="pause_timer"><i class="fa fa-pause" style="margin-right: 0.5em;"></i>休息時數</span>
|
||
|
</button>
|
||
|
</td>
|
||
|
<td class="tm-popup-timeman-layout-button">
|
||
|
<div class="tm-popup-button-handler">
|
||
|
<button class="btn btn-danger" id="stop_timer">
|
||
|
<span style="margin-right: 0.5em;">■</span>打卡下班
|
||
|
</button>
|
||
|
</div>
|
||
|
<span class="tm-popup-change-time-link">變更下班打卡時間</span>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
<div style="min-height: 0px;">
|
||
|
<div class="tm-info-bar" style="display: none;">
|
||
|
<span title="開始時間追蹤器" class="tm-info-bar-btn tm-info-bar-btn-play">
|
||
|
</span>
|
||
|
<span title="暫停我的計時器" class="tm-info-bar-btn tm-info-bar-btn-pause"></span>
|
||
|
<span title="完成任務並停止時間追蹤器" class="tm-info-bar-btn tm-info-bar-btn-flag"></span>
|
||
|
<span class="tm-info-bar-time"></span>
|
||
|
<span class="tm-info-bar-text">
|
||
|
<span class="tm-info-bar-text-inner"></span>
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="tm-tabs-box">
|
||
|
<ul class="nav nav-pills tm-tabs">
|
||
|
<li class="tm-tab active">
|
||
|
<a href="#tm_plan" data-toggle="tab" aria-expanded="true">每日計劃</a>
|
||
|
</li>
|
||
|
<li class="tm-tab">
|
||
|
<a href="#tm_summary" data-toggle="tab" aria-expanded="true">每日摘要</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
<div class="tab-content tm-tabs-content">
|
||
|
<div class="tm-tab-content tab-pane fade active in" id="tm_plan">
|
||
|
<div class="bx-planner-content">
|
||
|
<div>
|
||
|
<div class="tm-popup-section tm-popup-section-tasks"><span class="tm-popup-section-text">今日任務</span><span class="tm-popup-section-right-link">從清單中選取</span>
|
||
|
</div>
|
||
|
<div class="tm-popup-tasks">
|
||
|
<!-- <div class="tm-task-list">
|
||
|
<div id="tm-task-item-19" class="tm-task-item "><input class="tm-task-checkbox" type="checkbox">
|
||
|
<a href="/company/personal/user/9/tasks/task/view/19/" class="tm-task-name tm-task-no-timer">修改研討會版型</a>
|
||
|
<span class="tm-task-item-menu"></span>
|
||
|
</div>
|
||
|
</div> -->
|
||
|
<div class="tm-popup-task-form tm-popup-task-form-disabled">
|
||
|
<input type="text" class="tm-popup-task-form-textbox" placeholder="輸入新任務">
|
||
|
<span class="tm-popup-task-form-submit"></span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="tm-popup-events-empty">
|
||
|
<div class="tm-popup-section tm-popup-section-events">
|
||
|
<span class="tm-popup-section-text">事項</span>
|
||
|
</div>
|
||
|
<div class="tm-popup-events">
|
||
|
<div class="tm-popup-event-list"></div>
|
||
|
<div class="tm-popup-event-form tm-popup-event-form-disabled">
|
||
|
<input type="text" class="tm-popup-event-start-time-textbox" value="13:00">
|
||
|
<input type="text" class="tm-popup-event-end-time-textbox" value="14:00">
|
||
|
<input type="text" class="tm-popup-event-form-textbox" value="新活動">
|
||
|
<span class="tm-popup-event-form-submit"></span>
|
||
|
<div class="tm-popup-event-form-options">
|
||
|
<input type="checkbox" class="checkbox" id="bx_tm_absence_0.4349872404840247">
|
||
|
<label for="bx_tm_absence_0.4349872404840247">不在辦公室</label>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="tm-tab-content tab-pane fade" id="tm_summary">
|
||
|
<div class="tm-popup-report">
|
||
|
<div class="tm-popup-report-text">
|
||
|
<textarea class="tm-popup-report-textarea" placeholder="撰寫您工作的簡報"></textarea>
|
||
|
</div>
|
||
|
<div class="tm-popup-report-buttons">
|
||
|
<button type="button" class="btn btn-success" disabled="true">儲存</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="popup-window-angly popup-window-angly-top" style="left: 130px; margin-left: 0px;"></div>
|
||
|
</div>
|
||
|
<style>
|
||
|
.tm-popup-notice-pencil{
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.popup-window{
|
||
|
background: #ffffff;
|
||
|
top: 48px;
|
||
|
padding: 10px;
|
||
|
-webkit-box-shadow: 0 7px 21px rgb(83 92 105 / 12%), 0 -1px 6px 0 rgb(83 92 105 / 6%);
|
||
|
box-shadow: 0 7px 21px rgb(83 92 105 / 12%), 0 -1px 6px 0 rgb(83 92 105 / 6%);
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-box-direction: normal;
|
||
|
justify-content: stretch;
|
||
|
display: none;
|
||
|
}
|
||
|
.popup-window.active_popup{
|
||
|
display: flex;
|
||
|
}
|
||
|
.tm-popup-timeman-pause-timer-caption{
|
||
|
background: #868d95;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
.timer_button{
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
.tm-tabs-box ul{
|
||
|
width: 100%;
|
||
|
}
|
||
|
.popup-window-angly {
|
||
|
height: 22px;
|
||
|
position: absolute;
|
||
|
overflow: hidden;
|
||
|
width: 33px;
|
||
|
}
|
||
|
.popup-window-angly-top {
|
||
|
display: block;
|
||
|
left: 10px;
|
||
|
margin: 0;
|
||
|
top: -22px;
|
||
|
}
|
||
|
.popup-window-angly:before {
|
||
|
background-color: #fff;
|
||
|
-webkit-box-shadow: 0 0 21px rgb(83 92 105 / 13%);
|
||
|
box-shadow: 0 0 21px rgb(83 92 105 / 13%);
|
||
|
content: '';
|
||
|
height: 15px;
|
||
|
position: absolute;
|
||
|
left: 9px;
|
||
|
top: 16px;
|
||
|
-webkit-transform: rotate(45deg);
|
||
|
-ms-transform: rotate(45deg);
|
||
|
transform: rotate(45deg);
|
||
|
-webkit-transform-origin: 50% 50%;
|
||
|
-ms-transform-origin: 50% 50%;
|
||
|
transform-origin: 50% 50%;
|
||
|
width: 15px;
|
||
|
}
|
||
|
.text-pause,.text-start{
|
||
|
display: none;
|
||
|
}
|
||
|
.tm-btn-pause .text-pause{
|
||
|
display: initial;
|
||
|
}
|
||
|
.tm-btn-start .text-start{
|
||
|
display: initial;
|
||
|
}
|
||
|
.btn.btn-secondary{
|
||
|
background: #868d95;
|
||
|
color: #fff;
|
||
|
}
|
||
|
.btn.btn-secondary:hover{
|
||
|
background: #5b6573;
|
||
|
}
|
||
|
.tm-popup-report-buttons {
|
||
|
padding: 10px 0 0 0;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.tm-tab-content {
|
||
|
background-color: #fff;
|
||
|
border: 1px solid #c6cdd3;
|
||
|
padding: 10px;
|
||
|
}
|
||
|
.tm-popup-report-textarea{
|
||
|
width: 100%;
|
||
|
min-height: 130px;
|
||
|
}
|
||
|
.tm-popup-section {
|
||
|
border-radius: 0;
|
||
|
height: 39px;
|
||
|
}
|
||
|
.tm-popup-section {
|
||
|
white-space: nowrap;
|
||
|
position: relative;
|
||
|
background: #e8e8e8;
|
||
|
font: normal normal normal 12px/23px Arial,Helvetica,sans-serif;
|
||
|
border-radius: 2px;
|
||
|
}
|
||
|
.tm-popup-section-tasks {
|
||
|
background: #b9e9fa;
|
||
|
}
|
||
|
.tm-popup-section-right-link {
|
||
|
color: #3a8090;
|
||
|
font-size: 12px;
|
||
|
line-height: 14px;
|
||
|
opacity: .6;
|
||
|
margin-top: 12px;
|
||
|
text-decoration: none;
|
||
|
border-bottom: 1px dashed #3a8090;
|
||
|
-webkit-transition: opacity .2s linear;
|
||
|
transition: opacity .2s linear;
|
||
|
}
|
||
|
.tm-popup-section-right-link {
|
||
|
position: absolute;
|
||
|
right: 11px;
|
||
|
top: 0;
|
||
|
font-size: 11px;
|
||
|
line-height: 21px;
|
||
|
color: #949494;
|
||
|
text-decoration: underline;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.tm-popup-section-left, .tm-popup-section-text, .tm-popup-section-right {
|
||
|
display: inline-block;
|
||
|
height: 23px;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
.tm-popup-section-text {
|
||
|
color: #535c69;
|
||
|
height: 39px;
|
||
|
font: bold 14px/39px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||
|
padding-left: 10px;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
.tm-popup-section-text {
|
||
|
padding: 0 8px;
|
||
|
color: #000;
|
||
|
}
|
||
|
.tm-popup-section-events {
|
||
|
background: #ffe75e;
|
||
|
}
|
||
|
.tm-popup-event-form-options {
|
||
|
width: auto;
|
||
|
padding: 2px 0 0 110px;
|
||
|
text-align: left;
|
||
|
color: #555;
|
||
|
}
|
||
|
.tm-popup-event-form .tm-popup-event-start-time-textbox, .tm-popup-event-form .tm-popup-event-end-time-textbox {
|
||
|
padding: 0 4px !important;
|
||
|
text-align: center;
|
||
|
width: 55px;
|
||
|
}
|
||
|
.tm-popup-event-form-options input {
|
||
|
vertical-align: middle;
|
||
|
margin: 0;
|
||
|
display: inline;
|
||
|
}
|
||
|
.tm-popup-tasks {
|
||
|
margin: 15px 0;
|
||
|
}
|
||
|
.tm-popup-event-form {
|
||
|
margin: 10px 0 0 0;
|
||
|
}
|
||
|
</style>
|
||
|
<% end %>
|