fix some icons and styles

This commit is contained in:
Janina Phillips 2020-06-18 14:23:16 -04:00
parent 0b3d97ff1f
commit 1bd2647b77
6 changed files with 41 additions and 47 deletions

1
.npmrc Normal file
View file

@ -0,0 +1 @@
registry=https://registry.npmjs.org

View file

@ -67,50 +67,47 @@
<?php endif ?>
<?php if ($privileges[PRIV_APPOINTMENTS]['add'] == TRUE): ?>
<div class="btn-group">
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
<button class="btn btn-light" type="button" id="insert-appointment">
<span class="glyphicon glyphicon-plus"></span>
<i class="fas fa-plus"></i>
<?= lang('appointment') ?>
</button>
<button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" id="insert-unavailable">
<div class="btn-group" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<a class="dropdown-item" href="#" id="insert-unavailable">
<?= lang('unavailable') ?>
</a>
</li>
<li>
<a href="#" id="insert-extra-period">
<a class="dropdown-item" href="#" id="insert-extra-period">
<?= lang('extra_period') ?>
</a>
</li>
</ul>
</div>
</div>
</div>
<?php endif ?>
<button id="reload-appointments" class="btn btn-light" title="<?= lang('reload_appointments_hint') ?>">
<span class="glyphicon glyphicon-repeat"></span>
<i class="fas fa-redo-alt"></i>
</button>
<?php if($calendar_view === 'default'): ?>
<a class="btn btn-light" href="<?= site_url('backend?view=table') ?>"
title="<?= lang('table') ?>">
<span class="glyphicon glyphicon-list-alt"></span>
<i class="far fa-list-alt"></i>
</a>
<?php endif ?>
<?php if($calendar_view === 'table'): ?>
<a class="btn btn-light" href="<?= site_url('backend?view=default') ?>"
title="<?= lang('default') ?>">
<span class="glyphicon glyphicon-calendar"></span>
<i class="fas fa-calendar-alt"></i>
</a>
<?php endif ?>
<button id="toggle-fullscreen" class="btn btn-light">
<span class="glyphicon glyphicon-fullscreen"></span>
<i class="fas fa-expand-arrows-alt"></i>
</button>
</div>
</div>
@ -334,7 +331,7 @@
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
</div>
<div class="modal-body">
<div class="modal-message alert hidden"></div>
<div class="modal-message alert d-none"></div>
<form>
<fieldset>
@ -399,7 +396,7 @@
<h3 class="modal-title"><?= lang('new_extra_period_title') ?></h3>
</div>
<div class="modal-body">
<div class="modal-message alert hidden"></div>
<div class="modal-message alert d-none"></div>
<form>
<fieldset>

View file

@ -314,6 +314,16 @@ body legend {
text-align: right;
}
#calendar-actions > .btn-group {
width: auto;
}
@media all and (max-width: 470px) {
#calendar-actions > .btn-group {
width: 100%;
}
}
#calendar-page #calendar-actions > .btn {
margin: 5px 0;
}

View file

@ -80,7 +80,6 @@ body .ui-widget.ui-widget-content {
body #ui-datepicker-div {
margin-top: 4px;
z-index: 4 !important;
}
body .ui-datepicker .ui-widget-header {
@ -123,9 +122,9 @@ html body .ui-datepicker td a.ui-state-active {
font-weight: bold !important;
background: #3DD481 !important;
border-radius: 50px;
width: 22px;
height: 22px;
line-height: 1.3;
width: 24px;
height: 24px;
line-height: 1.2;
margin: 4px;
}
@ -396,23 +395,6 @@ li.language:hover {
max-height: 250px;
}
.has-error .control-label,
.has-error label {
color: #dc3545;
}
.has-error .form-control {
border-color: #dc3545;
}
a {
color: #17a2b8;
}
a:hover {
color: #0a6977;
}
body .popover-content strong {
min-width: 80px; display:inline-block;
}

View file

@ -54,7 +54,7 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
* Hides the open popover element.
*/
$calendarPage.on('click', '.close-popover', function () {
$(this).parents('.popover').popover('destroy');
$(this).parents('.popover').popover('dispose');
});
/**
@ -63,10 +63,12 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
* Enables the edit dialog of the selected calendar event.
*/
$calendarPage.on('click', '.edit-popover', function () {
$(this).parents('.popover').popover('destroy');
$(this).parents('.popover').popover('dispose');
var $dialog;
console.log(lastFocusedEventData.data)
if (lastFocusedEventData.data.is_unavailable === '0') {
var appointment = lastFocusedEventData.data;
$dialog = $('#manage-appointment');
@ -130,7 +132,7 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
* deletion then an AJAX call is made to the server and deletes the appointment from the database.
*/
$calendarPage.on('click', '.delete-popover', function () {
$(this).parents('.popover').popover('destroy');
$(this).parents('.popover').popover('dispose');
var url;
var data;
@ -277,7 +279,7 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
* above the calendar item.
*/
function calendarEventClick(event, jsEvent, view) {
$('.popover').popover('destroy'); // Close all open popovers.
$('.popover').popover('dispose'); // Close all open popovers.
var $html;
var displayEdit;
@ -694,6 +696,8 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
$('#notification').hide('bind');
}
console.log(event.data)
if (event.data.is_unavailable === '0') {
// Prepare appointment data.
var appointment = GeneralFunctions.clone(event.data);
@ -834,7 +838,7 @@ window.BackendCalendarDefaultView = window.BackendCalendarDefaultView || {};
// Remove all open popovers.
$('.close-popover').each(function (index, closePopoverButton) {
$(closePopoverButton).parents('.popover').popover('destroy');
$(closePopoverButton).parents('.popover').popover('dispose');
});
// Add new pop overs.

View file

@ -284,7 +284,7 @@ window.GeneralFunctions = window.GeneralFunctions || {};
};
$.post(url, data)
done(function () {
.done(function () {
document.location.reload(true);
})
.fail(GeneralFunctions.ajaxFailureHandler);