-
-
+
+
@@ -25,44 +25,34 @@
-
-
- 
-
-
-
-
-
-
-
- mdi-google
- Google
-
-
-
-
-
-
-
-
-
-
-
-
- mdi-account
- Utilisateur
-
-
-
-
-
Connexion
- -
- Connecter
-
-
- - Si vous n'avez pas de compte, cliquez ici pour en créer un. -
- -
- Nom d'utilisateur ou mot de passe invalide.
-
-
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
\ No newline at end of file
+const openDeleteConfirmationModal = ref(false);
+const emits = defineEmits(['content-deleted'])
+
+const contentId = computed(() => props.content.id)
+const creatorId = computed(() => props.content.createdBy)
+const creatorName = computed(() => props.content.createdByName)
+const creatorLogo = computed(() => props.content.createdByPortraitUrl)
+const colorMenu = computed(() => props.content.colorMenu)
+const colorAccent = computed(() => props.content.colorAccent)
+
+const authStore = useAuthStore()
+const creatorIsCurrentUser = computed(() => authStore.isAuthenticated && authStore.userId === creatorId.value)
+
+const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
+const messagesVisible = ref(false);
+const messages = ref([]);
+const hasMessages = computed(() => messages.value.length > 0)
+
+function openDeleteConfirmationDialog() {
+ openDeleteConfirmationModal.value = true;
+}
+
+function addMessage(newMessage) {
+ messages.value.unshift(newMessage);
+ messagesVisible.value = true;
+}
+
+function toggleComments() {
+ messagesVisible.value = !messagesVisible.value;
+}
+
+function likeContent() {
+ console.log('Content liked');
+}
+
+function dislikeContent() {
+ console.log('Content disliked');
+}
+
+function getComponent(url) {
+ if (url.includes('youtube.com') || url.includes('youtu.be')) {
+ return YoutubePlayer;
+ } else if (url.match(/\.(jpeg|jpg|gif|png)$/)) {
+ return ImageViewer;
+ }
+}
+
+function editContent() {
+ console.log('Modifier le contenu');
+}
+
+async function deleteContent() {
+ const client = useClient()
+ const response = await client.delete(`/api/contents/${contentId.value}`)
+ if (response.status >= 200 && response.status < 300) {
+ emits('content-deleted', contentId.value)
+ }
+}
+
+function reportContent() {
+ console.log('Reporter le contenu');
+}
+
+function redirectToContent() {
+ window.location.href = `/content/${props.content.id}`;
+}
+
+
+
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index e868ce9..9058ce2 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -1,41 +1,97 @@
-
+
+
+ {{ errorMessage }}
+
+
+
\ No newline at end of file
diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index 5c7e6db..86233f3 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -1,62 +1,143 @@
+
+
+
+
+ mdi-dots-vertical
+
+
+
+
+ Modifier le contenu
+
+
+ Effacer le contenu
+
+
+ Reporter le contenu
+
+
+
+
+
+ ![Profile Image]()
+
+
+ {{ props.content.createdByName }}
+
+
+ {{ time_ago(props.content.createdAt) }}
+
+
+ {{ props.content.title }}
+
+
+ {{ props.content.description }}
+
+
-
-
-
-
+
+
+
-
-
-
-
-
-
+
+
+
+
- {{ props.content.title }}
- {{ props.content.description }}
-
+
+
+ mdi-thumb-up-outline
+
+
+ mdi-thumb-down-outline
+
+
+ mdi-comment-outline
+
+
+
+
+
+
+ Commentaires
+
+
+
+
+ mdi-close
+
+
+
+
+
+ Supprimer ce contenu ?
+
+
+
+ Êtes-vous sûr de vouloir supprimer le contenu ?
+
+
+
+
+ Oui
+
+
+ Non
+
+
+
-
-
-
+
+
+
-
+
+
-
-
- Uri: {{ data?.uri }}
+
+
+
+ mdi-close
+
-
- Title: {{ data?.title }}
+
+
+
-
+ @change="onFileSelected"
+ >
{
if (selectedFile.value) {
@@ -92,14 +92,13 @@ const publish = async () => {
"url": url.value,
"title": title.value,
"description": description.value
- })
+ })
if (response.status !== 200) {
console.info(`Content created!`)
} else {
console.error(`Failed to create content ${response.data}`)
}
-
}
diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
new file mode 100644
index 0000000..f9c039e
--- /dev/null
+++ b/src/views/contents/PublishContentButton.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
+
+
+
+ Publier
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/contents/YoutubePlayer.vue b/src/views/contents/YoutubePlayer.vue
new file mode 100644
index 0000000..025497c
--- /dev/null
+++ b/src/views/contents/YoutubePlayer.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/contents/contents.json b/src/views/contents/contents.json
deleted file mode 100644
index a5e8983..0000000
--- a/src/views/contents/contents.json
+++ /dev/null
@@ -1,40 +0,0 @@
-[
- {
- "id": "00000002-0000-0000-0000-000000000001",
- "url": "https://www.youtube.com/embed/neKWqjE0eSs?si=Bo7xbYaw9-56w3lU",
- "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
- "created_by": {
- "id": "00000001-0000-0000-0000-000000000001",
- "alias": "@marchy"
- },
- "created_at": "",
- "thumb_up_count": 0,
- "thumb_down_count": 0
- },
- {
- "id": "00000002-0000-0000-0000-000000000002",
- "url": "/images/usersmedia/HutopyProfile/pictures/version.png",
- "title": "Déploiement de la version 0.10 d'Hutopy",
- "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
- "created_by": {
- "id": "00000001-0000-0000-0000-000000000001",
- "alias": "@marchy",
- "portrait_url": ""
- },
- "created_at": "",
- "thumb_up_count": 0,
- "thumb_down_count": 0
- },
- {
- "id": "00000002-0000-0000-0000-000000000003",
- "url": "/images/usersmedia/HutopyProfile/pictures/version.png",
- "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
- "created_by": {
- "id": "00000001-0000-0000-0000-000000000001",
- "alias": "@marchy"
- },
- "created_at": "",
- "thumb_up_count": 0,
- "thumb_down_count": 0
- }
-]
\ No newline at end of file
diff --git a/src/views/creators/CreatorAbout.vue b/src/views/creators/CreatorAbout.vue
new file mode 100644
index 0000000..7a09a7b
--- /dev/null
+++ b/src/views/creators/CreatorAbout.vue
@@ -0,0 +1,65 @@
+
+
+
+ mdi-chevron-left
+
-
- Description: {{ data?.description }}
+
+
-
-
-
-
-
+
+
diff --git a/src/views/contents/ImageViewer.vue b/src/views/contents/ImageViewer.vue
new file mode 100644
index 0000000..386de5e
--- /dev/null
+++ b/src/views/contents/ImageViewer.vue
@@ -0,0 +1,31 @@
+
+
+ ![Image]()
-
- Date: {{ data?.createdAt }}
-
-
- Creator: {{ data?.createdBy }}
+
+
+
-
+
+ mdi-chevron-right
+
-
-
-
+
+
-
-
-
-
+ Commentaires
-
+
+
+
+ Créé par: {{ data.createdByName }}
+
+
+ Titre: {{ data.title }}
+
+
+ Description: {{ data.description }}
+
+
+
+ mdi-thumb-up-outline
+
+
+ mdi-thumb-down-outline
+
+
+
+
+
+
+ Commentaires
+
+
+
+ ![Image]()
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/contents/PostContent.vue b/src/views/contents/PostContent.vue
index 24248be..2c59d53 100644
--- a/src/views/contents/PostContent.vue
+++ b/src/views/contents/PostContent.vue
@@ -10,11 +10,11 @@
+ Créer un Contenu
+
+
+
+ ![Profile Image]()
+
+ mdi-close
+
+
+ {{ userStore.creator.name }}
+
+
+
+
+
+
+
+
+ {{ creator.about.description }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 6330906..ffbac24 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,182 +1,173 @@
-
+
+ mdi-close
+
+
+
+
+ {{ creator.about.title }}
+
+
+
+ Fermer
+
+
+
-
-
-
-
-
1000+ Abonnés
- 500 Contacts en commun
+
+
+
+
+
-
+
+
-
- {{ socialNetwork.icon }}
- ![Tiktok]()
- ![Website]()
-
+
+
+
+
+
+
+
+ ![Profile Banner]()
+
+
-
-
-
-
-
- QUICKY
-
-
- ARTICLE
-
-
-
-
- Publier
- Annuler
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/src/views/creators/CreatorCard.vue b/src/views/creators/CreatorCard.vue
index d6e5128..28e9c42 100644
--- a/src/views/creators/CreatorCard.vue
+++ b/src/views/creators/CreatorCard.vue
@@ -8,7 +8,6 @@
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 312adbe..e70ecc4 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -1,46 +1,18 @@
+
-
-
-
+
+
-
-
-
-
-
-
- ![Profile Banner]()
-
-
-
-
-
-
- {{ creator.firstName }}
-
-
- {{ creator.lastName }}
-
-
+
+
+ {{ creator.occupation }}
+ +
+ ![Profile Picture]()
+
+
+
+
+
+
+ {{ creator.name }}
+{{ creator.subscriberCount }} Abonnés
+
+
+
+
+
+
+
+
+
+
+
+ {{ creator.about.title }}
+
+
+
-
-
-
-
-
-
- ![Profile Picture]()
-
-
-
-
-
-
-
-
-
- Publication
-
-
-
-
-
+ mdi-gift-outline
+
+
+
+
+
+
+
+
+ Envoyez
+
+
+
+
+
+
+
+
+
+
+
+ Annuler
+
+
+
+
+
+
+
+
diff --git a/src/views/creators/SubscribeButton.vue b/src/views/creators/SubscribeButton.vue
new file mode 100644
index 0000000..567460a
--- /dev/null
+++ b/src/views/creators/SubscribeButton.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+ S'ABONNER
+
+
+
+
+
+ SE DESABONNER
+
+
+
+
+
+
+ Confirmation
+ Êtes-vous sûr de vouloir vous désabonner ?
+
+ Oui
+
+
+
+
+
+
+
+
+
diff --git a/src/views/creators/SubscriptionList.vue b/src/views/creators/SubscriptionList.vue
new file mode 100644
index 0000000..ff5fb96
--- /dev/null
+++ b/src/views/creators/SubscriptionList.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Placeholder when there are no subscriptions
+
+
+
+
\ No newline at end of file
diff --git a/src/views/creators/creators.json b/src/views/creators/creators.json
deleted file mode 100644
index f05c95b..0000000
--- a/src/views/creators/creators.json
+++ /dev/null
@@ -1,51 +0,0 @@
-[
- {
- "ìd": 1,
- "name": "Hutopy",
- "title": "Page officielle",
- "description": "Site officiel pour Hutopy. Venez-nous-y retrouver avec tous vos fans!",
- "imageUrl": "/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png",
- "routerLink": "@hutopy",
- "about": "Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur.",
- "contacts": {
- "twitter": "https://twitter.com/Hutopyinc",
- "facebook": "https://www.facebook.com/Hutopy",
- "instagram": "https://www.instagram.com/hutopy.inc/"
- }
- },
- {
- "id": 2,
- "name": "L'effet",
- "description": "Fondation",
- "imageUrl": "/images/usersmedia/leffet/profilepictures/leffetProfile01.png",
- "routerLink": "@leffet"
- },
- {
- "id": 3,
- "name": "Guillaume M",
- "description": "Créateur de contenus",
- "imageUrl": "/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png",
- "routerLink": "@guillaumeaime"
- },
- {
- "id": 4,
- "name": "Chloé Beaugrand",
- "description": "Spécialiste en médias sociaux",
- "imageUrl": "/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png",
- "routerLink": "@chloebeaugrand"
- },
- {
- "id": 5,
- "name": "Mathieu Caron",
- "description": "Entrevue Atypique",
- "imageUrl": "/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png",
- "routerLink": "@mathieuCaron"
- },
- {
- "id": 6,
- "name": "ARPS",
- "description": "Agence créative",
- "imageUrl": "/images/usersmedia/ARPS/profilepictures/profileARPS.png",
- "routerLink": "@ARPS"
- }
-]
\ No newline at end of file
diff --git a/src/views/documentation/About.vue b/src/views/documentation/About.vue
index 8210749..dc00061 100644
--- a/src/views/documentation/About.vue
+++ b/src/views/documentation/About.vue
@@ -189,8 +189,4 @@
-
-
-
+
\ No newline at end of file
diff --git a/src/views/explorer/ExplorerCard.vue b/src/views/explorer/ExplorerCard.vue
new file mode 100644
index 0000000..1c13cca
--- /dev/null
+++ b/src/views/explorer/ExplorerCard.vue
@@ -0,0 +1,35 @@
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
+
@@ -65,58 +37,36 @@ import {watch, ref, onBeforeMount} from 'vue';
import {useRoute} from 'vue-router';
import {useClient} from "@/plugins/api.js";
import CreatorBanner from "@/views/creators/CreatorBanner.vue";
-import MessageList from "@/views/messages/MessageList.vue";
import ContentList from "@/views/contents/ContentList.vue";
-import PostMessage from "@/views/messages/PostMessage.vue";
-import DonationPopup from "@/views/main/DonationPopup.vue";
-const client = useClient();
-const route = useRoute();
+const creator = ref(null)
+const loading = ref(true)
+const contents = ref([])
-const creator = ref(null);
-const loading = ref(true);
-const tab = ref();
+const client = useClient()
+const route = useRoute()
-onBeforeMount(async() => {
- setTimeout(() => {
- loading.value = false;
- }, 1500);
- await fetchCreatorData(route.params.creator);
-});
+function contentPosted(content) {
+ contents.value.unshift(content)
+}
+
+onBeforeMount(async () => await fetchCreatorData(route.params.creator))
watch(
() => route.params.creator,
- async () => {
- loading.value = true;
- setTimeout(() => {
- loading.value = false;
- }, 1000);
- await fetchCreatorData(route.params.creator);
- }
-);
+ async () => await fetchCreatorData(route.params.creator)
+)
const fetchCreatorData = async (creatorAlias) => {
try {
+ loading.value = true
const response = await client.get(`/api/creators/@${creatorAlias}`)
- creator.value = response.data;
- console.log('loaded the following creator from api');
- console.table(creator.value.id);
+ creator.value = response.data
} catch (error) {
- console.error(`Error fetching content: ${error}`);
+ console.error(`Error fetching content: ${error}`)
+ } finally {
+ loading.value = false
}
}
-
-
diff --git a/src/views/creators/DonationButton.vue b/src/views/creators/DonationButton.vue
new file mode 100644
index 0000000..33f210c
--- /dev/null
+++ b/src/views/creators/DonationButton.vue
@@ -0,0 +1,152 @@
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Commentaires
-
+
+
+
+
+
+ Je Soutiens!
+
+
+
+ ![Profile Image]()
+
+ mdi-close
+
+
+
+ {{ creatorName }}
+
+
+
+
+
+
+
+ Déabonnement
+
+ non
+
+ ![Profile Image]()
+
+ {{ subscription.creatorName }}
+
+
+
+ ![video thumbnail]()
+
+
+
+
+
+
diff --git a/src/views/explorer/explorer.vue b/src/views/explorer/explorer.vue
new file mode 100644
index 0000000..966e507
--- /dev/null
+++ b/src/views/explorer/explorer.vue
@@ -0,0 +1,227 @@
+
+
+
+
+
+ mdi-dots-vertical
+
+
+ {{ video.title }}
+
+
+ {{ video.description }}
+
+ ![profile image]()
+
+
+
+ {{ video.name }}
+
+ {{ video.vues }} vues -
+ {{ video.timeAgo }} ago
+
+
+
+
+ + +
+
+
+
diff --git a/src/views/explorer/videos.json b/src/views/explorer/videos.json
new file mode 100644
index 0000000..ed27a1a
--- /dev/null
+++ b/src/views/explorer/videos.json
@@ -0,0 +1,410 @@
+{
+ "mostLikedVideos": [
+ {
+ "id": 1,
+ "title": "Top 10 Football Goals",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A compilation of the best goals in football history.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Alex Martin",
+ "vues": 5000,
+ "timeAgo": "3 hours"
+ },
+ {
+ "id": 2,
+ "title": "Basketball Dunk Contest Highlights",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Watch the best dunks from the latest dunk contest.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Jordan Lee",
+ "vues": 4500,
+ "timeAgo": "5 hours"
+ },
+ {
+ "id": 3,
+ "title": "Epic Tennis Rallies",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A look at some of the most intense rallies in tennis.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Serena West",
+ "vues": 4700,
+ "timeAgo": "1 day"
+ },
+ {
+ "id": 4,
+ "title": "Marathon Motivation",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Get inspired by these marathon runners.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Eliud Kip",
+ "vues": 3800,
+ "timeAgo": "2 days"
+ },
+ {
+ "id": 5,
+ "title": "Best Volleyball Spikes",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Watch these powerful volleyball spikes in action.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Misty May",
+ "vues": 4200,
+ "timeAgo": "3 days"
+ },
+ {
+ "id": 6,
+ "title": "Cycling Through The Alps",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Experience the thrill of cycling in the Alps.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Lance Ryder",
+ "vues": 3900,
+ "timeAgo": "4 days"
+ },
+ {
+ "id": 7,
+ "title": "Cricket's Greatest Hits",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A look at some of the most memorable moments in cricket.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Sachin Kumar",
+ "vues": 4400,
+ "timeAgo": "5 days"
+ },
+ {
+ "id": 8,
+ "title": "Top MMA Knockouts",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "The most shocking knockouts in MMA history.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Conor Mac",
+ "vues": 5000,
+ "timeAgo": "6 days"
+ },
+ {
+ "id": 9,
+ "title": "F1 Racing Highlights",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A thrilling recap of the latest Formula 1 races.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Lewis Ham",
+ "vues": 4800,
+ "timeAgo": "1 week"
+ },
+ {
+ "id": 10,
+ "title": "Golf's Most Amazing Shots",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Witness the most incredible shots in golf.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Tiger Woods",
+ "vues": 5300,
+ "timeAgo": "1 week"
+ }
+ ],
+ "mostBoughtVideos": [
+ {
+ "id": 11,
+ "title": "Football Training Drills",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Master the best football drills for every position.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Pep Guardiola",
+ "vues": 6000,
+ "timeAgo": "2 hours"
+ },
+ {
+ "id": 12,
+ "title": "Advanced Basketball Techniques",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Learn advanced techniques to improve your game.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Kobe Bryant",
+ "vues": 5500,
+ "timeAgo": "4 hours"
+ },
+ {
+ "id": 13,
+ "title": "Perfecting Your Tennis Serve",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Tips and tricks to perfect your tennis serve.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Roger Federer",
+ "vues": 5100,
+ "timeAgo": "6 hours"
+ },
+ {
+ "id": 14,
+ "title": "Marathon Nutrition Guide",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Essential nutrition tips for marathon runners.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Meb Keflezighi",
+ "vues": 4800,
+ "timeAgo": "1 day"
+ },
+ {
+ "id": 15,
+ "title": "Volleyball Defense Mastery",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Become a defensive powerhouse in volleyball.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Kerri Walsh",
+ "vues": 4700,
+ "timeAgo": "2 days"
+ },
+ {
+ "id": 16,
+ "title": "Ultimate Cycling Techniques",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Improve your cycling skills with these techniques.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Chris Froome",
+ "vues": 4600,
+ "timeAgo": "3 days"
+ },
+ {
+ "id": 17,
+ "title": "Mastering Spin Bowling",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Learn the art of spin bowling in cricket.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Shane Warne",
+ "vues": 5200,
+ "timeAgo": "4 days"
+ },
+ {
+ "id": 18,
+ "title": "MMA Grappling Techniques",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Dominate the ground game with these techniques.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Khabib Nur",
+ "vues": 5300,
+ "timeAgo": "5 days"
+ },
+ {
+ "id": 19,
+ "title": "F1 Pit Stop Secrets",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Learn the strategies behind a perfect F1 pit stop.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Sebastian Vettel",
+ "vues": 5400,
+ "timeAgo": "6 days"
+ },
+ {
+ "id": 20,
+ "title": "Golf Putting Techniques",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Improve your putting with these expert tips.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Phil Mickelson",
+ "vues": 5500,
+ "timeAgo": "1 week"
+ }
+ ],
+ "mostSharedVideos": [
+ {
+ "id": 21,
+ "title": "Soccer Match Replays",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Watch full replays of the latest soccer matches.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Cristiano Ronaldo",
+ "vues": 6000,
+ "timeAgo": "1 hour"
+ },
+ {
+ "id": 22,
+ "title": "Basketball Trick Shots",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "The most incredible trick shots in basketball.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Steph Curry",
+ "vues": 5900,
+ "timeAgo": "3 hours"
+ },
+ {
+ "id": 23,
+ "title": "Tennis Grand Slam Finals",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Relive the excitement of Grand Slam tennis finals.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Novak Djokovic",
+ "vues": 5800,
+ "timeAgo": "5 hours"
+ },
+ {
+ "id": 24,
+ "title": "Running Tips for Beginners",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Get started with running with these beginner tips.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Usain Bolt",
+ "vues": 5700,
+ "timeAgo": "1 day"
+ },
+ {
+ "id": 25,
+ "title": "Beach Volleyball Highlights",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Catch the best moments from beach volleyball matches.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "April Ross",
+ "vues": 5600,
+ "timeAgo": "2 days"
+ },
+ {
+ "id": 26,
+ "title": "Mountain Biking Adventures",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Experience the thrill of mountain biking.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Danny MacAskill",
+ "vues": 5500,
+ "timeAgo": "3 days"
+ },
+ {
+ "id": 27,
+ "title": "Cricket World Cup Highlights",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "The most thrilling moments from the Cricket World Cup.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Virat Kohli",
+ "vues": 5400,
+ "timeAgo": "4 days"
+ },
+ {
+ "id": 28,
+ "title": "MMA Fight Replays",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Watch full replays of the most intense MMA fights.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Anderson Silva",
+ "vues": 5300,
+ "timeAgo": "5 days"
+ },
+ {
+ "id": 29,
+ "title": "F1 Crash Compilation",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A compilation of the most shocking F1 crashes.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Michael Schumacher",
+ "vues": 5200,
+ "timeAgo": "6 days"
+ },
+ {
+ "id": 30,
+ "title": "Golf Tips for Beginners",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Essential tips for those new to golf.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Jack Nicklaus",
+ "vues": 5100,
+ "timeAgo": "1 week"
+ }
+ ],
+ "mostViewedVideos": [
+ {
+ "id": 31,
+ "title": "Soccer's Greatest Goals",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A look at the greatest goals ever scored in soccer.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Lionel Messi",
+ "vues": 7000,
+ "timeAgo": "30 minutes"
+ },
+ {
+ "id": 32,
+ "title": "Best of Basketball Finals",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Relive the best moments from recent basketball finals.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "LeBron James",
+ "vues": 6900,
+ "timeAgo": "1 hour"
+ },
+ {
+ "id": 33,
+ "title": "Tennis Serve Speed Records",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Check out the fastest serves ever recorded in tennis.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Andy Roddick",
+ "vues": 6800,
+ "timeAgo": "2 hours"
+ },
+ {
+ "id": 34,
+ "title": "Running in Extreme Weather",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Tips for running in various weather conditions.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Mo Farah",
+ "vues": 6700,
+ "timeAgo": "3 hours"
+ },
+ {
+ "id": 35,
+ "title": "Volleyball Team Strategies",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Learn advanced team strategies for volleyball.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Giba Godoy",
+ "vues": 6600,
+ "timeAgo": "4 hours"
+ },
+ {
+ "id": 36,
+ "title": "Cycling Gear Tips",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "A guide to choosing the best cycling gear.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Peter Sagan",
+ "vues": 6500,
+ "timeAgo": "1 day"
+ },
+ {
+ "id": 37,
+ "title": "Cricket Batting Techniques",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Improve your batting with these cricket techniques.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Brian Lara",
+ "vues": 6400,
+ "timeAgo": "2 days"
+ },
+ {
+ "id": 38,
+ "title": "MMA Striking Combinations",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Learn effective striking combinations in MMA.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Georges St-Pierre",
+ "vues": 6300,
+ "timeAgo": "3 days"
+ },
+ {
+ "id": 39,
+ "title": "F1 Overtakes Compilation",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "The most exciting overtakes in F1 history.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Ayrton Senna",
+ "vues": 6200,
+ "timeAgo": "4 days"
+ },
+ {
+ "id": 40,
+ "title": "Golf Swing Analysis",
+ "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "description": "Breakdown of the best golf swings.",
+ "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
+ "name": "Rory McIlroy",
+ "vues": 6100,
+ "timeAgo": "5 days"
+ }
+ ]
+}
diff --git a/src/views/main/Aboutyou.vue b/src/views/main/Aboutyou.vue
deleted file mode 100644
index 01ad58b..0000000
--- a/src/views/main/Aboutyou.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-
-
+
+
+
+ Most Viewed
+
+
+ mdi-timer 24h
+
+
+ mdi-timer-sand 72h
+
+
+ mdi-calendar-week Semaine
+
+
+ mdi-calendar-month Mois
+
+
+
+
+
+
+
+
+
+
+
+
+
+ mdi-arrow-up-circle-outline
+
+
+
+ mdi-arrow-down-circle-outline
+
+
+
+
+ {{ chevronIconViewed }}
+
+
+
+
+ + + +
+
+
+
+ Most Bought
+
+
+ mdi-timer 24h
+
+
+ mdi-timer-sand 72h
+
+
+ mdi-calendar-week Semaine
+
+
+ mdi-calendar-month Mois
+
+
+
+
+
+
+
+
+
+
+
+
+
+ mdi-arrow-up-circle-outline
+
+
+
+ mdi-arrow-down-circle-outline
+
+
+
+
+ {{ chevronIconBought }}
+
+
+
-
-
-
-
-
-
diff --git a/src/views/main/CreatorFeed.vue b/src/views/main/CreatorFeed.vue
deleted file mode 100644
index 62cc596..0000000
--- a/src/views/main/CreatorFeed.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-
-
- À propos de vous
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/views/main/DonationPopup.vue b/src/views/main/DonationPopup.vue
index 156f349..d01d81f 100644
--- a/src/views/main/DonationPopup.vue
+++ b/src/views/main/DonationPopup.vue
@@ -1,33 +1,33 @@
-
-
-
-
-
-
-
- 
-
-
-
-
- Nom du réseau social
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.
-Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
-
-
-
-
-
-
-
-
-
-
-
- Nom du réseau social
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.
-Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
-
-
-
-
-
-
-
-
-
-
-
- Nom du réseau social
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.
-Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
-
-
@@ -159,21 +156,15 @@
Fermer
-
-
-
-
-
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
deleted file mode 100644
index 1628ac0..0000000
--- a/src/views/main/Profile.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
-
- Je Soutiens!
-
-
-
+
+
-
-
+
- Découvre les autres créateurs
-
+ Découvre les autres créateurs
diff --git a/src/views/main/Join.vue b/src/views/main/Join.vue
index 5f12227..47ab6c0 100644
--- a/src/views/main/Join.vue
+++ b/src/views/main/Join.vue
@@ -142,9 +142,6 @@
+
+
diff --git a/src/views/main/Home.vue b/src/views/main/Home.vue
index 6e386b1..c16b0de 100644
--- a/src/views/main/Home.vue
+++ b/src/views/main/Home.vue
@@ -104,8 +104,7 @@
+ Je Soutiens!
-
-
- mdi-gift-outline
+
+
+
+
+
+ mdi-gift-outline
+
+
-
-
-
-
-
-
-
diff --git a/src/views/main/ProfileBanner.vue b/src/views/main/ProfileBanner.vue
index 535a0db..f532e8f 100644
--- a/src/views/main/ProfileBanner.vue
+++ b/src/views/main/ProfileBanner.vue
@@ -1,31 +1,31 @@
-
-
- Sauvegarde
-
-
-
- Fermer
-
-
-
-
-
- - Personnaliser votre profil -
- -
-
-
-
- Enregistrer
-
- Retour
-
-
-
-
-
+
Photo de couverture
-
+
![Banner Image]()
-
+
+ :style="{ backgroundColor: user.colors.bannerTop || '#6B0065', color: getTextColor(user.colors.bannerTop || '#6B0065') }">
Haut
+ :style="{ backgroundColor: user.colors.bannerBottom || '#A30E79', color: getTextColor(user.colors.bannerBottom || '#A30E79') }">
Bas
+ :style="{ backgroundColor: user.colors.accent || '#23393B', color: getTextColor(user.colors.accent || '#23393B') }">
Accent1
+ :style="{ backgroundColor: user.colors.menu || '#800080', color: getTextColor(user.colors.menu || '#800080') }">
Menu
@@ -50,8 +50,8 @@
Photo de profil
- ![Profile Image]()
@@ -61,7 +61,7 @@
ref="profileImageInput"
accept=".png, .jpeg, .jpg"
hint="png, jpeg or jpg"
- v-model="profilePicture"
+ v-model="profilePicture"
label="Téléverser une nouvelle photo de profil"
@change="onProfileFileChange">
@@ -85,85 +85,84 @@
diff --git a/src/views/main/Register.vue b/src/views/main/Register.vue
new file mode 100644
index 0000000..190bb6a
--- /dev/null
+++ b/src/views/main/Register.vue
@@ -0,0 +1,23 @@
+
+
+ Guide pour les créateurs
- TermsAndConditions
+ Termes et Conditions
Politique de Contenu
@@ -42,9 +42,14 @@
Frais
-
-
\ No newline at end of file
+
+
+
+
diff --git a/src/views/main/SideBar.vue b/src/views/main/SideBar.vue
index 87981c1..1583fb0 100644
--- a/src/views/main/SideBar.vue
+++ b/src/views/main/SideBar.vue
@@ -1,66 +1,37 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Erreur
+ {{ errorMessage }}
+
+ Fermer
+
+
+
+
+
+
+
diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index c6912fd..7829c4e 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -7,15 +7,15 @@
@@ -30,7 +30,7 @@
+
+
+
+ Inscription
+ +
+
+ Créer
+
+
+
+
+ 
+ 
+ 
+ 