Skip to content

C
Clubphp
Commit 78ab767e authored by Mahmoud Aglan's avatar Mahmoud Aglan
Browse files
Options

fghjf

parent ffa74159
Hide whitespace changes
Inline Side-by-side
Showing with 25 additions and 28 deletions
app/Modules/Settings/Views/branding.php
View file @ 78ab767e
......@@ -43,22 +43,24 @@ $rd = $receiptDesign;
</div>
<div class="card-body">
<div class="logo-upload-area" id="logo-upload-area">
<?php if ($logo): ?>
<div class="logo-preview" id="logo-preview">
<img src="<?= e($logo) ?>" alt="شعار النادي" id="logo-preview-img">
<div class="logo-preview-overlay">
<button type="button" class="btn btn-sm btn-danger" onclick="removeLogo()">
<i data-lucide="trash-2"></i> حذف
</button>
<div id="logo-display">
<?php if ($logo): ?>
<div class="logo-preview" id="logo-preview">
<img src="<?= e($logo) ?>" alt="شعار النادي" id="logo-preview-img">
<div class="logo-preview-overlay">
<button type="button" class="btn btn-sm btn-danger" onclick="removeLogo()">
<i data-lucide="trash-2"></i> حذف
</button>
</div>
</div>
</div>
<?php else: ?>
<div class="logo-placeholder" id="logo-placeholder" onclick="document.getElementById('logo_file').click()">
<i data-lucide="image-plus"></i>
<p>اضغط لرفع الشعار</p>
<small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small>
</div>
<?php endif; ?>
<?php else: ?>
<div class="logo-placeholder" id="logo-placeholder" onclick="document.getElementById('logo_file').click()">
<i data-lucide="image-plus"></i>
<p>اضغط لرفع الشعار</p>
<small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small>
</div>
<?php endif; ?>
</div>
<input type="file" name="logo_file" id="logo_file" accept="image/png,image/jpeg,image/svg+xml,image/webp" style="display:none;" onchange="previewLogo(this)">
<input type="hidden" name="remove_logo" id="remove_logo" value="0">
</div>
......@@ -412,31 +414,26 @@ function previewLogo(input) {
}
var reader = new FileReader();
reader.onload = function(e) {
var area = document.getElementById('logo-upload-area');
area.innerHTML = '<div class="logo-preview" id="logo-preview">' +
var display = document.getElementById('logo-display');
display.innerHTML = '<div class="logo-preview" id="logo-preview">' +
'<img src="' + e.target.result + '" alt="معاينة" id="logo-preview-img">' +
'<div class="logo-preview-overlay">' +
'<button type="button" class="btn btn-sm btn-danger" onclick="removeLogo()">' +
'<i data-lucide="trash-2"></i> حذف</button></div></div>';
// Re-append the hidden inputs
var fileInput = document.getElementById('logo_file');
var removeInput = document.getElementById('remove_logo');
if (!area.contains(fileInput)) area.appendChild(fileInput);
if (!area.contains(removeInput)) area.appendChild(removeInput);
removeInput.value = '0';
document.getElementById('remove_logo').value = '0';
lucide.createIcons();
};
reader.readAsDataURL(file);
}
function removeLogo() {
var area = document.getElementById('logo-upload-area');
area.innerHTML = '<div class="logo-placeholder" id="logo-placeholder" onclick="document.getElementById(\'logo_file\').click()">' +
var display = document.getElementById('logo-display');
display.innerHTML = '<div class="logo-placeholder" id="logo-placeholder" onclick="document.getElementById(\'logo_file\').click()">' +
'<i data-lucide="image-plus"></i>' +
'<p>اضغط لرفع الشعار</p>' +
'<small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small></div>' +
'<input type="file" name="logo_file" id="logo_file" accept="image/png,image/jpeg,image/svg+xml,image/webp" style="display:none;" onchange="previewLogo(this)">' +
'<input type="hidden" name="remove_logo" id="remove_logo" value="1">';
'<small>PNG, JPG, SVG, WebP — أقصى حجم 2MB</small></div>';
document.getElementById('logo_file').value = '';
document.getElementById('remove_logo').value = '1';
lucide.createIcons();
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment