cronapp-framework-js
Version:
Javascript library for CronApp's projects
375 lines • 22.3 kB
HTML
<div class="ng-scope k-widget k-scheduler k-floatwrap" data-role="scheduler" role="grid" aria-multiselectable="true" tabindex="0" style="">
<div class="k-floatwrap k-header k-scheduler-toolbar">
<ul class="k-reset k-scheduler-navigation">
<li class="k-state-default k-header k-nav-today"><a role="button" href="#" class="k-link" title="Hoje">Today</a></li>
<li class="k-state-default k-header k-nav-prev"><a role="button" href="#" class="k-link" title="Previous" aria-label="Previous"><span class="k-icon k-i-arrow-60-left" style="pointer-events: none"></span></a></li>
<li class="k-state-default k-header k-nav-next"><a role="button" href="#" class="k-link" title="Next" aria-label="Next"><span class="k-icon k-i-arrow-60-right" style="pointer-events: none"></span></a></li>
<li class="k-state-default k-nav-current"><a role="button" href="#" class="k-link"><span class="k-icon k-i-calendar"></span><span class="k-sm-date-format" data-bind="text: formattedShortDate">04/26/2022</span><span class="k-lg-date-format" data-bind="text: formattedDate">Wednesday, April 26, 2022</span></a></li>
</ul>
<ul class="k-reset k-header k-scheduler-views">
<li class="k-current-view" data-name="day"><a role="button" href="#" class="k-link">Day</a></li>
<li class="k-state-default k-view-day k-state-selected" data-name="day"><a role="button" href="#" class="k-link">Day</a></li>
<li class="k-state-default k-view-week" data-name="week"><a role="button" href="#" class="k-link">Week</a></li>
<li class="k-state-default k-view-workweek" data-name="workWeek"><a role="button" href="#" class="k-link">Work week</a></li>
<li class="k-state-default k-view-month" data-name="month"><a role="button" href="#" class="k-link">Mês</a></li>
<li class="k-state-default k-view-agenda" data-name="agenda"><a role="button" href="#" class="k-link">Schedule</a></li>
<li class="k-state-default k-view-timeline" data-name="timeline"><a role="button" href="#" class="k-link">Timeline</a></li>
<li class="k-state-default k-view-timelineweek" data-name="timelineWeek"><a role="button" href="#" class="k-link">Timeline (Week)</a></li>
<li class="k-state-default k-view-timelineworkweek" data-name="timelineWorkWeek"><a role="button" href="#" class="k-link">Timeline (Work week)</a></li>
<li class="k-state-default k-view-timelinemonth" data-name="timelineMonth"><a role="button" href="#" class="k-link">Timeline (Monthly)</a></li>
</ul>
</div>
<table class="k-scheduler-layout k-scheduler-dayview k-scrollbar-h">
<tbody>
<tr>
<td>
<div class="k-scheduler-times">
<table class="k-scheduler-table">
<tbody>
<tr style="height: 31.3438px;">
<th></th>
</tr>
<tr style="height: 30px;">
<th class="k-scheduler-times-all-day">all day</th>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div class="k-scheduler-header k-state-default">
<div class="k-scheduler-header-wrap">
<table class="k-scheduler-table">
<tbody>
<tr>
<th colspan="1" class="">Wed 4/20</th>
</tr>
</tbody>
</table>
<div style="position:relative">
<table class="k-scheduler-table k-scheduler-header-all-day">
<tbody>
<tr role="row" style="height: 30px;">
<td class="" role="gridcell" aria-selected="false"> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="k-scheduler-times">
<table class="k-scheduler-table">
<tbody>
<tr>
<th class="" rowspan="1">00:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">01:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">02:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">03:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">04:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">05:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">06:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">07:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">08:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">09:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">10:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">11:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">12:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">13:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">14:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">15:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">16:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">17:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">18:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">19:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">20:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">21:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">22:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
<tr>
<th class="" rowspan="1">23:00</th>
</tr>
<tr>
<th class="k-slot-cell" rowspan="1"></th>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div class="k-scheduler-content">
<table class="k-scheduler-table">
<tbody>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr class="k-middle-row" role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
<tr role="row">
<td class=" k-nonwork-hour" role="gridcell" aria-selected="false"> </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<div class="k-header k-scheduler-footer">
<ul class="k-reset k-header">
<li class="k-state-default k-scheduler-fullday"><a href="#" class="k-link"><span class="k-icon k-i-clock"></span>Show business hour</a></li>
</ul>
</div>
</div>