evan/LeDiscord
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

commit avant register et responsive

Browse Source
This commit is contained in:
root
2025-08-31 16:23:13 +02:00
parent dfaae262c7
commit 849167994c
8 changed files with 2101 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/views/Vlogs.vue
View File

@@ -116,7 +116,16 @@
class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4"
>
<div class="bg-white rounded-xl max-w-2xl w-full p-6 max-h-[90vh] overflow-y-auto">
<h2 class="text-xl font-semibold mb-4">Créer un nouveau vlog</h2>
<div class="flex items-center justify-between mb-4">
<h2 class="text-xl font-semibold">Créer un nouveau vlog</h2>
<div v-if="creating" class="flex items-center space-x-2 text-primary-600">
<svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span class="text-sm font-medium">Upload en cours...</span>
</div>
</div>
<form @submit.prevent="createVlog" class="space-y-4">
<div>
@@ -160,8 +169,9 @@
type="button"
@click="$refs.videoInput.click()"
class="btn-secondary"
:disabled="creating"
>
Sélectionner une vidéo
{{ creating ? 'Upload en cours...' : 'Sélectionner une vidéo' }}
</button>
</div>
@@ -200,8 +210,9 @@
type="button"
@click="$refs.thumbnailInput.click()"
class="btn-secondary"
:disabled="creating"
>
Sélectionner une image
{{ creating ? 'Upload en cours...' : 'Sélectionner une image' }}
</button>
</div>
@@ -234,7 +245,14 @@
:disabled="creating || !newVlog.video"
class="flex-1 btn-primary"
>
{{ creating ? 'Création...' : 'Créer le vlog' }}
<span v-if="creating" class="flex items-center justify-center">
<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
Upload en cours...
</span>
<span v-else>Créer le vlog</span>
</button>
</div>
</form>
@@ -374,7 +392,7 @@ async function fetchUsers() {
async function fetchUploadLimits() {
try {
const response = await axios.get('/api/settings/upload-limits')
const response = await axios.get('/api/settings/public/upload-limits')
uploadLimits.value = response.data
} catch (error) {
console.error('Error fetching upload limits:', error)