UNPKG

cronapp-framework-js

Version:
375 lines 22.3 kB
<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">&nbsp;</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">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr class="k-middle-row" role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</td> </tr> <tr role="row"> <td class=" k-nonwork-hour" role="gridcell" aria-selected="false">&nbsp;</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>