Switched Dashboard to latest Fancybox

application/views/dashboard/index.php

@@ -38,7 +38,11 @@
 				<?php  echo '<tr class="tr'.($i & 1).'">'; ?>
 					<td><?php $timestamp = strtotime($row->COL_TIME_ON); echo date('d/m/y', $timestamp); ?></td>
 					<td><?php $timestamp = strtotime($row->COL_TIME_ON); echo date('H:i', $timestamp); ?></td>
-					<td><a class="qsobox" href="<?php echo site_url('logbook/view')."/".$row->COL_PRIMARY_KEY; ?>"><?php echo strtoupper($row->COL_CALL); ?></a></td>
+					<td>
+						<a data-fancybox data-type="iframe" data-src="<?php echo site_url('logbook/view')."/".$row->COL_PRIMARY_KEY; ?>" href="javascript:;">
+							<?php echo strtoupper($row->COL_CALL); ?>
+						</a>
+					</td>
 					<td><?php echo $row->COL_MODE; ?></td>
 					<td><?php echo $row->COL_RST_SENT; ?> <?php if ($row->COL_STX_STRING) { ?><span class="label"><?php echo $row->COL_STX_STRING;?></span><?php } ?></td>
 					<td><?php echo $row->COL_RST_RCVD; ?> <?php if ($row->COL_SRX_STRING) { ?><span class="label"><?php echo $row->COL_SRX_STRING;?></span><?php } ?></td>

application/views/interface_assets/footer.php

@@ -2,6 +2,7 @@
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
     <script src="<?php echo base_url(); ?>assets/js/jquery-3.3.1.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
     <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
 
     <script type="text/javascript" src="<?php echo base_url(); ?>js/leaflet/leaflet.js"></script>
@@ -15,6 +16,17 @@ $(document).ready(function() {
 });
 </script>
 
+<script>
+$(document).ready(function() {
+    $('.fancybox').fancybox({
+      toolbar  : false,
+      smallBtn : true,
+      iframe : {
+        preload : false
+      }
+    });
+});
+</script>
     
     <script type="text/javascript" src="<?php echo base_url();?>js/leaflet/leafembed.js"></script>
     <script type="text/javascript">

application/views/interface_assets/header.php

@@ -9,6 +9,10 @@
     <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/bootstrap.min.css">
     <link rel="stylesheet" href="<?php echo base_url(); ?>assets/fontawesome/css/all.css">
 
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
+
+    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/general.css">
+
     <!-- Maps -->
     <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>js/leaflet/leaflet.css" />
 

assets/css/general.css

@@ -0,0 +1,5 @@
+.fancybox-content {
+    width  : 710px !important;
+    height : 310px !important;
+    margin: 0;
+}