<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="/main/diary/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="/main/diary/favicon.css" /> <title>Diary Management </title> <script type="text/javascript" src="/main/diary/diary.js"> </script> </head> <body> <div class="container mx-auto" style="width: 80%; margin-left: ($spacer * .25) !important"> <header _id="header"> </header> <!-- Add new entry --> <div id="new" _id="new" style="border-width: .2rem; border: solid #f7f7f9; padding: 1.5rem; background-color: #e0eefa;"> <form method="post" action="#" _id="edit"> <h3>New diary record: </h3> <div class="form-row"> <input type="hidden" name="do" value="diary" /> <input type="hidden" name="diary:edit:id" _id="id" /> <input type="hidden" _id="hiddens" /> <div class="form-group col-xs-3"> <label for="date">When</label> <span class="arrow_prev" onclick="change_date('diary:edit:ddate', -1)"> </span> <span class="form-inline" _id="date"> </span> <span class="arrow_next" onclick="change_date('diary:edit:ddate', 1)"> </span> </div> <div class="from-group col-xs-2"> <label for="person">Engineer</label> <select name="diary:edit:who" class="custom-select"> <option _id="person">Engineer </option> </select> </div> <div class="from-group col-xs-3"> <label for="hours">Hours</label> <input _id="hours" autocomplete="off" type="text" size="2" name="diary:edit:hours" class="form-control" /> </div> <div class="form-group col-xs-3"> <label for="project">Project</label> <select name="diary:edit:prj_id" class="custom-select"> <option class="btn btn-primary" _id="project">Project </option> </select> </div> </div> <div style="width: 800px; overflow: auto; "> <textarea name="diary:edit:descr" cols="70" rows="10" class="form-control"></textarea> </div> <div> <button type="submit" value="Submit" class="btn btn-primary btn-sm">Submit / Ctrl+Enter</button> </div> </form> </div> <hr> <div> <form method="post" action="#"> <div id="massapproval" _id="massapproval"> <button type="submit" name="diary:action:verb" value="ApproveAll" class="btn btn-primary btn-sm" _id="edit">Approve All </button> <button type="submit" name="diary:action:verb" value="DenyAll" class="btn btn-warning btn-sm" _id="edit">Deny All </button> <button type="submit" name="diary:action:verb" value="RejectAll" class="btn btn-danger btn-sm" _id="edit">Reject All </button> </div> </form> </div> <!-- Entries to be approved --> <div id="approvals" _id="approvals"> <h3 class="display-4">Records for approval </h3> <hr class="my-4"> <div _id="entries"> <div class="input-group mb-3"> <form method="post" _id="view" action="#"> <input type="hidden" name="do" value="diary" /> <input type="hidden" name="diary:action:id" _id="edit_id" /> <input type="hidden" _id="hiddens" /> <div class="alert alert-info"> <span _id="date">01 Jan 1970 </span> <span _id="person">Engineer name </span> <strong><span _id="hours">100 </span></strong> hour(s); Project <span _id="project_name">Project name </span> <span class="badge badge-primary badge-pill" _id="project">customer/tag </span> </div> <div style="width: 800px; overflow: auto; margin-left: 10px;"> <pre _id="descr">Work description</pre> </div> <div class="timestamp badge">Status: <span class="badge badge-warning badge-pill" _id="state">valid </span> created <span _id="created">2006-10-23 10:20:00 </span>, modified <span _id="modified">2006-10-24 15:17:00 </span> </div> <div _id="appnote" class="form-control"> <span _id="created">01 10 1970 </span> <span _id="author">Author </span>: <span _id="note">Approval note </span> </div> <p> <textarea name="diary:edit:approval" cols="70" rows="5" class="form-control"></textarea> </p> <p> <button type="submit" name="diary:action:verb" value="Approve" class="btn btn-success btn-sm" _id="edit">Approve </button> <button type="submit" name="diary:action:verb" value="Deny" class="btn btn-warning btn-sm" _id="edit">Deny </button> <button type="submit" name="diary:action:verb" value="Reject" class="btn btn-danger btn-sm" _id="edit">Reject </button> </p> </form> </div> </div> </div> <!-- Selection menu --> <div id="menu" _id="menu" style="border-width: .2rem; border: solid #f7f7f9; padding: 1.5rem; background-color: #e0eefa;"> <form method="get" action="#"> <h3>Select diary records to list: </h3> <input type="hidden" name="do" value="diary"> <div class="form-row"> <div class="form-group col-xs-3"> <label for="start_date">From</label> <span class="form-inline" _id="start_date"> </span> <small class="form-text text-muted"># - current day or year</small> </div> <div class="form-group col-xs-3"> <label for="end_date">To</label> <span class="form-inline" _id="end_date"> </span> <small class="form-text text-muted">$ - end of month</small> </div> <div class="form-group col-xs-3"> <label for="project">Project</label> <select name="diary:list:prj_id" class="custom-select"> <option class="btn btn-primary" _id="project">Project </option> </select> </div> </div> <div class="form-row"> <div class="form-group col-xs-3"> <select name="diary:list:customer" class="custom-select"> <option _id="customer">Customer </option> </select> </div> <div class="form-group col-xs-3"> <select name="diary:list:who" class="custom-select"> <option _id="who">Engineer </option> </select> </div> </div> <div class="form-check form-group"> <span _id="newest_first"></span> <label class=" form-check-label" for="newest_first">Newest first</label> </div> <div class="form-check form-group"> <span _id="just_stats"></span> <label class="form-check-label" for="just_stats">Just stats</label> </div> <button type="submit" class="btn btn-primary btn-sm">Search </button> </form> </div> <div _id="nodata" id="nodata"> No entries </div> <hr> <!-- Summary --> <div _id="detailed_totals" id="detailed_totals"> <h3>Summary </h3> <p>Total hours: <span _id="hours">100 </span> </p> <h4>By projects: </h4> <ul> <li _id="customer"> <span _id="name">Name </span>, <span _id="hours">1000 </span> hour(s) <ul> <li _id="project"> <span _id="name">Name</span> (<span _id="customer">customer</span>/<span _id="tag">tag</span>), <span _id="hours">100</span> hour(s) </li> </ul> </li> </ul> <h4>By engineers: </h4> <table class="table table-striped table-hover table-sm"> <caption>Lag: days it took to submit the records, Mon,Tue etc. : average number of hours per day in the selected period (vacations are not handled)</caption> <thead> <tr> <th scope="col">Engineer</th> <th scope="col">Hours</th> <th scope="col">Lag</th> <th scope="col">Mon</th> <th scope="col">Tue</th> <th scope="col">Wed</th> <th scope="col">Thu</th> <th scope="col">Fri</th> <th scope="col">Sat</th> <th scope="col">Sun</th> </tr> </thead> <tbody> <tr _id="person"> <th scope="row" _id="name"> </th> <td _id="hours"> </td> <td _id="delay"> </td> <td _id="mon_stat"> </td> <td _id="tue_stat"> </td> <td _id="wed_stat"> </td> <td _id="thu_stat"> </td> <td _id="fri_stat"> </td> <td _id="sat_stat"> </td> <td _id="sun_stat"> </td> </tr> </tbody> </table> </div> <div _id="totals" id="totals"> <h3>Summary </h3> <p>Total hours: <span _id="hours">100 </span> </p> <h4>By projects: </h4> <ul> <li _id="customer"> <span _id="name">Name </span>, <span _id="hours">1000 </span> hour(s) <ul> <li _id="project"> <span _id="name">Name</span> (<span _id="customer">customer</span>/<span _id="tag">tag</span>), <span _id="hours">100</span> hour(s) </li> </ul> </li> </ul> <h4>By engineers: </h4> <ul> <li _id="person"> <span _id="name">Person </span>, <span _id="hours">100 </span> hour(s) </li> </ul> </div> <hr> <!-- Details --> <div _id="details" id="details"> <h3>Details </h3> <div _id="entries"> <form _id="view_only" style="margin-top: 3px;" class="card"> <div class="card-body"> <div class="card-title"> <span _id="date">01 Jan 1970 </span>: <span _id="person">Engineer name </span> <span _id="hours">100 hour(s) </span>; Project <span _id="project_name">Project name </span> <span class="badge badge-success badge-pill" _id="project">customer/tag </span> </div> <div style="width: 900px; overflow: auto;" class="card-body"> <pre _id="descr">Work description</pre> </div> </div> </form> <form method="post" _id="view" style="margin-top: 3px;" class="card"> <div class="card-body"> <div class="card-title"> <input type="hidden" name="do" value="diary" /> <input type="hidden" name="diary:list:edit" _id="edit_id" /> <input type="hidden" name="diary:action:id" _id="edit_id" /> <input type="hidden" _id="hiddens" /> <span _id="date">01 Jan 1970 </span> <span _id="person">Engineer name </span> <span _id="hours">100 h </span> <span _id="project_name">Project name </span> <span class="badge badge-success badge-pill" _id="project">customer/tag </span> <button type="submit" name="diary:action:verb" value="Edit" class="btn btn-outline-primary btn-sm" _id="edit">Edit </button> <button type="submit" name="diary:action:verb" value="Delete" class="btn btn-outline-secondary btn-sm" _id="edit">Delete </button> </div> <div class="card-body" style="width: 900px; overflow: auto;"> <pre _id="descr">Work description</pre> </div> <div _id="appnote" class="appnote"> <p> <span _id="created">01 10 1970 </span> <span _id="author">Author </span>: <span _id="note">Approval note </span> </p> </div> <div class="timestamp card-subtitle"><small>Status: <span _id="state">valid </span>; created <span _id="created">2006-10-23 10:20:00 </span>, modified <span _id="modified">2006-10-24 15:17:00 </span> </small> </div> </div> </form> <form method="post" _id="edit" style="margin-top: 3px;" class="card"> <div class="edit"> <h5>Edit diary record: </h5> <div class="form-row"> <input type="hidden" name="do" value="diary" /> <input type="hidden" name="diary:edit:id" _id="id" /> <input type="hidden" _id="hiddens" /> <div class="form-group col-xs-3"> <span class="form-inline" _id="date"> </span> </div> <div class="form-group col-xs-2"> <select name="diary:edit:who" class="custom-select"> <option _id="person"> </option> </select> </div> <div class="form-group col-xs-3"> <input _id="hours" type="text" size="2" name="diary:edit:hours" class="form-control" /> </div> <div class="form-group col-xs-3"> <select name="diary:edit:prj_id" class="custom-select"> <option _id="project">Project 1 </option> </select> </div> </div> <div style="width: 800px; overflow: auto; "> <textarea name="diary:edit:descr" cols="70" rows="10" _id="descr" class="form-control">Work description</textarea> </div> <div _id="approval"> <div _id="appnote" class="form-control form-inline"> <span _id="created">01 10 1970 </span> <span _id="author">Author </span>: <span _id="note">Approval note </span> </div> <p> <textarea name="diary:edit:approval" cols="70" rows="10">Approval note</textarea> </p> </div> <p> <button type="submit" value="Submit" class="btn btn-primary btn-sm">Submit / Ctrl+Enter</button> </p> </div> </form> </div> </div> <span _id="footer"> </span> </div> </body> </html>