@@ -0,0 +1,351 @@ | |||
/* Magnific Popup CSS */ | |||
.mfp-bg { | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
z-index: 1042; | |||
overflow: hidden; | |||
position: fixed; | |||
background: #0b0b0b; | |||
opacity: 0.8; } | |||
.mfp-wrap { | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
z-index: 1043; | |||
position: fixed; | |||
outline: none !important; | |||
-webkit-backface-visibility: hidden; } | |||
.mfp-container { | |||
text-align: center; | |||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
left: 0; | |||
top: 0; | |||
padding: 0 8px; | |||
box-sizing: border-box; } | |||
.mfp-container:before { | |||
content: ''; | |||
display: inline-block; | |||
height: 100%; | |||
vertical-align: middle; } | |||
.mfp-align-top .mfp-container:before { | |||
display: none; } | |||
.mfp-content { | |||
position: relative; | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin: 0 auto; | |||
text-align: left; | |||
z-index: 1045; } | |||
.mfp-inline-holder .mfp-content, | |||
.mfp-ajax-holder .mfp-content { | |||
width: 100%; | |||
cursor: auto; } | |||
.mfp-ajax-cur { | |||
cursor: progress; } | |||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { | |||
cursor: -moz-zoom-out; | |||
cursor: -webkit-zoom-out; | |||
cursor: zoom-out; } | |||
.mfp-zoom { | |||
cursor: pointer; | |||
cursor: -webkit-zoom-in; | |||
cursor: -moz-zoom-in; | |||
cursor: zoom-in; } | |||
.mfp-auto-cursor .mfp-content { | |||
cursor: auto; } | |||
.mfp-close, | |||
.mfp-arrow, | |||
.mfp-preloader, | |||
.mfp-counter { | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
user-select: none; } | |||
.mfp-loading.mfp-figure { | |||
display: none; } | |||
.mfp-hide { | |||
display: none !important; } | |||
.mfp-preloader { | |||
color: #CCC; | |||
position: absolute; | |||
top: 50%; | |||
width: auto; | |||
text-align: center; | |||
margin-top: -0.8em; | |||
left: 8px; | |||
right: 8px; | |||
z-index: 1044; } | |||
.mfp-preloader a { | |||
color: #CCC; } | |||
.mfp-preloader a:hover { | |||
color: #FFF; } | |||
.mfp-s-ready .mfp-preloader { | |||
display: none; } | |||
.mfp-s-error .mfp-content { | |||
display: none; } | |||
button.mfp-close, | |||
button.mfp-arrow { | |||
overflow: visible; | |||
cursor: pointer; | |||
background: transparent; | |||
border: 0; | |||
-webkit-appearance: none; | |||
display: block; | |||
outline: none; | |||
padding: 0; | |||
z-index: 1046; | |||
box-shadow: none; | |||
touch-action: manipulation; } | |||
button::-moz-focus-inner { | |||
padding: 0; | |||
border: 0; } | |||
.mfp-close { | |||
width: 44px; | |||
height: 44px; | |||
line-height: 44px; | |||
position: absolute; | |||
right: 0; | |||
top: 0; | |||
text-decoration: none; | |||
text-align: center; | |||
opacity: 0.65; | |||
padding: 0 0 18px 10px; | |||
color: #FFF; | |||
font-style: normal; | |||
font-size: 28px; | |||
font-family: Arial, Baskerville, monospace; } | |||
.mfp-close:hover, | |||
.mfp-close:focus { | |||
opacity: 1; } | |||
.mfp-close:active { | |||
top: 1px; } | |||
.mfp-close-btn-in .mfp-close { | |||
color: #333; } | |||
.mfp-image-holder .mfp-close, | |||
.mfp-iframe-holder .mfp-close { | |||
color: #FFF; | |||
right: -6px; | |||
text-align: right; | |||
padding-right: 6px; | |||
width: 100%; } | |||
.mfp-counter { | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
color: #CCC; | |||
font-size: 12px; | |||
line-height: 18px; | |||
white-space: nowrap; } | |||
.mfp-arrow { | |||
position: absolute; | |||
opacity: 0.65; | |||
margin: 0; | |||
top: 50%; | |||
margin-top: -55px; | |||
padding: 0; | |||
width: 90px; | |||
height: 110px; | |||
-webkit-tap-highlight-color: transparent; } | |||
.mfp-arrow:active { | |||
margin-top: -54px; } | |||
.mfp-arrow:hover, | |||
.mfp-arrow:focus { | |||
opacity: 1; } | |||
.mfp-arrow:before, | |||
.mfp-arrow:after { | |||
content: ''; | |||
display: block; | |||
width: 0; | |||
height: 0; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
margin-top: 35px; | |||
margin-left: 35px; | |||
border: medium inset transparent; } | |||
.mfp-arrow:after { | |||
border-top-width: 13px; | |||
border-bottom-width: 13px; | |||
top: 8px; } | |||
.mfp-arrow:before { | |||
border-top-width: 21px; | |||
border-bottom-width: 21px; | |||
opacity: 0.7; } | |||
.mfp-arrow-left { | |||
left: 0; } | |||
.mfp-arrow-left:after { | |||
border-right: 17px solid #FFF; | |||
margin-left: 31px; } | |||
.mfp-arrow-left:before { | |||
margin-left: 25px; | |||
border-right: 27px solid #3F3F3F; } | |||
.mfp-arrow-right { | |||
right: 0; } | |||
.mfp-arrow-right:after { | |||
border-left: 17px solid #FFF; | |||
margin-left: 39px; } | |||
.mfp-arrow-right:before { | |||
border-left: 27px solid #3F3F3F; } | |||
.mfp-iframe-holder { | |||
padding-top: 40px; | |||
padding-bottom: 40px; } | |||
.mfp-iframe-holder .mfp-content { | |||
line-height: 0; | |||
width: 100%; | |||
max-width: 900px; } | |||
.mfp-iframe-holder .mfp-close { | |||
top: -40px; } | |||
.mfp-iframe-scaler { | |||
width: 100%; | |||
height: 0; | |||
overflow: hidden; | |||
padding-top: 56.25%; } | |||
.mfp-iframe-scaler iframe { | |||
position: absolute; | |||
display: block; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |||
background: #000; } | |||
/* Main image in popup */ | |||
img.mfp-img { | |||
width: auto; | |||
max-width: 100%; | |||
height: auto; | |||
display: block; | |||
line-height: 0; | |||
box-sizing: border-box; | |||
padding: 40px 0 40px; | |||
margin: 0 auto; } | |||
/* The shadow behind the image */ | |||
.mfp-figure { | |||
line-height: 0; } | |||
.mfp-figure:after { | |||
content: ''; | |||
position: absolute; | |||
left: 0; | |||
top: 40px; | |||
bottom: 40px; | |||
display: block; | |||
right: 0; | |||
width: auto; | |||
height: auto; | |||
z-index: -1; | |||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); | |||
background: #444; } | |||
.mfp-figure small { | |||
color: #BDBDBD; | |||
display: block; | |||
font-size: 12px; | |||
line-height: 14px; } | |||
.mfp-figure figure { | |||
margin: 0; } | |||
.mfp-bottom-bar { | |||
margin-top: -36px; | |||
position: absolute; | |||
top: 100%; | |||
left: 0; | |||
width: 100%; | |||
cursor: auto; } | |||
.mfp-title { | |||
text-align: left; | |||
line-height: 18px; | |||
color: #F3F3F3; | |||
word-wrap: break-word; | |||
padding-right: 36px; } | |||
.mfp-image-holder .mfp-content { | |||
max-width: 100%; } | |||
.mfp-gallery .mfp-image-holder .mfp-figure { | |||
cursor: pointer; } | |||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { | |||
/** | |||
* Remove all paddings around the image on small screen | |||
*/ | |||
.mfp-img-mobile .mfp-image-holder { | |||
padding-left: 0; | |||
padding-right: 0; } | |||
.mfp-img-mobile img.mfp-img { | |||
padding: 0; } | |||
.mfp-img-mobile .mfp-figure:after { | |||
top: 0; | |||
bottom: 0; } | |||
.mfp-img-mobile .mfp-figure small { | |||
display: inline; | |||
margin-left: 5px; } | |||
.mfp-img-mobile .mfp-bottom-bar { | |||
background: rgba(0, 0, 0, 0.6); | |||
bottom: 0; | |||
margin: 0; | |||
top: auto; | |||
padding: 3px 5px; | |||
position: fixed; | |||
box-sizing: border-box; } | |||
.mfp-img-mobile .mfp-bottom-bar:empty { | |||
padding: 0; } | |||
.mfp-img-mobile .mfp-counter { | |||
right: 5px; | |||
top: 3px; } | |||
.mfp-img-mobile .mfp-close { | |||
top: 0; | |||
right: 0; | |||
width: 35px; | |||
height: 35px; | |||
line-height: 35px; | |||
background: rgba(0, 0, 0, 0.6); | |||
position: fixed; | |||
text-align: center; | |||
padding: 0; } } | |||
@media all and (max-width: 900px) { | |||
.mfp-arrow { | |||
-webkit-transform: scale(0.75); | |||
transform: scale(0.75); } | |||
.mfp-arrow-left { | |||
-webkit-transform-origin: 0; | |||
transform-origin: 0; } | |||
.mfp-arrow-right { | |||
-webkit-transform-origin: 100%; | |||
transform-origin: 100%; } | |||
.mfp-container { | |||
padding-left: 6px; | |||
padding-right: 6px; } } |
@@ -88,8 +88,8 @@ if (is_dir(HESK_PATH . 'install')) { | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/fullcalendar.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/bootstrap-clockpicker.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/bootstrap-colorpicker.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/jquery.fancybox.min.css?v=<? echo MODS_FOR_HESK_BUILD ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/toastr.min.css?v=<?php echo MODS_FOR_HESK_BUILD ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/toastr.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/magnific-popup.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<?php if (defined('USE_JQUERY_2')): ?> | |||
<script src="<?php echo HESK_PATH; ?>js/jquery-2.2.4.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<?php else: ?> | |||
@@ -111,8 +111,8 @@ if (is_dir(HESK_PATH . 'install')) { | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/bootstrap-validator.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>internal-api/js/core.php?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/bootstrap-colorpicker.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/jquery.fancybox.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/toastr.min.js?v=<?php echo MODS_FOR_HESK_BUILD ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/jquery.magnific-popup.min.js?v=<?php echo MODS_FOR_HESK_BUILD ?>"></script> | |||
<style> | |||
.navbar-default { | |||
background-color: <?php echo $modsForHesk_settings['navbarBackgroundColor']; ?>; |
@@ -42,8 +42,8 @@ $modsForHesk_settings = mfh_getSettings(); | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/bootstrap-colorpicker.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/AdminLTE.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/skins/_all-skins.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/jquery.fancybox.min.css?v=<?php echo MODS_FOR_HESK_BUILD ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/toastr.min.css?v=<?php echo MODS_FOR_HESK_BUILD ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/toastr.min.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/magnific-popup.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/mods-for-hesk-new.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/colors.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
<link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/positions.css?v=<?php echo MODS_FOR_HESK_BUILD; ?>"> | |||
@@ -71,10 +71,10 @@ $modsForHesk_settings = mfh_getSettings(); | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>internal-api/js/core-admin.php?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/bootstrap-colorpicker.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/jquery.slimscroll.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/toastr.min.js?v=<?php echo MODS_FOR_HESK_BUILD ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>internal-api/js/alerts.js?v=<?php echo MODS_FOR_HESK_BUILD ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>internal-api/js/lang.js?v=<?php echo MODS_FOR_HESK_BUILD ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/jquery.fancybox.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/toastr.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>js/jquery.magnific-popup.min.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>internal-api/js/alerts.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<script type="text/javascript" src="<?php echo HESK_PATH; ?>internal-api/js/lang.js?v=<?php echo MODS_FOR_HESK_BUILD; ?>"></script> | |||
<?php | |||
if (defined('EXTRA_JS')) { | |||
echo EXTRA_JS; |
@@ -15,8 +15,7 @@ function mfh_listAttachments($attachments = '', $reply = 0, $is_staff) | |||
/* List attachments */ | |||
$att = explode(',', substr($attachments, 0, -1)); | |||
$uniq_identifier = null; | |||
echo '<div class="table-responsive">'; | |||
echo '<div class="table-responsive" data-toggle="lightbox">'; | |||
echo '<table class="table table-striped attachment-table">'; | |||
echo '<thead> | |||
<tr> | |||
@@ -32,10 +31,6 @@ function mfh_listAttachments($attachments = '', $reply = 0, $is_staff) | |||
foreach ($att as $myatt) { | |||
list($att_id, $att_name) = explode('#', $myatt); | |||
if ($uniq_identifier === null) { | |||
$uniq_identifier = $att_id; | |||
} | |||
$fileparts = pathinfo($att_name); | |||
$fontAwesomeIcon = mfh_getFontAwesomeIconForFileExtension($fileparts['extension']); | |||
echo ' | |||
@@ -49,7 +44,7 @@ function mfh_listAttachments($attachments = '', $reply = 0, $is_staff) | |||
if ($path == '') { | |||
echo '<i class="fa fa-ban fa-4x" data-toggle="tooltip" title="' . $hesklang['attachment_removed'] . '"></i>'; | |||
} else { | |||
echo '<a href="' . $path . '" data-fancybox="' . htmlspecialchars($uniq_identifier) . '"> | |||
echo '<a href="' . $path . '" data-toggle="lightbox-item"> | |||
<img src="' . $path . '" alt="' . $hesklang['image'] . '" data-toggle="tooltip" title="' . $hesklang['click_to_preview'] . '"> | |||
</a>'; | |||
} |
@@ -86,6 +86,15 @@ var loadJquery = function() | |||
$('#' + hide).hide(); | |||
}); | |||
$('[data-toggle="lightbox"]').magnificPopup({ | |||
delegate: 'a[data-toggle="lightbox-item"]', | |||
type: 'image', | |||
gallery: { | |||
enabled: true | |||
}, | |||
closeOnContentClick: true | |||
}); | |||
//-- Initialize toastr properties | |||
toastr.options.progressBar = true; | |||
toastr.options.closeButton = true; |