Holiday changes ;)

assets/js/custom.js

@@ -204,7 +204,6 @@ $(function () {
     } else {
         defaultDate = new Date();
     }
-    console.log('lteasdf');
     $('#datetimepicker').datetimepicker({
         format: 'DD.MM.YYYY HH:mm',
         stepping: '10',

assets/js/main.js

@@ -343,3 +343,15 @@ function loadNotificationsAsync() {
 }
 
 loadNotificationsAsync();
+
+$('#switchDarkmode').click(function (event) {
+    event.preventDefault();
+    $('body').toggleClass('dark');
+    if($('body').hasClass('dark')) {
+        $(this).find('.fa-moon').removeClass('fa').addClass('far');
+        $(this).attr('data-title', 'Light Theme')
+    } else {
+        $(this).find('.fa-moon').removeClass('far').addClass('fa');
+        $(this).attr('data-title', 'Dark Theme')
+    }
+});

assets/js/profile_edit.js

@@ -28,7 +28,7 @@ $('#birthdate-month').change(function () {
 });
 
 $('#birthdate-year').change(function () {
-    if(parseInt($('#birthdate-year').val()) % 4 === 0 && $('#birthdate-month').val() === 2) {
+    if (parseInt($('#birthdate-year').val()) % 4 === 0 && $('#birthdate-month').val() === 2) {
         updateDaySelection(29);
     }
 });
@@ -53,11 +53,41 @@ function updateDaySelection() {
 
 function updateYearSelection() {
     const curYear = new Date().getFullYear();
-    for(let i = curYear; i >= curYear - 120; i--) {
+    for (let i = curYear; i >= curYear - 120; i--) {
         $('#birthdate-year').append('<option value="' + i + '">' + i + '</option>');
     }
 }
 
 updateMonthSelection();
 updateDaySelection();
-updateYearSelection();
+updateYearSelection();
+
+$(function () {
+    $('#color').colorpicker({
+        inline: true,
+        container: true,
+        format: 'hsl',
+        useAlpha: false,
+        fallbackColor: '#2272ff',
+    })
+        .on('colorpickerChange colorpickerCreate', function (e) {
+            $('#customColor').html(`
+                .text-custom {
+                    color: ${e.value} !important
+                }
+                
+                .bg-custom {
+                    background-color: ${e.value} !important
+                }
+                
+                .bg-custom * {
+                    color: ${e.color.isDark() ? '#fff' : '#333'} !important;
+                    fill: ${e.color.isDark() ? '#fff' : '#333'} !important;
+                }
+                
+                .border-custom {
+                    border-color: ${e.value} !important
+                }
+            `)
+        });
+});

assets/js/profile_page.js

@@ -45,6 +45,7 @@ $(window).scroll(function () {
     if ($(this).scrollTop() + 75 > scrollTrigger.offset().top) {
         parallaxActive = false;
         $('#profile-sub-header').addClass('fixedTop').css('transform', 'translate3d(0,0,0)');
+        $('#profile-content').css('transform', 'translate3d(0, ' + $('#profile-sub-header').height() + 'px, 0)');
     } else {
         parallaxActive = true;
         $('#profile-sub-header').removeClass('fixedTop');