chiu
/
ruling_timer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ruling_timer/app/views/ruling_timers/_test2.html.erb

276 lines
9.0 KiB
Plaintext
Raw Blame History

<% 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;">&#9632;</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 %>
Reference in New Issue View Git Blame Copy Permalink