New feature: QSL card image upload

application/config/migration.php

@@ -21,7 +21,7 @@ $config['migration_enabled'] = TRUE;
 | be upgraded / downgraded to.
 |
 */
-$config['migration_version'] = 52;
+$config['migration_version'] = 54;
 
 /*
 |--------------------------------------------------------------------------

application/controllers/Logbook.php

@@ -411,6 +411,9 @@ class Logbook extends CI_Controller {
             $data['measurement_base'] = $this->session->userdata('user_measurement_base');
         }
 
+        $this->load->model('Qsl_model');
+        $data['qslimages'] = $this->Qsl_model->getQslForQsoId($id);
+
 		$this->load->view('interface_assets/mini_header', $data);
 		$this->load->view('view_log/qso');
 		$this->load->view('interface_assets/footer');

application/controllers/Qsl.php

@@ -0,0 +1,104 @@
+<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
+
+/*
+	Controller for QSL Cards
+*/
+
+class Qsl extends CI_Controller {
+
+    function __construct() {
+        parent::__construct();
+
+        $this->load->model('user_model');
+        if(!$this->user_model->authorize(2)) { $this->session->set_flashdata('notice', 'You\'re not allowed to do that!'); redirect('dashboard'); }
+    }
+
+    public function index() {
+        // Render Page
+        $data['page_title'] = "QSL Cards";
+
+        $this->load->model('qsl_model');
+        $data['qslarray'] = $this->qsl_model->getQsoWithQslList();
+
+        $this->load->view('interface_assets/header', $data);
+        $this->load->view('qslcard/index');
+        $this->load->view('interface_assets/footer');
+    }
+
+    public function upload() {
+        // Render Page
+        $data['page_title'] = "Upload QSL Cards";
+        $this->load->view('interface_assets/header', $data);
+        $this->load->view('qslcard/upload');
+        $this->load->view('interface_assets/footer');
+    }
+
+    public function delete() {
+        $this->load->model('user_model');
+        if(!$this->user_model->authorize(2)) { $this->session->set_flashdata('notice', 'You\'re not allowed to do that!'); redirect('dashboard'); }
+
+        $id = $this->input->post('id');
+        $this->load->model('Qsl_model');
+
+        $path = './assets/qslcard/';
+        $file = $this->Qsl_model->getFilename($id)->row();
+        $filename = $file->filename;
+        unlink($path.$filename);
+
+        $this->Qsl_model->deleteQsl($id);
+    }
+
+    public function uploadqsl() {
+        $this->load->model('user_model');
+        if(!$this->user_model->authorize(2)) { $this->session->set_flashdata('notice', 'You\'re not allowed to do that!'); redirect('dashboard'); }
+
+        if (!file_exists('./assets/qslcard')) {
+            mkdir('./assets/qslcard', 0755, true);
+        }
+        $qsoid = $this->input->post('qsoid');
+
+        if (isset($_FILES['qslcardfront']) && $_FILES['qslcardfront']['name'] != "" && $_FILES['qslcardfront']['error'] == 0)
+        {
+            $result = $this->uploadQslCard($qsoid);
+        }
+
+        // Set Page Title
+        $data['page_title'] = "QSL Upload";
+
+        // Load Views
+        $this->load->view('interface_assets/header', $data);
+        $this->load->view('qslcard/upload_done', $result);
+        $this->load->view('interface_assets/footer');
+    }
+
+    function uploadQslCard($qsoid) {
+        $config['upload_path']          = './assets/qslcard';
+        $config['allowed_types']        = 'jpg|gif|png';
+        $array = explode(".", $_FILES['qslcardfront']['name']);
+        $ext = end($array);
+        $config['file_name'] = $qsoid . '_' . time() . '.' . $ext;
+
+        $this->load->library('upload', $config);
+
+        if ( ! $this->upload->do_upload('qslcardfront')) {
+            // Upload of QSL card Failed
+            $error = array('error' => $this->upload->display_errors());
+
+            return $error;
+        }
+        else {
+            // Load database queries
+            $this->load->model('Qsl_model');
+
+            //Upload of QSL card was successful
+            $data = $this->upload->data();
+
+            // Now we need to insert info into database about file
+            $filename = $data['file_name'];
+            $this->Qsl_model->saveQsl($qsoid, $filename);
+
+            return 'Success';
+        }
+    }
+
+}

application/migrations/054_add_qsl_images.php

@@ -0,0 +1,19 @@
+<?php
+
+defined('BASEPATH') OR exit('No direct script access allowed');
+
+class Migration_add_qsl_images extends CI_Migration {
+
+    public function up()
+    {
+        // create qsl images table
+        $this->db->query("CREATE TABLE `qsl_images` 
+                    (`id` integer NOT NULL auto_increment, `qsoid` int, `filename` text, primary key (id)) 
+                    ENGINE=myisam DEFAULT CHARSET=utf8;");
+    }
+
+    public function down()
+    {
+        $this->db->query("");
+    }
+}

application/models/Qsl_model.php

@@ -0,0 +1,61 @@
+<?php
+class Qsl_model extends CI_Model {
+    function __construct()
+    {
+        // Call the Model constructor
+        parent::__construct();
+
+    }
+
+    function getQsoWithQslList() {
+        $CI =& get_instance();
+        $CI->load->model('Stations');
+        $station_id = $CI->Stations->find_active();
+
+        $this->db->select('*');
+        $this->db->from($this->config->item('table_name'));
+        $this->db->join('qsl_images', 'qsl_images.qsoid = ' . $this->config->item('table_name') . '.col_primary_key');
+        $this->db->where('station_id', $station_id);
+
+        return $this->db->get();
+    }
+
+    function getQslForQsoId($id) {
+        // Clean ID
+        $clean_id = $this->security->xss_clean($id);
+
+        $this->db->select('*');
+        $this->db->from('qsl_images');
+        $this->db->where('qsoid', $clean_id);
+
+        return $this->db->get()->result();
+    }
+
+    function saveQsl($qsoid, $filename) {
+        $data = array(
+            'qsoid' => $qsoid,
+            'filename' => $filename
+        );
+
+        $this->db->insert('qsl_images', $data);
+    }
+
+    function deleteQsl($id) {
+        // Clean ID
+        $clean_id = $this->security->xss_clean($id);
+
+        // Delete Mode
+        $this->db->delete('qsl_images', array('id' => $clean_id));
+    }
+
+    function getFilename($id) {
+        // Clean ID
+        $clean_id = $this->security->xss_clean($id);
+
+        $this->db->select('filename');
+        $this->db->from('qsl_images');
+        $this->db->where('id', $clean_id);
+
+        return $this->db->get();
+    }
+}

application/views/interface_assets/footer.php

@@ -2265,5 +2265,63 @@ $(document).ready(function(){
     </script>
 <?php } ?>
 
+<?php if ($this->uri->segment(1) == "qsl") { ?>
+    <script>
+        $('.qsltable').DataTable({
+            "pageLength": 25,
+            responsive: false,
+            ordering: false,
+            "scrollY":        "500px",
+            "scrollCollapse": true,
+            "paging":         false,
+            "scrollX": true
+        });
+
+        function viewQsl(picture, callsign) {
+            var baseURL= "<?php echo base_url();?>";
+            var $textAndPic = $('<div></div>');
+                $textAndPic.append('<img class="img-fluid" style="height:auto;width:auto;"src="'+baseURL+'/assets/qslcard/'+picture+'" />');
+
+            BootstrapDialog.show({
+                title: 'QSL Card for ' + callsign,
+                size: BootstrapDialog.SIZE_WIDE,
+                message: $textAndPic,
+                buttons: [{
+                    label: 'Close',
+                    action: function(dialogRef){
+                        dialogRef.close();
+                    }
+                }]
+            });
+        }
+
+    </script>
+<?php } ?>
+<script>
+function deleteQsl(id) {
+            BootstrapDialog.confirm({
+                title: 'DANGER',
+                message: 'Warning! Are you sure you want to delete this QSL card?'  ,
+                type: BootstrapDialog.TYPE_DANGER,
+                closable: true,
+                draggable: true,
+                btnOKClass: 'btn-danger',
+                callback: function(result) {
+                    if(result) {
+                        var baseURL= "<?php echo base_url();?>";
+                        $.ajax({
+                            url: baseURL + 'index.php/qsl/delete',
+                            type: 'post',
+                            data: {'id': id
+                            },
+                            success: function(data) {
+                                $("#" + id).parent("tr:first").remove(); // removes mode from table
+                            }
+                        });
+                    }
+                }
+            });
+        }
+</script>
   </body>
 </html>

application/views/interface_assets/header.php

@@ -67,6 +67,8 @@
 							<a class="dropdown-item" href="<?php echo site_url('qso?manual=0');?>" title="Log Live QSOs">Live QSO</a>
 							<div class="dropdown-divider"></div>
 							<a class="dropdown-item" href="<?php echo site_url('qso?manual=1');?>" title="Log QSO made in the past">Post QSO</a>
+                            <div class="dropdown-divider"></div>
+                            <a class="dropdown-item" href="<?php echo site_url('qsl');?>" title="QSL"> View QSL</a>
 						</div>
         	</li>
 

application/views/qslcard/index.php

@@ -0,0 +1,28 @@
+<div class="container">
+    <h2><?php echo $page_title; ?></h2>
+
+    <?php
+    if (is_array($qslarray->result())) {
+        echo '<table style="width:100%" class="qsltable table table-sm table-bordered table-hover table-striped table-condensed">
+        <thead>
+        <tr>
+        <th style=\'text-align: center\'>Callsign</th>
+        <th style=\'text-align: center\'>QSL</th>
+        <th style=\'text-align: center\'></th>
+        <th style=\'text-align: center\'></th>
+        </tr>
+        </thead><tbody>';
+
+        foreach ($qslarray->result() as $qsl) {
+            echo '<tr>';
+            echo '<td style=\'text-align: center\'>' . $qsl->COL_CALL . '</td>';
+            echo '<td style=\'text-align: center\'>' . $qsl->filename . '</td>';
+            echo '<td id="'.$qsl->id.'" style=\'text-align: center\'><button onclick="deleteQsl(\''.$qsl->id.'\')" class="btn btn-sm btn-danger">Delete</button></td>';
+            echo '<td style=\'text-align: center\'><button onclick="viewQsl(\''.$qsl->filename.'\', \''. $qsl->COL_CALL . '\')" class="btn btn-sm btn-success">View</button></td>';
+            echo '</tr>';
+        }
+
+        echo '</tbody></table>';
+    }
+    ?>
+</div>

application/views/qslcard/upload_done.php

@@ -0,0 +1,15 @@
+<div class="container">
+
+    <h2><?php echo $page_title; ?></h2>
+    <div class="card-body">
+        <?php if(isset($error)) { ?>
+            <div class="alert alert-danger" role="alert">
+                <?php echo $error; ?>
+            </div>
+        <?php } else { ?>
+            <div class="alert alert-success" role="alert">
+                QSLcard has been uploaded!
+    </div>
+        <?php } ?>
+    </div>
+</div>

application/views/view_log/qso.php

@@ -1,11 +1,31 @@
 <?php if ($query->num_rows() > 0) {  foreach ($query->result() as $row) { ?>
 <div class="container-fluid">
 
-	<div class="row">
+    <ul class="nav nav-tabs" id="myTab" role="tablist">
-		<div class="col">
+        <li class="nav-item">
-			<h3>QSO Details</h3>
+            <a class="nav-link active" id="table-tab" data-toggle="tab" href="#qsodetails" role="tab" aria-controls="table" aria-selected="true">QSO Details</a>
-		</div>
+        </li>
-	</div>
+        <?php
+        if (($this->config->item('use_auth')) && ($this->session->userdata('user_type') >= 2)) {
+
+            if (count($qslimages) > 0) {
+                echo '<li class="nav-item">
+                <a class="nav-link" id="map-tab" data-toggle="tab" href="#qslcard" role="tab" aria-controls="home" aria-selected="false">QSL card</a>
+                </li>';
+            }
+
+            echo '<li class="nav-item">
+            <a class="nav-link" id="map-tab" data-toggle="tab" href="#qslupload" role="tab" aria-controls="home" aria-selected="false">QSL card management</a>
+            </li>';
+
+
+        }
+        ?>
+
+    </ul>
+
+    <div class="tab-content" id="myTabContent">
+        <div class="tab-pane active" id="qsodetails" role="tabpanel" aria-labelledby="home-tab">
 
         <div class="row">
             <div class="col">
@@ -243,6 +263,7 @@
                     <?php } ?>
                 </table>
             </div>
+
                 <div class="col">
 
                     <div id="mapqso" style="width: 340px; height: 250px"></div>
@@ -269,6 +290,93 @@
 
                 </div>
             </div>
+        </div>
+
+        <?php
+        if (($this->config->item('use_auth')) && ($this->session->userdata('user_type') >= 2)) {
+        ?>
+        <div class="tab-pane fade" id="qslupload" role="tabpanel" aria-labelledby="table-tab">
+            <?php
+            if (count($qslimages) > 0) {
+            echo '<table style="width:100%" class="qsltable table table-sm table-bordered table-hover table-striped table-condensed">
+                <thead>
+                <tr>
+                    <th style=\'text-align: center\'>QSL image file</th>
+                    <th style=\'text-align: center\'></th>
+                </tr>
+                </thead><tbody>';
+
+                foreach ($qslimages as $qsl) {
+                echo '<tr>';
+                    echo '<td style=\'text-align: center\'>' . $qsl->filename . '</td>';
+                    echo '<td id="'.$qsl->id.'" style=\'text-align: center\'><button onclick="deleteQsl(\''.$qsl->id.'\')" class="btn btn-sm btn-danger">Delete</button></td>';
+                    echo '</tr>';
+                }
+
+                echo '</tbody></table>';
+            }
+            ?>
+            <form class="form" id="fileinfo" method="post" enctype="multipart/form-data" action="<?php echo site_url('qsl/uploadqsl');?>">
+                <fieldset>
+
+                    <div class="form-group">
+                        <label for="qslcardfront">Upload QSL card image</label>
+                        <input class="form-control-file" type="file" id="qslcardfront" name="qslcardfront" accept="image/*" capture="environment">
+                    </div>
+
+                    <input type="hidden" class="form-control" id="qsoinputid" name="qsoid" value="<?php echo $row->COL_PRIMARY_KEY; ?>">
+
+                    <button  type="submit" id="button1id"  name="button1id" class="btn btn-primary">Upload QSL card image</button>
+
+                </fieldset>
+            </form>
+        </div>
+
+        <div class="tab-pane fade" id="qslcard" role="tabpanel" aria-labelledby="table-tab">
+            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+                <ol class="carousel-indicators">
+                    <?php
+                    $i = 0;
+                    foreach ($qslimages as $image) {
+                        echo '<li data-target="#carouselExampleIndicators" data-slide-to="' . $i . '"';
+                        if ($i == 0) {
+                            echo 'class="active"';
+                        }
+                        $i++;
+                        echo '></li>';
+                    }
+                    ?>
+                </ol>
+                <div class="carousel-inner">
+
+                    <?php
+                    $i = 1;
+                    foreach ($qslimages as $image) {
+                        echo '<div class="carousel-item';
+                        if ($i == 1) {
+                            echo ' active';
+                        }
+                        echo '">';
+                        echo '<img class="d-block w-100" src="' . base_url() . '/assets/qslcard/' . $image->filename .'" alt="QSL picture #'. $i++.'">';
+                        echo '</div>';
+                    }
+                    ?>
+                </div>
+                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
+                </a>
+                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
+                </a>
+            </div>
+        </div>
+
+        <?php
+        }
+        ?>
+</div>
 </div>
 
 <?php