You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
3.7 KiB
71 lines
3.7 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!--Template for order summary popup-->
|
|
<templates id="template" xml:space="preserve">
|
|
<t t-name="OrderSummaryPopup" owl="1">
|
|
<Dialog size="'md'" title="props.title">
|
|
<div class="popup">
|
|
<main class="body">
|
|
<div class="order-summary">
|
|
<div class="form-check">
|
|
<input type="checkbox" id="is_current_session"
|
|
name="is_current_session"
|
|
style="min-height: 20px !important;width: 25px !important;box-shadow: none !important; margin-top:16px"
|
|
t-ref="isSession"
|
|
t-on-click="click_is_session"
|
|
t-model="state.current_session"/>
|
|
<label style="vertical-align:super;" for="is_current_session" class="form-check-label">Current Session</label>
|
|
</div>
|
|
|
|
<div style="padding-top:10px;" id="date_section"
|
|
t-ref="dateSection">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 25%">Start Date</th>
|
|
<th style="width: 20%">End Date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="flex" style="padding:5px;">
|
|
<input type="date" id="start_date"
|
|
style="padding:5px; font-family: 'Roboto Mono',monospace;font-size: 16px;border: none;outline: auto; border-radius: 5px;"
|
|
t-model="state.start_date"/>
|
|
</td>
|
|
<td class="flex" style="padding:5px;">
|
|
<input type="date" id="end_date"
|
|
style="padding:5px; font-family: 'Roboto Mono',monospace;font-size: 16px;border: none;outline: auto; border-radius: 5px;"
|
|
t-model="state.end_date"/>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div style="margin-top: 40px;">
|
|
<p class="label">Status</p>
|
|
<select name="state" id="state" class="form-select"
|
|
style="width: 30%;margin:auto;border:solid;" t-model="state.status"
|
|
t-ref="select-status">
|
|
<option value="">Select status</option>
|
|
<option value="draft">Ongoing</option>
|
|
<option value="paid">Paid</option>
|
|
<option value="done">Done</option>
|
|
<option value="invoiced">Invoiced</option>
|
|
<option value="cancel">Cancelled</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer class="footer modal-footer">
|
|
<div class="button confirm highlight btn btn-lg btn-primary" t-on-click="confirm">
|
|
Confirm
|
|
</div>
|
|
<div class="button cancel btn btn-lg btn-secondary" t-on-click="props.close">
|
|
Close
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</Dialog>
|
|
</t>
|
|
</templates>
|
|
|
|
|