2013-09-03 21:58:56 +03:00
|
|
|
<script type="text/javascript"
|
|
|
|
src="<?php echo $base_url; ?>assets/js/backend_users.js"></script>
|
2013-09-24 16:09:04 +03:00
|
|
|
<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>
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
var GlobalVariables = {
|
|
|
|
'baseUrl': <?php echo '"' . $base_url . '"'; ?>,
|
|
|
|
'admins': <?php echo json_encode($admins); ?>,
|
|
|
|
'providers': <?php echo json_encode($providers); ?>,
|
|
|
|
'secretaries': <?php echo json_encode($secretaries); ?>,
|
2013-09-24 16:09:04 +03:00
|
|
|
'services': <?php echo json_encode($services); ?>,
|
|
|
|
'workingPlan': $.parseJSON(<?php echo json_encode($working_plan); ?>)
|
2013-09-03 21:58:56 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
BackendUsers.initialize(true);
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div id="users-page" class="row-fluid">
|
|
|
|
|
|
|
|
<?php // Page Tabs ?>
|
|
|
|
<ul class="nav nav-tabs">
|
|
|
|
<li class="admins-tab tab active"><a>Admins</a></li>
|
|
|
|
<li class="providers-tab tab"><a>Providers</a></li>
|
|
|
|
<li class="secretaries-tab tab"><a>Secretaries</a></li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<?php // Admin Tab ?>
|
|
|
|
<div id="admins" class="tab-content">
|
|
|
|
<div class="filter span4">
|
|
|
|
<div class="input-append">
|
|
|
|
<input class="filter-key span12" type="text" />
|
|
|
|
<button class="filter-admins btn" type="button">Filter</button>
|
|
|
|
</div>
|
|
|
|
<h2>Admins</h2>
|
|
|
|
<div class="filter-results"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="details span7">
|
|
|
|
<div class="btn-toolbar">
|
|
|
|
<div class="add-edit-delete-group btn-group">
|
|
|
|
<button id="add-admin" class="btn">
|
|
|
|
<i class="icon-plus"></i>
|
|
|
|
Add</button>
|
|
|
|
<button id="edit-admin" class="btn" disabled="disabled">
|
|
|
|
<i class="icon-pencil"></i>
|
|
|
|
Edit</button>
|
|
|
|
<button id="delete-admin" class="btn" disabled="disabled">
|
|
|
|
<i class="icon-remove"></i>
|
|
|
|
Delete</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="save-cancel-group btn-group" style="display:none;">
|
|
|
|
<button id="save-admin" class="btn">
|
|
|
|
<i class="icon-ok"></i>
|
|
|
|
Save</button>
|
|
|
|
<button id="cancel-admin" class="btn">
|
|
|
|
<i class="icon-ban-circle"></i>
|
|
|
|
Cancel</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2>Details</h2>
|
|
|
|
|
|
|
|
<div class="form-message alert" style="display:none;"></div>
|
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="hidden" id="admin-id" class="record-id" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<div class="row-fluid">
|
|
|
|
<div class="admin-details span6">
|
|
|
|
<label for="first-name">First Name</label>
|
|
|
|
<input type="text" id="admin-first-name" class="span11" />
|
|
|
|
|
|
|
|
<label for="admin-last-name">Last Name *</label>
|
|
|
|
<input type="text" id="admin-last-name" class="span11 required" />
|
|
|
|
|
|
|
|
<label for="admin-email">Email *</label>
|
|
|
|
<input type="text" id="admin-email" class="span11 required" />
|
|
|
|
|
|
|
|
<label for="admin-mobile-number">Mobile Number</label>
|
|
|
|
<input type="text" id="admin-mobile-number" class="span11" />
|
|
|
|
|
|
|
|
<label for="admin-phone-number">Phone Number *</label>
|
|
|
|
<input type="text" id="admin-phone-number" class="span11 required" />
|
|
|
|
|
|
|
|
<label for="admin-address">Address</label>
|
|
|
|
<input type="text" id="admin-address" class="span11" />
|
|
|
|
|
|
|
|
<label for="admin-city">City</label>
|
|
|
|
<input type="text" id="admin-city" class="span11" />
|
|
|
|
|
|
|
|
<label for="admin-state">State</label>
|
|
|
|
<input type="text" id="admin-state" class="span11" />
|
|
|
|
|
|
|
|
<label for="admin-zip-code">Zip Code</label>
|
|
|
|
<input type="text" id="admin-zip-code" class="span11" />
|
|
|
|
|
|
|
|
<label for="admin-notes">Notes</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<textarea id="admin-notes" class="span11" rows="3"></textarea>
|
2013-09-03 21:58:56 +03:00
|
|
|
</div>
|
|
|
|
<div class="admin-settings span6">
|
|
|
|
<label for="admin-username">Username *</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="text" id="admin-username" class="span9 required" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<label for="admin-password">Password *</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="password" id="admin-password" class="span9 required"/>
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<label for="admin-password-confirm">Retype Password *</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="password" id="admin-password-confirm" class="span9 required" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-13 16:21:03 +03:00
|
|
|
<br>
|
|
|
|
|
2013-09-03 21:58:56 +03:00
|
|
|
<button type="button" id="admin-notifications" class="btn" data-toggle="button">
|
|
|
|
<i class="icon-asterisk"></i>
|
2013-09-14 19:10:59 +03:00
|
|
|
<span>Receive Email Notifications</span>
|
2013-09-03 21:58:56 +03:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<?php // Providers Tab ?>
|
|
|
|
<div id="providers" class="tab-content" style="display:none;">
|
|
|
|
<div class="filter span4">
|
|
|
|
<div class="input-append">
|
|
|
|
<input class="filter-key span12" type="text" />
|
|
|
|
<button class="filter-providers btn" type="button">Filter</button>
|
|
|
|
</div>
|
|
|
|
<h2>Providers</h2>
|
|
|
|
<div class="filter-results"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="details span7">
|
2013-09-24 16:09:04 +03:00
|
|
|
<div class="btn-toolbar span5">
|
2013-09-03 21:58:56 +03:00
|
|
|
<div class="add-edit-delete-group btn-group">
|
|
|
|
<button id="add-provider" class="btn">
|
|
|
|
<i class="icon-plus"></i>
|
|
|
|
Add</button>
|
|
|
|
<button id="edit-provider" class="btn" disabled="disabled">
|
|
|
|
<i class="icon-pencil"></i>
|
|
|
|
Edit</button>
|
|
|
|
<button id="delete-provider" class="btn" disabled="disabled">
|
|
|
|
<i class="icon-remove"></i>
|
|
|
|
Delete</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="save-cancel-group btn-group" style="display:none;">
|
|
|
|
<button id="save-provider" class="btn">
|
|
|
|
<i class="icon-ok"></i>
|
|
|
|
Save</button>
|
|
|
|
<button id="cancel-provider" class="btn">
|
|
|
|
<i class="icon-ban-circle"></i>
|
|
|
|
Cancel</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<div class="switch-view pull-right">
|
|
|
|
<div class="display-details current">Details</div>
|
|
|
|
<div class="display-working-plan">Working Plan</div>
|
|
|
|
</div>
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<div class="form-message alert" style="display:none;"></div>
|
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<div class="details-view">
|
|
|
|
<h2>Details</h2>
|
|
|
|
|
|
|
|
<input type="hidden" id="provider-id" class="record-id" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<div class="row-fluid">
|
|
|
|
<div class="provider-details span6">
|
|
|
|
<label for="provider-first-name">First Name</label>
|
|
|
|
<input type="text" id="provider-first-name" class="span11" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-last-name">Last Name *</label>
|
|
|
|
<input type="text" id="provider-last-name" class="span11 required" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-email">Email *</label>
|
|
|
|
<input type="text" id="provider-email" class="span11 required" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-mobile-number">Mobile Number</label>
|
|
|
|
<input type="text" id="provider-mobile-number" class="span11" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-phone-number">Phone Number *</label>
|
|
|
|
<input type="text" id="provider-phone-number" class="span11 required" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-address">Address</label>
|
|
|
|
<input type="text" id="provider-address" class="span11" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-city">City</label>
|
|
|
|
<input type="text" id="provider-city" class="span11" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-state">State</label>
|
|
|
|
<input type="text" id="provider-state" class="span11" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<label for="provider-zip-code">Zip Code</label>
|
|
|
|
<input type="text" id="provider-zip-code" class="span11" />
|
|
|
|
|
|
|
|
<label for="provider-notes">Notes</label>
|
|
|
|
<textarea id="provider-notes" class="span11" rows="3"></textarea>
|
|
|
|
</div>
|
|
|
|
<div class="provider-settings span6">
|
|
|
|
<label for="provider-username">Username *</label>
|
|
|
|
<input type="text" id="provider-username" class="span9 required" />
|
|
|
|
|
|
|
|
<label for="provider-password">Password *</label>
|
|
|
|
<input type="password" id="provider-password" class="span9 required"/>
|
|
|
|
|
|
|
|
<label for="provider-password-confirm">Retype Password *</label>
|
|
|
|
<input type="password" id="provider-password-confirm" class="span9 required" />
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<button type="button" id="provider-notifications" class="btn" data-toggle="button">
|
|
|
|
<i class="icon-asterisk"></i>
|
|
|
|
<span>Receive Email Notifications</span>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
<h4>Services</h4>
|
|
|
|
<div id="provider-services"></div>
|
|
|
|
</div>
|
2013-09-03 21:58:56 +03:00
|
|
|
</div>
|
2013-09-24 16:09:04 +03:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="working-plan-view" style="display: none;">
|
|
|
|
<h2>Working Plan</h2>
|
|
|
|
<table class="working-plan 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" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="monday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><label class="checkbox"><input type="checkbox" id="tuesday" />Tuesday</label></td>
|
|
|
|
<td><input type="text" id="tuesday-start" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="tuesday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><label class="checkbox"><input type="checkbox" id="wednesday" />Wednesday</label></td>
|
|
|
|
<td><input type="text" id="wednesday-start" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="wednesday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><label class="checkbox"><input type="checkbox" id="thursday" />Thursday</label></td>
|
|
|
|
<td><input type="text" id="thursday-start" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="thursday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><label class="checkbox"><input type="checkbox" id="friday" />Friday</label></td>
|
|
|
|
<td><input type="text" id="friday-start" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="friday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><label class="checkbox"><input type="checkbox" id="saturday" />Saturday</label></td>
|
|
|
|
<td><input type="text" id="saturday-start" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="saturday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td><label class="checkbox"><input type="checkbox" id="sunday" />Sunday</label></td>
|
|
|
|
<td><input type="text" id="sunday-start" class="work-start" /></td>
|
|
|
|
<td><input type="text" id="sunday-end" class="work-end" /></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<h2>Breaks</h2>
|
|
|
|
|
|
|
|
<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
|
2013-09-03 21:58:56 +03:00
|
|
|
</button>
|
|
|
|
</div>
|
2013-09-24 16:09:04 +03:00
|
|
|
|
|
|
|
<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>
|
2013-09-03 21:58:56 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<?php // Secretaries Tab ?>
|
|
|
|
<div id="secretaries" class="tab-content" style="display:none;">
|
|
|
|
<div class="filter span4">
|
|
|
|
<div class="input-append">
|
|
|
|
<input class="filter-key span12" type="text" />
|
|
|
|
<button class="filter-secretaries btn" type="button">Filter</button>
|
|
|
|
</div>
|
|
|
|
<h2>Secretaries</h2>
|
|
|
|
<div class="filter-results"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="details span7">
|
|
|
|
<div class="btn-toolbar">
|
|
|
|
<div class="add-edit-delete-group btn-group">
|
|
|
|
<button id="add-secretary" class="btn">
|
|
|
|
<i class="icon-plus"></i>
|
|
|
|
Add</button>
|
|
|
|
<button id="edit-secretary" class="btn" disabled="disabled">
|
|
|
|
<i class="icon-pencil"></i>
|
|
|
|
Edit</button>
|
|
|
|
<button id="delete-secretary" class="btn" disabled="disabled">
|
|
|
|
<i class="icon-remove"></i>
|
|
|
|
Delete</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="save-cancel-group btn-group" style="display:none;">
|
|
|
|
<button id="save-secretary" class="btn">
|
|
|
|
<i class="icon-ok"></i>
|
|
|
|
Save</button>
|
|
|
|
<button id="cancel-secretary" class="btn">
|
|
|
|
<i class="icon-ban-circle"></i>
|
|
|
|
Cancel</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<h2>Details</h2>
|
|
|
|
|
|
|
|
<div class="form-message alert" style="display:none;"></div>
|
|
|
|
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="hidden" id="secretary-id" class="record-id" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<div class="row-fluid">
|
|
|
|
<div class="secretary-details span6">
|
|
|
|
<label for="secretary-first-name">First Name</label>
|
|
|
|
<input type="text" id="secretary-first-name" class="span11" />
|
|
|
|
|
|
|
|
<label for="secretary-last-name">Last Name *</label>
|
|
|
|
<input type="text" id="secretary-last-name" class="span11 required" />
|
|
|
|
|
|
|
|
<label for="secretary-email">Email *</label>
|
|
|
|
<input type="text" id="secretary-email" class="span11 required" />
|
|
|
|
|
|
|
|
<label for="secretary-mobile-number">Mobile Number</label>
|
|
|
|
<input type="text" id="secretary-mobile-number" class="span11" />
|
|
|
|
|
|
|
|
<label for="secretary-phone-number">Phone Number *</label>
|
|
|
|
<input type="text" id="secretary-phone-number" class="span11 required" />
|
|
|
|
|
|
|
|
<label for="secretary-address">Address</label>
|
|
|
|
<input type="text" id="secretary-address" class="span11" />
|
|
|
|
|
|
|
|
<label for="secretary-city">City</label>
|
|
|
|
<input type="text" id="secretary-city" class="span11" />
|
|
|
|
|
|
|
|
<label for="secretary-state">State</label>
|
|
|
|
<input type="text" id="secretary-state" class="span11" />
|
|
|
|
|
|
|
|
<label for="secretary-zip-code">Zip Code</label>
|
|
|
|
<input type="text" id="secretary-zip-code" class="span11" />
|
|
|
|
|
|
|
|
<label for="secretary-notes">Notes</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<textarea id="secretary-notes" class="span11" rows="3"></textarea>
|
2013-09-03 21:58:56 +03:00
|
|
|
</div>
|
|
|
|
<div class="secretary-settings span6">
|
|
|
|
<label for="secretary-username">Username *</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="text" id="secretary-username" class="span9 required" />
|
|
|
|
|
2013-09-03 21:58:56 +03:00
|
|
|
<label for="secretary-password">Password *</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="password" id="secretary-password" class="span9 required"/>
|
2013-09-03 21:58:56 +03:00
|
|
|
|
|
|
|
<label for="secretary-password-confirm">Retype Password *</label>
|
2013-09-24 16:09:04 +03:00
|
|
|
<input type="password" id="secretary-password-confirm" class="span9 required" />
|
2013-09-03 21:58:56 +03:00
|
|
|
|
2013-09-13 16:21:03 +03:00
|
|
|
<br>
|
|
|
|
|
2013-09-03 21:58:56 +03:00
|
|
|
<button type="button" id="secretary-notifications" class="btn" data-toggle="button">
|
|
|
|
<i class="icon-asterisk"></i>
|
|
|
|
<span>Receive Notifications</span>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
2013-09-13 16:21:03 +03:00
|
|
|
<h4>Providers</h4>
|
2013-09-03 21:58:56 +03:00
|
|
|
<div id="secretary-providers"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|