mirror of
https://github.com/magicbug/Cloudlog
synced 2026-08-13 17:49:35 -04:00
e23decde7e
Make action buttons in the logbooks index conditional while keeping layout intact. Always show the Edit button; show Embed only when a public_slug exists; show Share only for the owner or admin; show Delete only when the logbook is not the active station logbook and the user is the owner. Hidden placeholder buttons include tabindex and aria-hidden to preserve spacing and accessibility. Added inline comments for clarity.
253 lines
15 KiB
PHP
253 lines
15 KiB
PHP
<div class="container logbooks-management">
|
|
|
|
<br>
|
|
<?php if($this->session->flashdata('message')) { ?>
|
|
<!-- Display Message -->
|
|
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
|
<i class="fas fa-check-circle me-2"></i><?php echo $this->session->flashdata('message'); ?>
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
<!-- Page Header -->
|
|
<div class="row mb-4">
|
|
<div class="col-md-12">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h2><i class="fas fa-book me-2"></i><?php echo $page_title; ?></h2>
|
|
<p class="text-muted mb-0">Organize your QSOs into separate logbooks</p>
|
|
</div>
|
|
<a href="<?php echo site_url('logbooks/create'); ?>" class="btn btn-primary">
|
|
<i class="fas fa-plus me-2"></i><?php echo lang('station_logbooks_create')?></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Information Card -->
|
|
<div class="row mb-4">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header bg-light">
|
|
<h5 class="mb-0"><i class="fas fa-info-circle me-2"></i><?php echo lang('station_logbooks_description_header')?></h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="mb-0"><?php echo lang('station_logbooks_description_text')?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Station Logbooks Table -->
|
|
<?php if ($my_logbooks->num_rows() > 0) { ?>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header bg-light">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<h5 class="mb-0"><i class="fas fa-list me-2"></i><?php echo lang('station_logbooks')?> (<?php echo $my_logbooks->num_rows(); ?>)</h5>
|
|
<small class="text-muted">Click to set a logbook as active</small>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-3">
|
|
<div class="table-responsive">
|
|
<table id="station_logbooks_table" class="table table-hover">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th scope="col"><i class="fas fa-tag me-1"></i><?php echo lang('general_word_name')?></th>
|
|
<th scope="col" class="text-center"><i class="fas fa-power-off me-1"></i><?php echo lang('station_logbooks_status')?></th>
|
|
<th scope="col" class="text-center"><i class="fas fa-globe me-1"></i><?php echo lang('station_logbooks_link')?></th>
|
|
<th scope="col" class="text-center"><i class="fas fa-search me-1"></i><?php echo lang('station_logbooks_public_search')?></th>
|
|
<th scope="col" class="text-center"><i class="fas fa-tools me-1"></i>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach ($my_logbooks->result() as $row) { ?>
|
|
<tr <?php if($this->session->userdata('active_station_logbook') == $row->logbook_id) { echo 'class="table-success"'; } ?>>
|
|
<td class="align-middle">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<strong><?php echo $row->logbook_name;?></strong>
|
|
<?php if($this->session->userdata('active_station_logbook') == $row->logbook_id) { ?>
|
|
<span class="badge bg-success ms-2">
|
|
<i class="fas fa-check me-1"></i><?php echo lang('station_logbooks_active_logbook'); ?>
|
|
</span>
|
|
<?php } ?>
|
|
<?php if(isset($row->access_level) && $row->access_level != 'owner') { ?>
|
|
<span class="badge bg-info ms-2" title="Shared logbook">
|
|
<i class="fas fa-users me-1"></i>Shared (<?php echo ucfirst($row->access_level); ?>)
|
|
</span>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="align-middle text-center">
|
|
<?php if($this->session->userdata('active_station_logbook') != $row->logbook_id) { ?>
|
|
<a href="<?php echo site_url('logbooks/set_active')."/".$row->logbook_id; ?>"
|
|
class="btn btn-outline-success btn-sm"
|
|
title="<?php echo lang('station_logbooks_set_active')?>">
|
|
<i class="fas fa-power-off me-1"></i><?php echo lang('station_logbooks_set_active')?>
|
|
</a>
|
|
<?php } else { ?>
|
|
<span class="badge bg-success">
|
|
<i class="fas fa-check me-1"></i><?php echo lang('station_logbooks_active_logbook'); ?>
|
|
</span>
|
|
<?php } ?>
|
|
</td>
|
|
<td class="align-middle text-center">
|
|
<?php if($row->public_slug != '') { ?>
|
|
<a target="_blank" href="<?php echo site_url('visitor')."/".$row->public_slug; ?>"
|
|
class="btn btn-info btn-sm"
|
|
title="<?php echo lang('station_logbooks_view_public') . $row->logbook_name;?>">
|
|
<i class="fas fa-globe me-1"></i>View Public
|
|
</a>
|
|
<?php } else { ?>
|
|
<span class="text-muted">-</span>
|
|
<?php } ?>
|
|
</td>
|
|
<td class="align-middle text-center">
|
|
<?php if ($row->public_search == 1) { ?>
|
|
<span class="badge bg-success">
|
|
<i class="fas fa-check me-1"></i><?php echo lang('general_word_enabled'); ?>
|
|
</span>
|
|
<?php } else { ?>
|
|
<span class="badge bg-secondary">
|
|
<i class="fas fa-times me-1"></i><?php echo lang('general_word_disabled'); ?>
|
|
</span>
|
|
<?php } ?>
|
|
</td>
|
|
<td class="align-middle text-center">
|
|
<div class="d-flex justify-content-center gap-1">
|
|
<!-- Edit: always visible -->
|
|
<a href="<?php echo site_url('logbooks/edit')."/".$row->logbook_id; ?>"
|
|
class="btn btn-primary btn-sm"
|
|
title="<?php echo lang('station_logbooks_edit_logbook') . ': ' . $row->logbook_name;?>">
|
|
<i class="fas fa-edit"></i>
|
|
</a>
|
|
<!-- Embed code: only if logbook has a public slug -->
|
|
<?php if($row->public_slug != '') { ?>
|
|
<button class="btn btn-success btn-sm"
|
|
title="Get Embed Code"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#embedModal"
|
|
onclick="setEmbedCode('<?php echo $row->public_slug; ?>', '<?php echo addslashes($row->logbook_name); ?>')">
|
|
<i class="fas fa-code"></i>
|
|
</button>
|
|
<?php } else { ?>
|
|
<button class="btn btn-success btn-sm" style="visibility:hidden;" tabindex="-1" aria-hidden="true"><i class="fas fa-code"></i></button>
|
|
<?php } ?>
|
|
<!-- Share: only if owner or admin -->
|
|
<?php if($row->user_id == $this->session->userdata('user_id') || (isset($row->access_level) && $row->access_level == 'admin')) { ?>
|
|
<a href="<?php echo site_url('logbooks/manage_sharing')."/".$row->logbook_id; ?>"
|
|
class="btn btn-info btn-sm"
|
|
title="Manage Sharing">
|
|
<i class="fas fa-users"></i>
|
|
</a>
|
|
<?php } else { ?>
|
|
<button class="btn btn-info btn-sm" style="visibility:hidden;" tabindex="-1" aria-hidden="true"><i class="fas fa-users"></i></button>
|
|
<?php } ?>
|
|
<!-- Delete: only if not active logbook and owner -->
|
|
<?php if($this->session->userdata('active_station_logbook') != $row->logbook_id && $row->user_id == $this->session->userdata('user_id')) { ?>
|
|
<a href="<?php echo site_url('Logbooks/delete')."/".$row->logbook_id; ?>"
|
|
class="btn btn-danger btn-sm"
|
|
title="<?php echo lang('admin_delete')?>"
|
|
onclick="return confirm('<?php echo lang('station_logbooks_confirm_delete') . $row->logbook_name; ?>');">
|
|
<i class="fas fa-trash"></i>
|
|
</a>
|
|
<?php } else { ?>
|
|
<button class="btn btn-danger btn-sm" style="visibility:hidden;" tabindex="-1" aria-hidden="true"><i class="fas fa-trash"></i></button>
|
|
<?php } ?>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<?php } ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } else { ?>
|
|
<!-- Empty State -->
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-body text-center py-5">
|
|
<i class="fas fa-book text-muted mb-3" style="font-size: 3rem;"></i>
|
|
<h5 class="text-muted mb-3">No Logbooks</h5>
|
|
<p class="text-muted mb-4">You haven't created any logbooks yet. Create your first logbook to organize your QSOs.</p>
|
|
<a href="<?php echo site_url('logbooks/create'); ?>" class="btn btn-primary btn-lg">
|
|
<i class="fas fa-plus me-2"></i><?php echo lang('station_logbooks_create')?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
</div>
|
|
|
|
<!-- Embed Code Modal -->
|
|
<div class="modal fade" id="embedModal" tabindex="-1" aria-labelledby="embedModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="embedModalLabel">
|
|
<i class="fas fa-code me-2"></i>Embed Widget - <span id="embedLogbookName"></span>
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="text-muted mb-3">Copy the code below and paste it into your website to embed your logbook widget:</p>
|
|
<div class="mb-3">
|
|
<label for="embedCodeInput" class="form-label">Embed Code</label>
|
|
<div class="input-group">
|
|
<textarea class="form-control" id="embedCodeInput" rows="4" readonly></textarea>
|
|
<button class="btn btn-primary" type="button" id="copyEmbedBtn" title="Copy to clipboard">
|
|
<i class="fas fa-copy me-1"></i>Copy
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="alert alert-info" role="alert">
|
|
<strong>Note:</strong> Make sure your logbook has a public slug configured before embedding.
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function setEmbedCode(publicSlug, logbookName) {
|
|
const baseUrl = '<?php echo site_url('widgets/qsos'); ?>';
|
|
const iframeCode = `<iframe src="${baseUrl}/${publicSlug}" width="100%" height="600" frameborder="0" allowfullscreen></iframe>`;
|
|
|
|
document.getElementById('embedCodeInput').value = iframeCode;
|
|
document.getElementById('embedLogbookName').textContent = logbookName;
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const copyBtn = document.getElementById('copyEmbedBtn');
|
|
if (copyBtn) {
|
|
copyBtn.addEventListener('click', function() {
|
|
const textarea = document.getElementById('embedCodeInput');
|
|
textarea.select();
|
|
document.execCommand('copy');
|
|
|
|
// Visual feedback
|
|
const originalText = copyBtn.innerHTML;
|
|
copyBtn.innerHTML = '<i class="fas fa-check me-1"></i>Copied!';
|
|
copyBtn.classList.add('btn-success');
|
|
copyBtn.classList.remove('btn-primary');
|
|
|
|
setTimeout(() => {
|
|
copyBtn.innerHTML = originalText;
|
|
copyBtn.classList.remove('btn-success');
|
|
copyBtn.classList.add('btn-primary');
|
|
}, 2000);
|
|
});
|
|
}
|
|
});
|
|
</script>
|