Time Clock Form

This page uses a Hashtag Form to create new Time Clock records.   The form is styled using Bootstrap 3 default theme classes.  

Processed this Hashtag Markup:
<# start form for timeclock;
	set form.class to "form-horizontal";
	when creating set start time to "<# system.date_time_short #>";
	when creating set status to "clocked in";
	when done redirect to "/timeclock/report";

<div class="form-group">
	<label for="name" class="col-sm-3 control-label">Name</label>
	<div class="col-sm-6">
		<input type="text" <# name #> class="form-control" value="Stop Clockerman" id="name">
<div class="form-group">
	<div class="col-sm-offset-3 col-sm-6">
		<input type="button" <# create button #> class="btn btn-primary" value="Clock-In">

<# end form #>

The Time Clock Mini-App uses the Hashtag Markup Language to provide a timekeeping process, and report total hours.

Time Clock records are stored in an SQL Database.   Methods are provided to clock-out active records, and export an overall total Timesheet to Google Sheets.