delliott
b9caf021a4
All checks were successful
continuous-integration/drone/push Build is passing
Currently implements both a format hook to remove white-space paragraphs, and a check to make their existence a critical failure. In the end may implement only one or none of these, subject to major design changes. Solves #5409 Co-authored-by: Darragh Elliott <me@delliott.net> Reviewed-on: #5431 Co-authored-by: delliott <delliott@fsfe.org> Co-committed-by: delliott <delliott@fsfe.org>
221 lines
9.3 KiB
HTML
221 lines
9.3 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<html>
|
|
<version>2</version>
|
|
|
|
<head>
|
|
<title>Reimbursement Claim / Credit Card statement</title>
|
|
<script src="/scripts/addrow.js"/>
|
|
<link rel="stylesheet" href="internal.css"/>
|
|
</head>
|
|
|
|
<body class="full-width">
|
|
<h1>Reimbursement Claim / Credit Card statement</h1>
|
|
|
|
<p>
|
|
In this form, you can enter your reimbursable expenses (monthly)
|
|
as well as your credit card expenses (twi-monthly), upload
|
|
receipts, and eventually submit it to our financial team.
|
|
</p>
|
|
|
|
<p>
|
|
Please fill out all fields as requested, and take care of
|
|
selecting the correct type (Reimbursement Claim or Credit Card).
|
|
</p>
|
|
|
|
<form id="rcform" action="/cgi-bin/reimbursement.php" method="post" enctype="multipart/form-data" accept-charset="utf-8">
|
|
<h2>1. Set general options</h2>
|
|
|
|
<div class="form-group form-inline">
|
|
<label class="col-sm-3">Employee:</label>
|
|
<select class="form-control col-sm-9" name="who" size="1" required="required">
|
|
<option/>
|
|
<module id="fsfe-employee-options"/>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="clearfix"/>
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-3">Type:</label>
|
|
<div class="radio form-inline col-sm-9">
|
|
<label>
|
|
<input type="radio" name="type" value="rc" required="required"/>
|
|
Reimbursement Claim for month
|
|
<select class="form-control" name="rc_month">
|
|
<option/>
|
|
<option value="01">January</option>
|
|
<option value="02">February</option>
|
|
<option value="03">March</option>
|
|
<option value="04">April</option>
|
|
<option value="05">May</option>
|
|
<option value="06">June</option>
|
|
<option value="07">July</option>
|
|
<option value="08">August</option>
|
|
<option value="09">September</option>
|
|
<option value="10">October</option>
|
|
<option value="11">November</option>
|
|
<option value="12">December</option>
|
|
</select>
|
|
<select class="form-control" name="rc_year">
|
|
<option value="2023">2023</option>
|
|
<option value="2024">2024</option>
|
|
<option value="2025" selected="selected">2025</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="clearfix"/>
|
|
|
|
<div class="radio form-inline col-sm-offset-3 col-sm-9">
|
|
<label>
|
|
<input type="radio" name="type" value="cc" required="required"/>
|
|
Credit Card for month
|
|
<select class="form-control" name="cc_month">
|
|
<option/>
|
|
<option value="01">January</option>
|
|
<option value="02">February</option>
|
|
<option value="03">March</option>
|
|
<option value="04">April</option>
|
|
<option value="05">May</option>
|
|
<option value="06">June</option>
|
|
<option value="07">July</option>
|
|
<option value="08">August</option>
|
|
<option value="09">September</option>
|
|
<option value="10">October</option>
|
|
<option value="11">November</option>
|
|
<option value="12">December</option>
|
|
</select>
|
|
<select class="form-control" name="cc_year">
|
|
<option value="2023">2023</option>
|
|
<option value="2024">2024</option>
|
|
<option value="2025" selected="selected">2025</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>2. Enter your expenses</h2>
|
|
|
|
<table class="table table-striped">
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Amount</th>
|
|
<th>Recipient</th>
|
|
<th>Activity</th>
|
|
<th>Category</th>
|
|
<th>Event</th>
|
|
<th>Description</th>
|
|
<th>Receipt Scan</th>
|
|
<th>Rows</th>
|
|
</tr>
|
|
|
|
<tr class="descr">
|
|
<td>"Belegdatum" for credit card statements</td>
|
|
<td>In EUR. Format: 123,00</td>
|
|
<td/>
|
|
<td>What activity was this part of</td>
|
|
<td>What category is the expense</td>
|
|
<td>Which event was attended</td>
|
|
<td>What specifically was paid for</td>
|
|
<td>Upload receipt as PDF, max. 2MB each</td>
|
|
<td>Add a new row, or delete one</td>
|
|
</tr>
|
|
|
|
<tr class="descr example">
|
|
<td>Example 1: 16.04.2021</td>
|
|
<td>12,34</td>
|
|
<td>Berlin Bus Company</td>
|
|
<td>Select the activity</td>
|
|
<td>Select fitting category or "other"</td>
|
|
<td>Enter the event you attended</td>
|
|
<td>Bus ticket from Berlin to New York</td>
|
|
<td>e.g. busticket.pdf</td>
|
|
<td/>
|
|
</tr>
|
|
|
|
<tr class="descr example">
|
|
<td>Example 2: 17.04.2021</td>
|
|
<td>67,89</td>
|
|
<td>ACME</td>
|
|
<td/>
|
|
<td/>
|
|
<td>ACMECon 2024</td>
|
|
<td>USB adapter for external keyboard</td>
|
|
<td>e.g. acme-adapter.pdf</td>
|
|
<td/>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><input type="date" name="entry[]" class="form-control" required="required"/></td>
|
|
<td><input type="text" name="amount[]" class="form-control" pattern="-?\d{0,5},\d{2}" placeholder="12,34" required="required"/></td>
|
|
<td><input type="text" name="recipient[]" class="form-control" required="required"/></td>
|
|
<td><select class="form-control col-sm-3" name="activity[]" id="activity" size="1" required="required" onChange="the_event = $(this)[0].options[ $(this)[0].selectedIndex ].dataset.event || ''; $(this).parent().next().next().find('input')[0].value = the_event;">
|
|
<option/>
|
|
<module id="fsfe-activities-options"/>
|
|
<module id="fsfe-employeeactivity-options"/>
|
|
</select></td>
|
|
<td><select class="form-control col-sm-3" name="category[]" id="category" size="1">
|
|
<option value="???:Other / I don't know">Other / I don't know</option>
|
|
<option value="66000:Advertising material">Advertising material</option>
|
|
<option value="68550:Bank fees">Bank fees</option>
|
|
<option value="66400:Hospitality for friends and volunteers">Hospitality for friends and volunteers</option>
|
|
<option value="68220:Hospitality for staff">Hospitality for staff</option>
|
|
<option value="66050:Information material">Information material</option>
|
|
<option value="68150:IT equipment < 250 €">IT equipment < 250 €</option>
|
|
<option value="6700:IT equipment > 250 € and < 800 €">IT equipment > 250 € and < 800 €</option>
|
|
<option value="6320:IT equipment > 800 €">IT equipment > 800 €</option>
|
|
<option value="64590:IT maintenance">IT maintenance</option>
|
|
<option value="53000:Merchandise books">Merchandise books</option>
|
|
<option value="54000:Merchandise except books">Merchandise except books</option>
|
|
<option value="68150:Office equipment < 250 €">Office equipment < 250 €</option>
|
|
<option value="6700:Office equipment > 250 € and < 800 €">Office equipment > 250 € and < 800 €</option>
|
|
<option value="6500:Office equipment > 800 €">Office equipment > 800 €</option>
|
|
<option value="68150:Office material">Office material</option>
|
|
<option value="67100:Packaging material">Packaging material</option>
|
|
<option value="68000:Postage">Postage</option>
|
|
<option value="66600:Travel costs - hotel">Travel costs - hotel</option>
|
|
<option value="66630:Travel costs - transport">Travel costs - transport</option>
|
|
</select></td>
|
|
<td><input type="text" name="event[]" class="form-control"/></td>
|
|
<td><input type="text" name="description[]" class="form-control" required="required"/></td>
|
|
<td><input type="file" name="receipt[]" class="form-control" required="required"/></td>
|
|
<td><input type="button" class="AddNewRow btn btn-primary" value="+ 1 row"/></td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<h2>3. Notes for the financial team</h2>
|
|
|
|
<p>If necessary, you can add additional remarks and notes to the statement you send.</p>
|
|
|
|
<div class="form-group">
|
|
<textarea name="extra" class="form-control" rows="3"/>
|
|
</div>
|
|
|
|
<h2>4. Submit RC/CC statement</h2>
|
|
|
|
<p>If you would like to preview the results, either via email or
|
|
only in the web interface, choose differing options below. To not
|
|
lose your data, press the "back" button in your browser to come
|
|
back to this page afterwards.</p>
|
|
|
|
<div class="form-group">
|
|
<label class="radio-inline">
|
|
<input type="radio" name="mailopt" value="normal" required="required" checked="checked"/> Send emails to finance team and me
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="mailopt" value="onlyme" required="required"/> Send email only to me
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="mailopt" value="none" required="required"/> Do not send any email at all
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary">Submit RC/CC report</button>
|
|
|
|
</form>
|
|
|
|
</body>
|
|
|
|
</html>
|