Skip to content
Merged

Dev #3260

Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 22 additions & 3 deletions resources/views/admin/resources-import/index.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@

<div class="mb-8">
<h2 class="text-lg font-semibold mb-2">Step 1: Upload &amp; verify</h2>
<form method="POST" action="{{ route('admin.resources-import.verify') }}" enctype="multipart/form-data" class="codeweek-form">
<form id="resources-import-verify-form" method="POST" action="{{ route('admin.resources-import.verify') }}" enctype="multipart/form-data" class="codeweek-form">
@csrf

<div class="codeweek-form-inner-container">
Expand All @@ -45,17 +45,36 @@ class="rounded border-gray-300">
<div class="mb-4">
<label for="file" class="block font-medium mb-1">Excel / CSV file <span class="text-red-600">*</span></label>
<input type="file" name="file" id="file" accept=".csv,.xlsx,.xls" required
class="block w-full max-w-md">
class="block w-full max-w-md" aria-required="true">
<p class="text-sm text-gray-600 mt-1">Required column: <code>name_of_the_resource</code>. Optional: link, description, image, filters_type, filters_target_audience, filters_level_of_difficulty, filters_programming_language, filters_subjects, filters_topics, filters_language, category, group_name. Max 10 MB.</p>
<p id="file-required-hint" class="text-sm text-amber-600 mt-1 hidden">Please select a file first, then click Verify.</p>
</div>

<div class="codeweek-form-button-container">
<div class="codeweek-button">
<input type="submit" value="Verify" class="bg-primary cursor-pointer px-6 py-3 rounded-full font-semibold text-[#20262C] hover:bg-hover-orange duration-300">
<button type="submit" id="resources-import-verify-btn" class="bg-primary cursor-pointer px-6 py-3 rounded-full font-semibold text-[#20262C] hover:bg-hover-orange duration-300">
Verify
</button>
</div>
</div>
</div>
</form>
<script>
document.getElementById('resources-import-verify-form').addEventListener('submit', function (e) {
var fileInput = document.getElementById('file');
var hint = document.getElementById('file-required-hint');
var btn = document.getElementById('resources-import-verify-btn');
if (!fileInput.files || fileInput.files.length === 0) {
e.preventDefault();
hint.classList.remove('hidden');
fileInput.focus();
return;
}
hint.classList.add('hidden');
btn.disabled = true;
btn.textContent = 'Verifying…';
});
</script>
</div>
</section>
</section>
Expand Down
Loading