ghassan/takeone-youtube-clone
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

admin panel added and comments are working and likes are working

Browse Source
This commit is contained in:
ghassan committed 2026-03-03 17:36:19 +03:00
1 parent 72e9439727
commit a28023c29b
32 files changed
+5077 -2999
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/views/layouts/partials/upload-modal.blade.php
+52 -7
View File
@@ -1,5 +1,5 @@
<!-- Upload Modal - Cute Staged Pop-up -->
<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="uploadModalLabel" aria-hidden="true" data-bs-backdrop="static">
<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="uploadModalLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content upload-modal-content">
<!-- Header -->
@@ -70,7 +70,7 @@
<i class="bi bi-cloud-arrow-up"></i>
</div>
<p class="dropzone-title">Click to select or drag video here</p>
<p class="dropzone-hint">MP4, MOV, AVI, WebM up to 512MB</p>
<p class="dropzone-hint">MP4, MOV, AVI, WebM up to 512MB</p>
</div>
<div id="file-info-modal" class="file-info-modal">
<div class="file-preview">
@@ -115,6 +115,44 @@
placeholder="Tell viewers about your video"></textarea>
</div>
<div class="form-group">
<label class="form-label">
<i class="bi bi-collection-play"></i> Video Type
</label>
<div class="visibility-options-modal" id="type-options-modal">
<label class="visibility-option-modal active">
<input type="radio" name="type" value="generic" checked>
<div class="visibility-content-modal">
<i class="bi bi-film"></i>
<div class="visibility-text">
<span class="visibility-title">Generic</span>
<span class="visibility-desc">Standard video</span>
</div>
</div>
</label>
<label class="visibility-option-modal">
<input type="radio" name="type" value="music">
<div class="visibility-content-modal">
<i class="bi bi-music-note"></i>
<div class="visibility-text">
<span class="visibility-title">Music</span>
<span class="visibility-desc">Music video or song</span>
</div>
</div>
</label>
<label class="visibility-option-modal">
<input type="radio" name="type" value="match">
<div class="visibility-content-modal">
<i class="bi bi-trophy"></i>
<div class="visibility-text">
<span class="visibility-title">Match</span>
<span class="visibility-desc">Sports match or competition</span>
</div>
</div>
</label>
</div>
</div>
<div class="step-navigation">
<button type="button" class="btn-prev" onclick="prevStep(1)">
<i class="bi bi-arrow-left"></i> Back
@@ -171,7 +209,7 @@
<label class="form-label">
<i class="bi bi-shield-lock"></i> Privacy Setting
</label>
<div class="visibility-options-modal">
<div class="visibility-options-modal" id="visibility-options-modal">
<label class="visibility-option-modal active">
<input type="radio" name="visibility" value="public" checked>
<div class="visibility-content-modal">
@@ -558,6 +596,7 @@
justify-content: center;
font-size: 24px;
color: white;
flex-shrink: 0;
}
.file-preview.thumbnail-preview {
@@ -698,7 +737,7 @@
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
border: none;
;
}
.btn-prev {
@@ -850,12 +889,19 @@ const totalSteps = 4;
// Initialize modal functions
function openUploadModal() {
const modal = new bootstrap.Modal(document.getElementById('uploadModal'));
// Check if mobile device - redirect to create page on mobile
if (window.innerWidth < 992) {
window.location.href = '{{ route("videos.create") }}';
return;
}
const modalEl = document.getElementById('uploadModal');
const modal = new bootstrap.Modal(modalEl);
modal.show();
// Add show class for animation
setTimeout(() => {
document.getElementById('uploadModal').classList.add('show');
modalEl.classList.add('show');
}, 10);
}
@@ -1199,4 +1245,3 @@ function showErrorModal(message) {
document.getElementById('btn-back-step-4').style.display = 'flex';
}
</script>