From 37b5aee0659660d3c94152d6511cc5f25814304c Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Sun, 6 Oct 2024 00:14:38 -0400
Subject: [PATCH] Not used

---
 src/views/main/ProfileBanner.vue | 168 -------------------------------
 1 file changed, 168 deletions(-)
 delete mode 100644 src/views/main/ProfileBanner.vue

diff --git a/src/views/main/ProfileBanner.vue b/src/views/main/ProfileBanner.vue
deleted file mode 100644
index f532e8f..0000000
--- a/src/views/main/ProfileBanner.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-  <div>
-    <div>
-      <div class="px-5 py-2 bg-fuchsia-800 text-white" :style="{ backgroundColor: user.colors.menu }">
-        <div class="flex justify-center text-2xl">Photo de couverture</div>
-      </div>
-      <div>
-        <div :style="{ backgroundColor: user.colors.bannerTop || '#6B0065' }" class="flex h-4"></div>
-        <img :src="bannerImageUrl" alt="Banner Image" @error="handleBannerImageError" class="w-full object-cover">
-        <div :style="{ backgroundColor: user.colors.bannerBottom || '#A30E79' }" class="h-4">
-
-        </div>
-        <div>
-          <div class="space-x-4 flex justify-center py-2">
-            <v-btn @click="openColorPicker('top')"
-                   :style="{ backgroundColor: user.colors.bannerTop || '#6B0065', color: getTextColor(user.colors.bannerTop || '#6B0065') }">
-              Haut
-            </v-btn>
-            <v-btn @click="openColorPicker('bottom')"
-                   :style="{ backgroundColor: user.colors.bannerBottom || '#A30E79', color: getTextColor(user.colors.bannerBottom || '#A30E79') }">
-              Bas
-            </v-btn>
-            <v-btn @click="openColorPicker('accent')"
-                   :style="{ backgroundColor: user.colors.accent || '#23393B', color: getTextColor(user.colors.accent || '#23393B') }">
-              Accent1
-            </v-btn>
-            <v-btn @click="openColorPicker('menu')"
-                   :style="{ backgroundColor: user.colors.menu || '#800080', color: getTextColor(user.colors.menu || '#800080') }">
-              Menu
-            </v-btn>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="px-3 py-3">
-      <v-file-input
-          ref="bannerImageInput"
-          accept=".png, .jpeg, .jpg"
-          v-model="bannerImage"
-          hint="png, jpeg or jpg"
-          label="Téléverser une nouvelle bannière"
-          @change="onBannerFileChange">
-      </v-file-input>
-    </div>
-
-    <!-- Profile -->
-    <div>
-      <div class="border-t-4 items-center px-5 py-4">
-        <div class="flex justify-center text-2xl ">Photo de profil</div>
-      </div>
-      <div class="flex justify-center  py-4">
-        <img :src="logoImageUrl"
-             :style="{ borderColor: user.colors.accent  || '#23393B' , borderWidth: '3px', borderStyle: 'solid' }"
-             class="rounded-full max-w-48 max-w-48"
-             @error="handleProfileImageError"
-             alt="Profile Image">
-      </div>
-      <div class="px-3">
-        <v-file-input
-            ref="profileImageInput"
-            accept=".png, .jpeg, .jpg"
-            hint="png, jpeg or jpg"
-            v-model="profilePicture"
-            label="Téléverser une nouvelle photo de profil"
-            @change="onProfileFileChange">
-        </v-file-input>
-      </div>
-    </div>
-
-    <!-- Color Picker Dialog -->
-    <v-dialog v-model="showColorPicker" max-width="400px" class="d-flex justify-center align-center">
-      <v-card>
-        <v-card-title class="justify-center text-center">Choisir une couleur</v-card-title>
-        <v-card-text class="d-flex justify-center">
-          <v-color-picker v-model="selectedColor"></v-color-picker>
-        </v-card-text>
-        <v-card-actions class="justify-center">
-          <v-spacer></v-spacer>
-          <v-btn color="primary" @click="applyColor">OK</v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script setup>
-import {ref} from 'vue';
-
-const emit = defineEmits(["updateProfilePicture", "updateBannerPicture"]);
-const fallbackProfilePictureUrl = '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png';
-const fallbackBannerPictureUrl = '/images/usersmedia/HutopyProfile/banners/banner01.png';
-
-const props = defineProps({
-  user: {}
-});
-
-const bannerImageUrl = ref(props.user.images.banner);
-const logoImageUrl = ref(props.user.images.logo);
-
-const bannerImage = ref(null);
-const profilePicture = ref(null);
-
-const showColorPicker = ref(false);
-const selectedColor = ref('#F4F4F4');
-const colorTarget = ref('');
-
-const handleProfileImageError = (event) => {
-  event.target.src = fallbackProfilePictureUrl;
-}
-
-const handleBannerImageError = (event) => {
-  event.target.src = fallbackBannerPictureUrl;
-}
-
-const onBannerFileChange = (event) => {
-  const file = event.target.files[0];
-  if (file) {
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      bannerImageUrl.value = e.target.result;
-    };
-    reader.readAsDataURL(file);
-    emit('updateBannerPicture', file);
-  }
-};
-
-const onProfileFileChange = (event) => {
-  const file = event.target.files[0];
-  if (file) {
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      logoImageUrl.value = e.target.result;
-    };
-    reader.readAsDataURL(file);
-    emit('updateProfilePicture', file);
-  }
-
-};
-
-const openColorPicker = (target) => {
-  colorTarget.value = target;
-  showColorPicker.value = true;
-};
-
-const applyColor = () => {
-  if (colorTarget.value === 'top') {
-    props.user.colors.bannerTop = selectedColor.value;
-  } else if (colorTarget.value === 'bottom') {
-    props.user.colors.bannerBottom = selectedColor.value;
-  } else if (colorTarget.value === 'accent') {
-    props.user.colors.accent = selectedColor.value;
-  } else if (colorTarget.value === 'menu') {
-    props.user.colors.menu = selectedColor.value;
-  }
-  showColorPicker.value = false;
-};
-
-/// Simple function to determine if the text should be white or black based on the background color
-const getTextColor = (bgColor) => {
-  const color = bgColor.replace('#', '');
-  const r = parseInt(color.substr(0, 2), 16);
-  const g = parseInt(color.substr(2, 2), 16);
-  const b = parseInt(color.substr(4, 2), 16);
-  const brightness = (r * 299 + g * 587 + b * 114) / 1000;
-  return brightness > 155 ? '#000' : '#fff';
-};
-</script>