mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-11-23 00:13:21 +03:00
258 lines
No EOL
12 KiB
PHP
258 lines
No EOL
12 KiB
PHP
<script type="text/javascript"
|
|
src="<?php echo $base_url; ?>assets/js/backend_settings.js"></script>
|
|
<script type="text/javascript"
|
|
src="<?php echo $base_url; ?>assets/js/libs/jquery/jquery-ui-timepicker-addon.js"></script>
|
|
<script type="text/javascript"
|
|
src="<?php echo $base_url; ?>assets/js/libs/jquery/jquery.jeditable.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var GlobalVariables = {
|
|
'baseUrl': <?php echo '"' . $base_url . '"'; ?>,
|
|
'userSlug': <?php echo '"' . $user_slug . '"'; ?>,
|
|
'settings': {
|
|
'system': <?php echo json_encode($system_settings); ?>,
|
|
'user': <?php echo json_encode($user_settings); ?>
|
|
}
|
|
};
|
|
|
|
$(document).ready(function() {
|
|
BackendSettings.initialize(true);
|
|
});
|
|
</script>
|
|
|
|
<div id="settings-page" class="row-fluid">
|
|
<ul class="nav nav-tabs">
|
|
<li class="general-tab tab active"><a>General</a></li>
|
|
<li class="business-logic-tab tab"><a>Business Logic</a></li>
|
|
<li class="user-tab tab"><a>User</a></li>
|
|
</ul>
|
|
|
|
<?php
|
|
// --------------------------------------------------------------
|
|
//
|
|
// GENERAL TAB
|
|
//
|
|
// --------------------------------------------------------------
|
|
?>
|
|
<div id="general" class="tab-content">
|
|
<form>
|
|
<fieldset>
|
|
<legend>
|
|
General Settings
|
|
<button type="button" class="save-settings btn btn-primary btn-mini">Save</button>
|
|
</legend>
|
|
|
|
<label for="company-name">Company Name *</label>
|
|
<input type="text" id="company-name" data-field="company_name">
|
|
<span class="help-block">Company name will be displayed everywhere on the system
|
|
(required).</span>
|
|
|
|
<br>
|
|
|
|
<label for="company-email">Company Email *</label>
|
|
<input type="text" id="company-email" data-field="company_email">
|
|
<span class="help-block">This will be the company email address. It will be used
|
|
as the sender and the reply address of the system emails (required).</span>
|
|
|
|
<br>
|
|
|
|
<label for="company-link">Company Link</label>
|
|
<input type="text" id="company-link" data-field="company_link">
|
|
<span class="help-block">Company link should point to the official website of
|
|
the company (optional).</span>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
<?php
|
|
// --------------------------------------------------------------
|
|
//
|
|
// BUSINESS LOGIC TAB
|
|
//
|
|
// --------------------------------------------------------------
|
|
?>
|
|
<div id="business-logic" class="tab-content" style="display: none;">
|
|
<form>
|
|
<fieldset>
|
|
<legend>
|
|
Business Logic
|
|
<button type="button" class="save-settings btn btn-primary btn-mini">Save</button>
|
|
</legend>
|
|
|
|
<div class="row-fluid">
|
|
<div class="span7">
|
|
<h4>Working Plan</h4>
|
|
<span class="help-block">
|
|
Mark below the days and hours that your company will accept appointments.
|
|
You will be able to adjust appointments in non working hours but the customers
|
|
will not be able to book appointments by themselves in non working periods.
|
|
<strong>This working plan will be the default for every new provider record but
|
|
you will be able to change each provider's plan separately by editing his
|
|
record.</strong> After that you can add break periods.
|
|
</span>
|
|
|
|
<table class="working-hours table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Day</th>
|
|
<th>Start</th>
|
|
<th>End</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="monday" />Monday</label></td>
|
|
<td><input type="text" id="monday-start" /></td>
|
|
<td><input type="text" id="monday-end" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="tuesday" />Tuesday</label></td>
|
|
<td><input type="text" id="tuesday-start" /></td>
|
|
<td><input type="text" id="tuesday-end" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="wednesday" />Wednesday</label></td>
|
|
<td><input type="text" id="wednesday-start" /></td>
|
|
<td><input type="text" id="wednesday-end" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="thursday" />Thursday</label></td>
|
|
<td><input type="text" id="thursday-start" /></td>
|
|
<td><input type="text" id="thursday-end" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="friday" />Friday</label></td>
|
|
<td><input type="text" id="friday-start" /></td>
|
|
<td><input type="text" id="friday-end" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="saturday" />Saturday</label></td>
|
|
<td><input type="text" id="saturday-start" /></td>
|
|
<td><input type="text" id="saturday-end" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label class="checkbox"><input type="checkbox" id="sunday" />Sunday</label></td>
|
|
<td><input type="text" id="sunday-start" /></td>
|
|
<td><input type="text" id="sunday-end" /></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<br>
|
|
|
|
<h4>Book Advance Timeout</h4>
|
|
<span class="help-block">
|
|
Define the timeout (in minutes) before the customers can book or re-arrange
|
|
appointments with the company.
|
|
</span>
|
|
|
|
<label for="book-advance-timeout">Timeout (Minutes)</label>
|
|
<input type="text" id="book-advance-timeout" data-field="book_advance_timeout" />
|
|
|
|
</div>
|
|
<div class="span5">
|
|
<h4>Breaks</h4>
|
|
|
|
<span class="help-block">
|
|
Add the working breaks during each day. These breaks will be applied for
|
|
all new providers.
|
|
</span>
|
|
|
|
<div>
|
|
<button type="button" class="add-break btn btn-primary">
|
|
<i class="icon-white icon-plus"></i>
|
|
Add Break
|
|
</button>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<table id="breaks" class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Day</th>
|
|
<th>Start</th>
|
|
<th>End</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
<?php
|
|
// --------------------------------------------------------------
|
|
//
|
|
// USER TAB
|
|
//
|
|
// --------------------------------------------------------------
|
|
?>
|
|
<div id="user" class="tab-content" style="display: none;">
|
|
<form class="row-fluid">
|
|
<fieldset class="span5">
|
|
<legend>
|
|
Personal Info
|
|
<button type="button" class="save-settings btn btn-primary btn-mini">Save</button>
|
|
</legend>
|
|
|
|
<input type="hidden" id="user-id" />
|
|
|
|
<label for="first-name">First Name</label>
|
|
<input type="text" id="first-name" class="span9" />
|
|
|
|
<label for="last-name">Last Name *</label>
|
|
<input type="text" id="last-name" class="span9" />
|
|
|
|
<label for="email">Email *</label>
|
|
<input type="text" id="email" class="span9" />
|
|
|
|
<label for="mobile-number">Mobile Number</label>
|
|
<input type="text" id="mobile-number" class="span9" />
|
|
|
|
<label for="phone-number">Phone Number</label>
|
|
<input type="text" id="phone-number" class="span9" />
|
|
|
|
<label for="address">Address</label>
|
|
<input type="text" id="address" class="span9" />
|
|
|
|
<label for="city">City</label>
|
|
<input type="text" id="city" class="span9" />
|
|
|
|
<label for="state">State</label>
|
|
<input type="text" id="state" class="span9" />
|
|
|
|
<label for="zip-code">Zip Code</label>
|
|
<input type="text" id="zip-code" class="span9" />
|
|
|
|
<label for="notes">Notes</label>
|
|
<textarea id="notes" class="span9"></textarea>
|
|
</fieldset>
|
|
|
|
<fieldset class="span5">
|
|
<legend>Miscellaneous</legend>
|
|
|
|
<label for="username">Username *</label>
|
|
<input type="text" id="username" />
|
|
|
|
<label for="password">Password *</label>
|
|
<input type="text" id="password" />
|
|
|
|
<label for="retype-password">Retype Password *</label>
|
|
<input type="text" id="retype-password" />
|
|
|
|
<br>
|
|
|
|
<button type="button" class="btn" data-toggle="button">
|
|
<i class="icon-asterisk"></i>
|
|
Receive Email Notifications
|
|
</button>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|