@burh/nuxt-core 1.1.24 → 1.1.27

package/components/burh-ds/Curriculum/UserCurriculum/UserCvLeftSide.vue

@@ -22,7 +22,7 @@
 				"
 			/>
 			<h6
-				v-if="userData && userData.user_complementary_information && userData.user_complementary_information.birth && getAge() > 0 || false"
+				v-if="userHasBirthDate"
 			>
 				{{ getAge() }} {{ $t('user_cv.left_side.years_old') }}
 			</h6>
@@ -273,7 +273,6 @@
 <script>
 import getPrefixes from '~/util/getPrefixes.js';
 import VueQrcode from '@chenfengyuan/vue-qrcode';
-import moment from 'moment';
 
 import Profile from '../../Aboutme/Profile.vue';
 
@@ -291,6 +290,10 @@ export default {
 		},
 		currentCompany() {
 			return this.$store.state.company.currentCompany;
+		},
+		userHasBirthDate() {
+			const birth = this.userData && this.userData.user_complementary_information && this.userData.user_complementary_information.birth;
+			return !!this.parseBirthDate(birth);
 		}
 	},
 	props: {
@@ -319,9 +322,48 @@ export default {
 		handleAboutmeDownloadClick() {
 			this.$emit('aboutme-download');
 		},
-		getAge(){
-			const userAge = this.userData.user_complementary_information.birth;
-			return moment().diff(userAge, 'years');
+		parseBirthDate(birth) {
+			if (!birth) return null;
+
+			if (birth instanceof Date) {
+				return isNaN(birth.getTime()) ? null : birth;
+			}
+
+			if (typeof birth === 'number') {
+				const d = new Date(birth);
+				return isNaN(d.getTime()) ? null : d;
+			}
+
+			if (typeof birth === 'string') {
+				const trimmed = birth.trim();
+				const match = trimmed.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+				if (match) {
+					const year = Number(match[1]);
+					const monthIndex = Number(match[2]) - 1;
+					const day = Number(match[3]);
+					const d = new Date(year, monthIndex, day);
+					return isNaN(d.getTime()) ? null : d;
+				}
+
+				const d = new Date(trimmed);
+				return isNaN(d.getTime()) ? null : d;
+			}
+
+			return null;
+		},
+		getAge() {
+			const birth = this.userData && this.userData.user_complementary_information && this.userData.user_complementary_information.birth;
+			const birthDate = this.parseBirthDate(birth);
+			if (!birthDate) return '';
+
+			const today = new Date();
+			let years = today.getFullYear() - birthDate.getFullYear();
+			const monthDiff = today.getMonth() - birthDate.getMonth();
+			if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
+				years -= 1;
+			}
+
+			return years >= 0 ? years : 0;
 		},
 		highlightText(search, text) {
 			if (search.length < 2) return text;

package/components/burh-ds/Img/ImageWithFallback.vue

@@ -1,73 +1,73 @@
-<template>
-	<img
-		:src="(this.src) ? this.src : getAvatarUrl()"
-		:alt="this.alt"
-		@error="img => getImageFallback(img)"
-	>
-</template>
-
-<script>
-export default {
-	name: 'image-with-fallback',
-	props: {
-		src: {
-			type: [String, Boolean],
-			default: null
-		},
-		alt: {
-			type: String,
-			required: true
-		},
-		fallbackSize: {
-			type: String,
-			default: '512'
-		},
-		fallbackBackground: {
-			type: [String, Boolean],
-			default: null
-		},
-		fallbackText: {
-			type: String,
-			required: true
-		},
-		fallbackSingle: {
-			type: Boolean,
-			default: true
-		}
-	},
-	methods: {
-		getAvatarUrl() {
-			let size = this.fallbackSize;
-			let text = this.getNameInitials();
-			// let background = this.fallbackBackground;
-
-			const url = new URL('https://api.dicebear.com/7.x/initials/svg');
-
-			url.searchParams.append('seed', text);
-			url.searchParams.append('backgroundColor', '8DA2B5');
-			url.searchParams.append('size', size);
-			url.searchParams.append('fontSize', '40');
-
-			return url.toString();
-		},
-		getImageFallback(img) {
-			img.target.src = this.getAvatarUrl();
-		},
-		getNameInitials() {
-			let userAvatarName;
-
-			if (this.fallbackText) {
-				if (this.fallbackSingle) {
-					userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
-				} else {
-					userAvatarName = this.fallbackText;
-				}
-			} else {
-				userAvatarName = 'BURH';
-			}
-
-			return userAvatarName;
-		},
-	}
-};
-</script>
+<template>
+	<img
+		:src="(this.src) ? this.src : getAvatarUrl()"
+		:alt="this.alt"
+		@error="img => getImageFallback(img)"
+	>
+</template>
+
+<script>
+export default {
+	name: 'image-with-fallback',
+	props: {
+		src: {
+			type: [String, Boolean],
+			default: null
+		},
+		alt: {
+			type: String,
+			required: true
+		},
+		fallbackSize: {
+			type: String,
+			default: '512'
+		},
+		fallbackBackground: {
+			type: [String, Boolean],
+			default: null
+		},
+		fallbackText: {
+			type: String,
+			required: true
+		},
+		fallbackSingle: {
+			type: Boolean,
+			default: true
+		}
+	},
+	methods: {
+		getAvatarUrl() {
+			let size = this.fallbackSize;
+			let text = this.getNameInitials();
+			// let background = this.fallbackBackground;
+
+			const url = new URL('https://api.dicebear.com/7.x/initials/svg');
+
+			url.searchParams.append('seed', text);
+			url.searchParams.append('backgroundColor', '8DA2B5');
+			url.searchParams.append('size', size);
+			url.searchParams.append('fontSize', '40');
+
+			return url.toString();
+		},
+		getImageFallback(img) {
+			img.target.src = this.getAvatarUrl();
+		},
+		getNameInitials() {
+			let userAvatarName;
+
+			if (this.fallbackText) {
+				if (this.fallbackSingle) {
+					userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
+				} else {
+					userAvatarName = this.fallbackText;
+				}
+			} else {
+				userAvatarName = 'BURH';
+			}
+
+			return userAvatarName;
+		},
+	}
+};
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@burh/nuxt-core",
-    "version": "1.1.24",
+    "version": "1.1.27",
     "description": "Design System and Components.",
     "author": "Burh",
     "private": false,