Fixe Url position
This commit is contained in:
@@ -103,7 +103,7 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- Ajout des URLs externes -->
|
<!-- Ajout des URLs externes -->
|
||||||
<div v-for="(url, index) in externalUrls" :key="index" class="flex items-center mb-2 w-[400px]">
|
<div v-for="(url, index) in externalUrls" :key="index" class="flex space-x-2 w-[400px]">
|
||||||
<v-text-field
|
<v-text-field
|
||||||
v-model="externalUrls[index]"
|
v-model="externalUrls[index]"
|
||||||
label="Lien URL"
|
label="Lien URL"
|
||||||
@@ -111,14 +111,20 @@
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
/>
|
/>
|
||||||
<v-btn icon @click="removeUrl(index)">
|
<v-btn icon color="error" @click="removeUrl(index)">
|
||||||
<v-icon>mdi-minus</v-icon>
|
<v-icon>mdi-minus</v-icon>
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
<div>Ajouter un Vidéo Url</div>
|
|
||||||
<v-btn icon @click="addUrl" class="mb-6 w-[400px]">
|
<div class="w-[400px] mb-10">
|
||||||
<v-icon>mdi-plus</v-icon>
|
<div class="flex items-center gap-2">
|
||||||
</v-btn>
|
<v-btn icon color="primary" @click="addUrl">
|
||||||
|
<v-icon>mdi-plus</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<span class="text-sm text-gray-500">Cliquez pour ajouter un nouveau lien vidéo</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- Upload Images -->
|
<!-- Upload Images -->
|
||||||
<v-file-input
|
<v-file-input
|
||||||
@@ -144,10 +150,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, computed, watch } from "vue";
|
import {ref, computed, watch} from "vue";
|
||||||
import { useClient } from "@/plugins/api.js";
|
import {useClient} from "@/plugins/api.js";
|
||||||
import { v7 } from "uuid";
|
import {v7} from "uuid";
|
||||||
import { useCreatorProfileStore } from "@/stores/creatorProfileStore.js";
|
import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
|
||||||
|
|
||||||
const client = useClient();
|
const client = useClient();
|
||||||
const step = ref(1); // Étape actuelle (1 = Thumbnail Editor, 2 = Content Editor)
|
const step = ref(1); // Étape actuelle (1 = Thumbnail Editor, 2 = Content Editor)
|
||||||
@@ -233,7 +239,7 @@ const publishPost = async () => {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
const response = await client.post(`/api/contents`, formData, {
|
const response = await client.post(`/api/contents`, formData, {
|
||||||
headers: { 'Content-Type': 'multipart/form-data' },
|
headers: {'Content-Type': 'multipart/form-data'},
|
||||||
});
|
});
|
||||||
console.log('Content published:', response.data);
|
console.log('Content published:', response.data);
|
||||||
resetForm();
|
resetForm();
|
||||||
|
|||||||
Reference in New Issue
Block a user