acaresydney_ts/html/timesheet_canvas_v1.html

    <div class='peoplebar left'>
        <div class='b_search titlebar_gradient'>
            <span class="ticon ticon-search"></span>
            <input type="text" placeholder="staff">
            <span class="ticon ticon-times-circle-o"></span>
        </div>
        <button class='peoplelist' name='up'>
            <span class="ticon ticon-angle-double-up"></span>
        </button>
        <div class="stafflist userlist">
            <img>
        </div>         
        <button class='peoplelist' name='down'>
            <span class="ticon ticon-angle-double-down"></span>
        </button>
    </div>
    <div class='peoplebar right'>
        <div class='b_search titlebar_gradient'>
            <span class="ticon ticon-search"></span>
            <input type="text" placeholder="client">
            <span class="ticon ticon-times-circle-o"></span>
        </div>
        <button class='peoplelist' name='up'>
            <span class="ticon ticon-angle-double-up"></span>
        </button>
        <div class="clientlist userlist">
            <img>
        </div>         
        <button class='peoplelist' name='down'>
            <span class="ticon ticon-angle-double-down"></span>
        </button>
    </div>
    <div class='timesheets'>
        <div class='sheettitle titlebar_gradient'>
            <h1 class="today">Web Office 2021 - Today:<span name='today'> Today </span></h1> 
        </div>
        <div class='sheetsheader'>
            <div class='weekly'>
                <div class='weekname prev'> 
                    <input id='week1b' type=text class='boundary_datepicker' value="2019-07-01" placeholder="2019-07-01">Week
                    <span name='week1'>10</span>
                    <i class="ticon ticon-caret-right"></i>
                </div>
                <div class='copyprogress'>
                    <div name='copyschedule'>
                        Add a Job 
                        <span class='ticon ticon-plus'></span>
                    </div>
                </div>
                <div class='weekname next'>
                    <i class="ticon ticon-caret-left"></i>
                    Week 
                    <span name='week2'>11</span>
                    <input id='week2b' type=text class='boundary_datepicker' value="2019-07-01" placeholder="2019-07-01">
                </div>
                <div class="weekdays">
                    <div class='week1'>
                        <div class='week1color'>
                            <span name='w1n1'>Mon</span>
                            <br>
                            <span class="weekday" name='w1d1'>12</span>
                        </div>
                        <div class='week1color'>
                            <span name='w1n2'>Tue</span>
                            <br>
                            <span class="weekday" name='w1d2'>12</span>
                        </div>
                        <div class='week1color'>
                            <span name='w1n3'>Wed</span>
                            <br>
                            <span class="weekday" name='w1d3'>12</span>
                        </div>
                        <div class='week1color'>
                            <span name='w1n4'>Thu</span>
                            <br>
                            <span class="weekday" name='w1d4'>12</span>
                        </div>
                        <div class='week1color'>
                            <span name='w1n5'>Fri</span>
                            <br>
                            <span class="weekday" name='w1d5'>12</span>
                        </div>
                        <div class='week1color'>
                            <span name='w1n6'>Sat</span>
                            <br>
                            <span class="weekday" name='w1d6'>12</span>
                        </div>
                        <div class='week1color'>
                            <span name='w1n7'>Sun</span>
                            <br>
                            <span class="weekday" name='w1d7'>12</span>
                        </div>
                    </div>
                    <div class='week2'>
                        <div class='week2color'>
                            <span name='w2n1'>Mon</span>
                            <br>
                            <span class="weekday" name='w2d1'>12</span>
                        </div>
                        <div class='week2color'>
                            <span name='w2n2'>Tue</span>
                            <br>
                            <span class="weekday" name='w2d2'>12</span>
                        </div>
                        <div class='week2color'>
                            <span name='w2n3'>Wed</span>
                            <br>
                            <span class="weekday" name='w2d3'>12</span>
                        </div>
                        <div class='week2color'>
                            <span name='w2n4'>Thu</span>
                            <br>
                            <span class="weekday" name='w2d4'>12</span>
                        </div>
                        <div class='week2color'>
                            <span name='w2n5'>Fri</span>
                            <br>
                            <span class="weekday" name='w2d5'>12</span>
                        </div>
                        <div class='week2color'>
                            <span name='w2n6'>Sat</span>
                            <br>
                            <span class="weekday" name='w2d6'>12</span>
                        </div>
                        <div class='week2color'>
                            <span name='w2n7'>Sun</span>
                            <br>
                            <span class="weekday" name='w2d7'>12</span>
                        </div>                         
                    </div>
                </div>
            </div>
            <div class='prevweek left'>
                <span class="ticon ticon-arrow-circle-left"></span>
            </div>
            <div class='nextweek right'>
                <span class="ticon ticon-arrow-circle-right"></span>
            </div>
            <div class="sheettableheader">
                <div class="divTable blueTable">
                    <div class="divTableHeading">
                        <div class="divTableRow">
                            <div class="divTableHead btos">Type of Service</div>
                            <div class="divTableHead bstart">Start</div>
                            <div class="divTableHead bfinish">Finish</div>
                            <div class="divTableHead brate">Hourly Rate</div>
                            <div class="divTableHead bstaff">Staff</div>
                            <div class="divTableHead bclient">Client</div>
                            <div class="divTableHead bconfirmed">Ack</div>
                            <div class="divTableHead brating">
                                <span class="ticon ticon-star"></span> 
                            </div>
                            <div class="divTableHead bedit">
                                <span class="ticon ticon-edit"></span> 
                            </div>
                            <div class="divTableHead bdelete">
                                <span class="ticon ticon-trash"></span>
                            </div>
                            <div class="divTableHead bsave">
                                <span class="ticon ticon-save"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class='workspace'>
            <img src="#">
        </div>
        <div class='statusbar titlebar_gradient'>
        	<a id='xeroc' href="/xeroc/" target="_blank">
            <div class='xero'>
                <i class="ticon  ticon-times"></i>
            </div>
            </a>
            <div class='wifi'>
                <i class="ticon  ticon-times"></i>
            </div>
            <a id='ndiscsv' href="/xeroc/#1568049914546-bc20bf7d-07c3" target="_blank">
            <div class='csv'>
                <i class="ticon  ticon-times"></i>
            </div>
            </a>
            <div class='wages'>
                $
                <div name='number'>
                    3214
</div>
            </div>
            <div class='workinghours'>
                <label for='woh'> Total Hours</label>
                <input id="woh" type="text" value="1553.5" readonly>
            </div>
            <button name='confirmschedule'>
                Confirm_Schedule
</button>
        </div>
    </div>