Updated users page for bootstrap 3.
This commit is contained in:
parent
6c6a597064
commit
651c2c5101
4 changed files with 98 additions and 45 deletions
|
@ -214,7 +214,7 @@
|
|||
</div>
|
||||
|
||||
<div class="details column col-md-7">
|
||||
<div class="btn-toolbar col-md-5">
|
||||
<div>
|
||||
<div class="add-edit-delete-group btn-group">
|
||||
<button id="add-provider" class="btn btn-primary">
|
||||
<span class="glyphicon glyphicon-plus"></span>
|
||||
|
@ -356,44 +356,72 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><label class="checkbox"><input type="checkbox" id="monday" />
|
||||
<?php echo $this->lang->line('monday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="monday" />
|
||||
<?php echo $this->lang->line('monday'); ?></label>
|
||||
</div>
|
||||
</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" />
|
||||
<?php echo $this->lang->line('tuesday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="tuesday" />
|
||||
<?php echo $this->lang->line('tuesday'); ?></label>
|
||||
</div>
|
||||
</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" />
|
||||
<?php echo $this->lang->line('wednesday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="wednesday" />
|
||||
<?php echo $this->lang->line('wednesday'); ?></label>
|
||||
</div>
|
||||
</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" />
|
||||
<?php echo $this->lang->line('thursday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="thursday" />
|
||||
<?php echo $this->lang->line('thursday'); ?></label>
|
||||
</div>
|
||||
</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" />
|
||||
<?php echo $this->lang->line('friday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="friday" />
|
||||
<?php echo $this->lang->line('friday'); ?></label>
|
||||
</div>
|
||||
</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" />
|
||||
<?php echo $this->lang->line('saturday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="saturday" />
|
||||
<?php echo $this->lang->line('saturday'); ?></label>
|
||||
</div>
|
||||
</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" />
|
||||
<?php echo $this->lang->line('sunday'); ?></label></td>
|
||||
<td>
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" id="sunday" />
|
||||
<?php echo $this->lang->line('sunday'); ?></label>
|
||||
</div>
|
||||
</td>
|
||||
<td><input type="text" id="sunday-start" class="work-start" /></td>
|
||||
<td><input type="text" id="sunday-end" class="work-end" /></td>
|
||||
</tr>
|
||||
|
|
|
@ -569,7 +569,7 @@ body .form-horizontal .controls {
|
|||
#users-page #providers .switch-view strong {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 8px 20px;
|
||||
margin: 3px 20px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
|
|
@ -55,18 +55,34 @@ var BackendUsers = {
|
|||
BackendUsers.wp.bindEventHandlers();
|
||||
|
||||
// Fill the services and providers list boxes.
|
||||
var html = '<div class="col-md-12">';
|
||||
$.each(GlobalVariables.services, function(index, service) {
|
||||
var html = '<label class="checkbox"><input type="checkbox" data-id="' + service.id + '" />'
|
||||
+ service.name + '</label>';
|
||||
$('#provider-services').append(html);
|
||||
html +=
|
||||
'<div class="checkbox">' +
|
||||
'<label class="checkbox">' +
|
||||
'<input type="checkbox" data-id="' + service.id + '" />' +
|
||||
service.name +
|
||||
'</label>' +
|
||||
'</div>';
|
||||
|
||||
});
|
||||
html += '</div>';
|
||||
$('#provider-services').html(html);
|
||||
$('#provider-services').jScrollPane({ mouseWheelSpeed: 70 });
|
||||
|
||||
var html = '<div class="col-md-12">';
|
||||
$.each(GlobalVariables.providers, function(index, provider) {
|
||||
var html = '<label class="checkbox"><input type="checkbox" data-id="' + provider.id + '" />'
|
||||
+ provider.first_name + ' ' + provider.last_name + '</label>';
|
||||
$('#secretary-providers').append(html);
|
||||
html +=
|
||||
'<div class="checkbox">' +
|
||||
'<label class="checkbox">' +
|
||||
'<input type="checkbox" data-id="' + provider.id + '" />' +
|
||||
provider.first_name + ' ' + provider.last_name +
|
||||
'</label>' +
|
||||
'</div>';
|
||||
|
||||
});
|
||||
html += '</div>';
|
||||
$('#secretary-providers').html(html);
|
||||
$('#secretary-providers').jScrollPane({ mouseWheelSpeed: 70 });
|
||||
|
||||
$('#reset-working-plan').qtip({
|
||||
|
@ -126,14 +142,23 @@ var BackendUsers = {
|
|||
GlobalVariables.providers = response;
|
||||
|
||||
$('#secretary-providers').data('jsp').destroy();
|
||||
$('#secretary-providers').html('');
|
||||
|
||||
var html = '<div class="col-md-12">';
|
||||
$.each(GlobalVariables.providers, function(index, provider) {
|
||||
var html = '<label class="checkbox"><input type="checkbox" data-id="' + provider.id + '" />'
|
||||
+ provider.first_name + ' ' + provider.last_name + '</label>';
|
||||
$('#secretary-providers').append(html);
|
||||
});
|
||||
$('#secretary-providers input[type="checkbox"]').prop('disabled', true);
|
||||
$('#secretary-providers').jScrollPane({ mouseWheelSpeed: 70 });
|
||||
html +=
|
||||
'<div class="checkbox">' +
|
||||
'<label class="checkbox">' +
|
||||
'<input type="checkbox" data-id="' + provider.id + '" />' +
|
||||
provider.first_name + ' ' + provider.last_name +
|
||||
'</label>' +
|
||||
'</div>';
|
||||
|
||||
});
|
||||
html += '</div>';
|
||||
$('#secretary-providers').html(html);
|
||||
|
||||
$('#secretary-providers input[type="checkbox"]').prop('disabled', true);
|
||||
$('#secretary-providers').jScrollPane({ mouseWheelSpeed: 70 });
|
||||
}, 'json');
|
||||
}
|
||||
|
||||
|
|
|
@ -55,17 +55,17 @@ WorkingPlan.prototype.setup = function(workingPlan) {
|
|||
'<td class="break-start editable">' + brk.start + '</td>' +
|
||||
'<td class="break-end editable">' + brk.end + '</td>' +
|
||||
'<td>' +
|
||||
'<button type="button" class="btn edit-break" title="' + EALang['edit'] + '">' +
|
||||
'<i class="icon-pencil"></i>' +
|
||||
'<button type="button" class="btn btn-sm edit-break" title="' + EALang['edit'] + '">' +
|
||||
'<span class="glyphicon glyphicon-pencil"></span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn delete-break" title="' + EALang['delete'] + '">' +
|
||||
'<i class="icon-remove"></i>' +
|
||||
'<button type="button" class="btn btn-sm delete-break" title="' + EALang['delete'] + '">' +
|
||||
'<span class="glyphicon glyphicon-remove"></span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn save-break hidden" title="' + EALang['save'] + '">' +
|
||||
'<i class="icon-ok"></i>' +
|
||||
'<button type="button" class="btn btn-sm save-break hidden" title="' + EALang['save'] + '">' +
|
||||
'<span class="glyphicon glyphicon-ok"></span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn cancel-break hidden" title="' + EALang['cancel'] + '">' +
|
||||
'<i class="icon-ban-circle"></i>' +
|
||||
'<button type="button" class="btn btn-sm cancel-break hidden" title="' + EALang['cancel'] + '">' +
|
||||
'<span class="glyphicon glyphicon-ban-circle"></span>' +
|
||||
'</button>' +
|
||||
'</td>' +
|
||||
'</tr>';
|
||||
|
@ -178,17 +178,17 @@ WorkingPlan.prototype.bindEventHandlers = function() {
|
|||
'<td class="break-start editable">09:00</td>' +
|
||||
'<td class="break-end editable">10:00</td>' +
|
||||
'<td>' +
|
||||
'<button type="button" class="btn edit-break" title="' + EALang['edit'] + '">' +
|
||||
'<i class="icon-pencil"></i>' +
|
||||
'<button type="button" class="btn btn-sm edit-break" title="' + EALang['edit'] + '">' +
|
||||
'<span class="glyphicon glyphicon-pencil"></span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn delete-break" title="' + EALang['delete'] + '">' +
|
||||
'<i class="icon-remove"></i>' +
|
||||
'<button type="button" class="btn btn-sm delete-break" title="' + EALang['delete'] + '">' +
|
||||
'<span class="glyphicon glyphicon-remove"></span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn save-break hidden" title="' + EALang['save'] + '">' +
|
||||
'<i class="icon-ok"></i>' +
|
||||
'<button type="button" class="btn btn-sm save-break hidden" title="' + EALang['save'] + '">' +
|
||||
'<span class="glyphicon glyphicon-ok"></span>' +
|
||||
'</button>' +
|
||||
'<button type="button" class="btn cancel-break hidden" title="' + EALang['cancel'] + '">' +
|
||||
'<i class="icon-ban-circle"></i>' +
|
||||
'<button type="button" class="btn btn-sm cancel-break hidden" title="' + EALang['cancel'] + '">' +
|
||||
'<span class="glyphicon glyphicon-ban-circle"></span>' +
|
||||
'</button>' +
|
||||
'</td>' +
|
||||
'</tr>';
|
||||
|
|
Loading…
Reference in a new issue