#framework BAT

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.

Time Clock Report — List of records with Overall Total Hours calculation

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>
</div>
<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">
	</div>
</div>

<# end form #>

Alternate Method — Raw HTML 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.