Update 24.2.2023

This commit is contained in:
Schenky 2023-02-24 15:44:25 +01:00
parent ee92afcf9f
commit ffbe46b1c6
15 changed files with 159 additions and 113 deletions

View File

@ -13,7 +13,7 @@
$: if (isReady && !$user) {
if (!(location.pathname.startsWith('/login') || location.pathname.startsWith('/register'))) {
navigate('/login')
//navigate('/login')
}
}

View File

@ -40,8 +40,8 @@
component: () => import('$routes/profile/profile.svelte'),
},
{
path: '/profile/payment_history',
component: () => import('$routes/profile/payment_history.svelte'),
path: '/profile/:function',
component: () => import('$routes/profile/profile-functions.svelte'),
},
{
path: '/legal/terms_of_service',

View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.0019 2.98493C16.5119 2.49493 15.7219 2.49493 15.2319 2.98493L6.92186 11.2949C6.53186 11.6849 6.53186 12.3149 6.92186 12.7049L15.2319 21.0149C15.7219 21.5049 16.5119 21.5049 17.0019 21.0149C17.4919 20.5249 17.4919 19.7349 17.0019 19.2449L9.76186 11.9949L17.0119 4.74493C17.4919 4.26493 17.4919 3.46493 17.0019 2.98493Z" fill="black" fill-opacity="0.54"/>
</svg>

After

Width:  |  Height:  |  Size: 478 B

View File

@ -0,0 +1,10 @@
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="filter: invert(34%) sepia(86%) saturate(3454%) hue-rotate(222deg) brightness(96%) contrast(92%);">
<rect width="26" height="26" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_1890_4495" transform="scale(0.01)"/>
</pattern>
<image id="image0_1890_4495" width="100" height="100" xlink:href="data:image/png;base64,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"/>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -1,26 +1,10 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g filter="url(#filter0_i_1625_3311)">
<rect width="30" height="30" fill="url(#pattern0)" />
</g>
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="filter: invert(34%) sepia(86%) saturate(3454%) hue-rotate(222deg) brightness(96%) contrast(92%);">
<rect width="30" height="30" fill="url(#pattern0)"/>
<defs>
<filter id="filter0_i_1625_3311" x="0" y="0" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset dx="61" dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.388235 0 0 0 0 0.921569 0 0 0 1 0" />
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1625_3311" />
</filter>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_1625_3311" transform="scale(0.0104167)" />
</pattern>
<image
id="image0_1625_3311"
width="96"
height="96"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAADqUlEQVR4nO2dvU8UQRyGH40KjYI22FnYGDpI7kSxM/gRjQmNBUGtLKz8+JNMsLAjojEaYwMROaWy0kRtjFbG00SjhVgMG+C8u5253ZnffbxPMoHA7s7c+8DezOzeDgghhBBCCJGcXQX3HwcmgDFgb/HmdMQf4AWwalR/coaA28A7YKOLykNgJOLr7gqqwEfsw25VluK9dHtmgV/Yh5xXqrECiMFuz+2qwD1gOGJbyuKUdQNC8BEwDNynN8IH91/QM/gIuAEcid2QElmxbkDZdFtvp115ECkDM8axDzUk/J7rhu7J+f2ExzH+4t6gPxVvTkd8wZ12akb1FyJPwGGPYywAV0toy0CS9ya83+MY78toyKDiOw4QkZAAYyTAGAkwRgKMkQBjJMAYCTBGAozJm4oYNKaAk5vfrwAvY1coAY4DuAnFCw0/XwLmgXqsinUKcjQLH+Ai8BQYjVWxBMBxmoefUQGeEEmCBMC0xzbRJEiAP1EkSAAsB2xbugQJgDXCLuaXKkECHFcIu6ZcmgQJcNSBGcIGXhXgGXCoSMUSsEUdOEuYhEncOKFjCRKwk0zCWsA+hSRIwP/UgTMkkiABzUkmQQJak0SCxWzoFHAC2GdQdyc8xwXrm9Uk8Bgn71vexikFjOJmHc8nrNOKbJwwQ85UdspT0KCEn1EB7uZtlErAFIMVfsYlnIiWpBLgM+Xbr7R97eoFGZNKQN99biuAttPdqQSsAo8S1dVNLAKv2m2Q8hQ0h3ucwKBQA67lbZRyHFDH3WVQxb0xjSWsuwgHgeuEPdikhhuI5d7OYjESXiNseG/JCG5AFRL+OnAOj1EwqBfUjiz8kGdPrONGv199d5CA5iQJHySgGcnCBwloJGn4IAHbSR4+SEDGCO5CSkj4NeA0BcIHCchYIGfWsoGsn+/V1WyHBOTfHd1IaeGDBEDYVHmp4YMEhFB6+CAB4Hd3dJTwQQIg/+7oaOGDBGTM01zCIq6fHyV80KckM76zdQF9GvcMumXgdeyKJWAnNRI/e06nIGMkwBgJMEYCjJEAYyTAGAkwRgKMkQBj8gT88DjG0TIaMqjkTUV89jjG3ObXNwXb0il9vY5YLy3g0LfriL3FPlzf0pfriN3CPtiQ0lPriPkwBHzAPljfcidODHHw6Yb+Bi7jVtHrBTasGxCLWeAn9n/hA3cK2k4Ft2aMdcitSt+tI9aMIeAm3dc76sl1xIou6HwM93CKMew+89XT64gJIYQQQghhwD+GY3D/XU+PSgAAAABJRU5ErkJggg=="
/>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_1890_4382" transform="scale(0.0104167)"/>
</pattern>
<image id="image0_1890_4382" width="96" height="96" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAADqUlEQVR4nO2dvU8UQRyGH40KjYI22FnYGDpI7kSxM/gRjQmNBUGtLKz8+JNMsLAjojEaYwMROaWy0kRtjFbG00SjhVgMG+C8u5253ZnffbxPMoHA7s7c+8DezOzeDgghhBBCCJGcXQX3HwcmgDFgb/HmdMQf4AWwalR/coaA28A7YKOLykNgJOLr7gqqwEfsw25VluK9dHtmgV/Yh5xXqrECiMFuz+2qwD1gOGJbyuKUdQNC8BEwDNynN8IH91/QM/gIuAEcid2QElmxbkDZdFtvp115ECkDM8axDzUk/J7rhu7J+f2ExzH+4t6gPxVvTkd8wZ12akb1FyJPwGGPYywAV0toy0CS9ya83+MY78toyKDiOw4QkZAAYyTAGAkwRgKMkQBjJMAYCTBGAozJm4oYNKaAk5vfrwAvY1coAY4DuAnFCw0/XwLmgXqsinUKcjQLH+Ai8BQYjVWxBMBxmoefUQGeEEmCBMC0xzbRJEiAP1EkSAAsB2xbugQJgDXCLuaXKkECHFcIu6ZcmgQJcNSBGcIGXhXgGXCoSMUSsEUdOEuYhEncOKFjCRKwk0zCWsA+hSRIwP/UgTMkkiABzUkmQQJak0SCxWzoFHAC2GdQdyc8xwXrm9Uk8Bgn71vexikFjOJmHc8nrNOKbJwwQ85UdspT0KCEn1EB7uZtlErAFIMVfsYlnIiWpBLgM+Xbr7R97eoFGZNKQN99biuAttPdqQSsAo8S1dVNLAKv2m2Q8hQ0h3ucwKBQA67lbZRyHFDH3WVQxb0xjSWsuwgHgeuEPdikhhuI5d7OYjESXiNseG/JCG5AFRL+OnAOj1EwqBfUjiz8kGdPrONGv199d5CA5iQJHySgGcnCBwloJGn4IAHbSR4+SEDGCO5CSkj4NeA0BcIHCchYIGfWsoGsn+/V1WyHBOTfHd1IaeGDBEDYVHmp4YMEhFB6+CAB4Hd3dJTwQQIg/+7oaOGDBGTM01zCIq6fHyV80KckM76zdQF9GvcMumXgdeyKJWAnNRI/e06nIGMkwBgJMEYCjJEAYyTAGAkwRgKMkQBj8gT88DjG0TIaMqjkTUV89jjG3ObXNwXb0il9vY5YLy3g0LfriL3FPlzf0pfriN3CPtiQ0lPriPkwBHzAPljfcidODHHw6Yb+Bi7jVtHrBTasGxCLWeAn9n/hA3cK2k4Ft2aMdcitSt+tI9aMIeAm3dc76sl1xIou6HwM93CKMew+89XT64gJIYQQQghhwD+GY3D/XU+PSgAAAABJRU5ErkJggg=="/>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

4
src/lib/svg/Pen.svelte Normal file
View File

@ -0,0 +1,4 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.8859 7.03914C26.3734 7.52664 26.3734 8.31414 25.8859 8.80164L23.5984 11.0891L18.9109 6.40164L21.1984 4.11414C21.432 3.88008 21.749 3.74854 22.0797 3.74854C22.4103 3.74854 22.7274 3.88008 22.9609 4.11414L25.8859 7.03914ZM3.74841 25.6266V21.8266C3.74841 21.6516 3.81091 21.5016 3.93591 21.3766L17.5734 7.73914L22.2609 12.4266L8.61091 26.0641C8.49841 26.1891 8.33591 26.2516 8.17341 26.2516H4.37341C4.02341 26.2516 3.74841 25.9766 3.74841 25.6266Z" fill="#4263EB"/>
</svg>

After

Width:  |  Height:  |  Size: 627 B

4
src/lib/svg/Sun.svelte Normal file
View File

@ -0,0 +1,4 @@
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0063 1.3125H15.0188C15.7063 1.3125 16.2563 1.8625 16.2563 2.55V3.7625C16.2563 4.45 15.7063 5 15.0063 4.9875H14.9938C14.3063 4.9875 13.7563 4.4375 13.7563 3.75V2.55C13.7563 1.8625 14.3063 1.3125 15.0063 1.3125ZM7.56885 5.8L7.08135 5.3125C6.59385 4.825 5.80635 4.8375 5.33135 5.3125L5.31885 5.325C4.83135 5.8125 4.83135 6.6 5.31885 7.075L5.80635 7.5625C6.29385 8.05 7.06885 8.05 7.55635 7.5625L7.56885 7.55C8.05635 7.075 8.05635 6.275 7.56885 5.8ZM3.76885 13.75H2.49385C1.80635 13.75 1.25635 14.3 1.25635 14.9875V15C1.25635 15.6875 1.80635 16.2375 2.49385 16.2375H3.75635C4.45635 16.25 5.00635 15.7 5.00635 15.0125V15C5.00635 14.3 4.45635 13.75 3.76885 13.75ZM24.6938 5.325C24.2063 4.8375 23.4188 4.8375 22.9313 5.3125L22.4438 5.8C21.9563 6.2875 21.9563 7.075 22.4438 7.55L22.4563 7.5625C22.9438 8.05 23.7313 8.05 24.2063 7.5625L24.6938 7.075C25.1813 6.5875 25.1813 5.8125 24.6938 5.325ZM22.9188 24.6875L22.4313 24.2C21.9438 23.7125 21.9438 22.9375 22.4438 22.4375C22.9188 21.9625 23.7063 21.95 24.1938 22.4375L24.6813 22.925C25.1688 23.4125 25.1688 24.2 24.6813 24.6875C24.1938 25.175 23.4063 25.175 22.9188 24.6875ZM25.0063 14.9875V15C25.0063 15.6875 25.5563 16.2375 26.2438 16.2375H27.5063C28.1938 16.2375 28.7438 15.6875 28.7438 15V14.9875C28.7438 14.3 28.1938 13.75 27.5063 13.75H26.2438C25.5563 13.75 25.0063 14.3 25.0063 14.9875ZM7.50635 15C7.50635 10.8625 10.8688 7.5 15.0063 7.5C19.1438 7.5 22.5063 10.8625 22.5063 15C22.5063 19.1375 19.1438 22.5 15.0063 22.5C10.8688 22.5 7.50635 19.1375 7.50635 15ZM14.9938 28.6875H15.0063C15.6938 28.6875 16.2438 28.1375 16.2438 27.45V26.25C16.2438 25.5625 15.6938 25.0125 15.0063 25.0125H14.9938C14.3063 25.0125 13.7563 25.5625 13.7563 26.25V27.45C13.7563 28.1375 14.3063 28.6875 14.9938 28.6875ZM7.08135 24.675C6.59385 25.1625 5.80635 25.1625 5.31885 24.675C4.83135 24.1875 4.83135 23.4125 5.30635 22.9125L5.79385 22.425C6.02739 22.1909 6.34445 22.0594 6.6751 22.0594C7.00574 22.0594 7.32281 22.1909 7.55635 22.425L7.56885 22.4375C8.04385 22.9125 8.05635 23.7 7.56885 24.1875L7.08135 24.675Z" fill="#4263EB"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -6,8 +6,6 @@
import Comparment from './Components/Comparment.svelte' //do budoucna bych to udělal pomocí komponent
import { onMount } from 'svelte'
import Animation from './Components/Animation.svelte'
import collections from '$lib/collections'
import { getLocationDataFromLatAndLong } from '$lib/utils/locations'
import { getExpiriences } from '$lib/utils/database/game'
import Loading from '$lib/components/Common/Loading.svelte'

View File

@ -0,0 +1,7 @@
<script lang="ts">
</script>
<div>
<p>What are you most interested in?</p>
</div>

View File

@ -0,0 +1,17 @@
<script lang="ts">
</script>
<div>
<div class="photo">
<div class="currentPhoto">
</div>
<div class="changePhoto">
</div>
</div>
<div class="inputs">
<input type="text" placeholder="Your name">
</div>
</div>

View File

@ -0,0 +1,31 @@
<script lang="ts">
import Line from '$lib/components/Common/Line.svelte'
import SettingRow from '$lib/components/Common/SettingRow.svelte'
import { Link } from 'svelte-routing'
import Earth from '$lib/svg/Earth.svelte'
import Sun from '$lib/svg/Sun.svelte';
const items = [
{
title: '',
itms: [{ icon: Sun, text: 'Theme', link:"/"}, { icon: Earth, text: 'Language', link:"/"}],
}
]
</script>
<Line />
<div class="w-full h-auto flex flex-wrap flex-row mt-4 gap-4">
{#each items as { title, itms }}
{#if title !== ""}
<div class="mb-4 text-[18px] text-[#61646B]">{title}</div>
{/if}
{#each itms as { icon, text, link}}
<SettingRow>
<svelte:component this={icon} />
<Link class="font-semibold text-[18px]" to={link}>{text}</Link>
</SettingRow>
{/each}
{/each}
</div>

View File

@ -1,78 +0,0 @@
<script lang="ts">
import NavigationBarLayout from '../../lib/components/Layouts/NavigationBarLayout.svelte'
import Line from '$lib/components/Common/Line.svelte'
import Help from './../../lib/svg/Help.svelte'
import SettingRow from '$lib/components/Common/SettingRow.svelte'
import Profile from '$lib/svg/Profile.svelte'
import Wallet from '$lib/svg/Wallet-Headline.svelte'
import { Link } from 'svelte-routing'
import Earth from '$lib/svg/Earth.svelte'
import Warning from '$lib/svg/Warning.svelte'
const items = [
{
title: '',
itms: [
{ icon: Profile, text: 'Subscriptions purchase: Premium', link:"/"},
],
},
{
title: 'Settings',
itms: [{ icon: Earth, text: 'Language', link:"/"}],
},
{
title: 'Legal',
itms: [
{ icon: Help, text: 'Help', link:"/"},
{ icon: Warning, text: 'Terms & Conditions', link:"/"},
],
},
]
</script>
<NavigationBarLayout class="p-4">
<div class="head">
<Wallet />
<h1>Payment History</h1>
</div>
<Line />
<div class="w-full h-auto flex flex-wrap flex-row mt-4 gap-4">
{#each items as { title, itms }}
{#if title !== ""}
<div class="mb-4 text-[18px] text-[#61646B]">{title}</div>
{/if}
{#each itms as { icon, text, link}}
<SettingRow>
<svelte:component this={icon} />
<Link class="font-semibold text-[18px]" to={link}>{text}</Link>
</SettingRow>
<Line />
{/each}
{/each}
</div>
</NavigationBarLayout>
<style lang="scss">
.head{
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 16px;
margin-bottom: 20px;
h1{
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #000000;
margin: 0;
}
svg{
min-height: 30px;
}
}
</style>

View File

@ -0,0 +1,63 @@
<script lang="ts">
import NavigationBarLayout from '../../lib/components/Layouts/NavigationBarLayout.svelte'
import { navigate } from 'svelte-routing'
import ArrowBack from '$lib/svg/ArrowBack.svelte'
import ProfileUpdate from './functions/Profile-Update.svelte';
import Setting from './functions/Setting.svelte';
import Cookies from './functions/Cookies.svelte';
import InterestsUpdate from './functions/Interests-Update.svelte';
const functions = [{name: "profile_update", display_name:"Update Your Profile", view: ProfileUpdate}, {name: "interests_update", display_name:"Update your interests", view: InterestsUpdate}, {name: "settings", display_name:"Setting", view: Setting}, {name: "cookies", display_name:"Cookies", view: Cookies}]
export let params: { function: string }
let data = functions.find(element => element.name === params.function.toLowerCase()) || null
if (data === null){
window.location.href = '/profile'
}
</script>
<NavigationBarLayout class="p-4">
<div class="head">
<button on:click={() => {navigate("/profile")}}>
<ArrowBack />
</button>
<h1>{data.display_name}</h1>
</div>
<svelte:component this={data.view}/>
</NavigationBarLayout>
<style lang="scss">
.head{
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 16px;
margin-bottom: 20px;
position: relative;
h1{
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #000000;
margin: 0;
}
button{
position: absolute;
left: 8px;
top: 50%;
transform: translate(0, -50%);
min-height: 30px;
}
}
</style>

View File

@ -4,11 +4,11 @@
import Line from '$lib/components/Common/Line.svelte'
import SettingRow from '$lib/components/Common/SettingRow.svelte'
import Profile from '$lib/svg/Profile.svelte'
import Wallet from '$lib/svg/Wallet.svelte'
import Pen from '$lib/svg/Pen.svelte'
import Setting2 from '$lib/svg/Setting2.svelte'
import { Link } from 'svelte-routing'
import NavigationBarLayout from '../../lib/components/Layouts/NavigationBarLayout.svelte'
import Earth from '$lib/svg/Earth.svelte'
import CookieMonster from '$lib/svg/CookieMonster.svelte'
import Warning from '$lib/svg/Warning.svelte'
import PointSmall from '$lib/svg/PointSmall.svelte'
import InputPicture from '$lib/components/Inputs/InputPicture.svelte'
@ -20,20 +20,22 @@
{
title: 'Account',
itms: [
{ icon: Profile, text: 'Your Profile', link:"/"},
{ icon: Wallet, text: 'Payment History', link:"/profile/payment_history"},
{ icon: Setting2, text: 'Preferences', link:"/"},
{ icon: Profile, text: 'Update Your Profile', link:"/profile/profile_update"},
{ icon: Pen, text: 'Update Your Interests', link:"/profile/interests_update"},
],
},
{
title: 'Settings',
itms: [{ icon: Earth, text: 'Language', link:"/"}],
itms: [
{ icon: Setting2, text: 'Setting', link:"/profile/settings"},
{ icon: CookieMonster, text: 'Cookies', link:"/profile/cookies"}
],
},
{
title: 'Legal',
itms: [
{ icon: Help, text: 'Help', link:"/"},
{ icon: Warning, text: 'Terms of Service', link:"/"},
{ icon: Warning, text: 'Terms & Condition', link:"/"},
{ icon: Logout, text: 'Log out', link: () => user.deleteSessions() },,
],
},