feat: compress media files (#818)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/818
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>

src/components/home/contentLinkShare.vue

@@ -6,7 +6,7 @@
 	>
 		<div class="container has-text-centered link-share-view">
 			<div class="column is-10 is-offset-1">
-				<img alt="Vikunja" class="logo" src="/images/logo-full.svg"/>
+				<img alt="Vikunja" class="logo" :src="logoUrl" />
 				<h1
 					:style="{ 'opacity': currentList.title === '' ? '0': '1' }"
 					class="title">
@@ -27,8 +27,15 @@
 import {mapState} from 'vuex'
 import {CURRENT_LIST} from '@/store/mutation-types'
 
+import logoUrl from '@/assets/logo-full.svg'
+
 export default {
 	name: 'contentLinkShare',
+	data() {
+		return {
+			logoUrl,
+		}
+	},
 	computed: mapState({
 		currentList: CURRENT_LIST,
 		background: 'background',

src/components/home/contentNoAuth.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="no-auth-wrapper">
 		<div class="noauth-container">
-			<img alt="Vikunja" src="/images/logo-full.svg" width="400" height="117"/>
+			<img alt="Vikunja" :src="logoUrl" width="400" height="117" />
 			<div class="message is-info" v-if="motd !== ''">
 				<div class="message-header">
 					<p>{{ $t('misc.info') }}</p>
@@ -18,8 +18,15 @@
 <script>
 import {mapState} from 'vuex'
 
+import logoUrl from '@/assets/logo-full.svg'
+
 export default {
 	name: 'contentNoAuth',
+	data() {
+		return {
+			logoUrl,	
+		}
+	},
 	created() {
 		this.redirectToHome()
 	},

src/components/home/navigation.vue

@@ -2,7 +2,7 @@
 	<div :class="{'is-active': menuActive}" class="namespace-container">
 		<div class="menu top-menu">
 			<router-link :to="{name: 'home'}" class="logo">
-				<img alt="Vikunja" src="/images/logo-full.svg" width="164" height="48"/>
+				<img alt="Vikunja" :src="logoUrl" width="164" height="48"/>
 			</router-link>
 			<ul class="menu-list">
 				<li>
@@ -152,6 +152,8 @@ import NamespaceSettingsDropdown from '@/components/namespace/namespace-settings
 import draggable from 'vuedraggable'
 import {calculateItemPosition} from '@/helpers/calculateItemPosition'
 
+import logoUrl from '@/assets/logo-full.svg'
+
 export default {
 	name: 'navigation',
 	data() {
@@ -163,6 +165,7 @@ export default {
 				ghostClass: 'ghost',
 			},
 			listUpdating: {},
+			logoUrl,
 		}
 	},
 	components: {

src/components/home/topNavigation.vue

@@ -7,8 +7,7 @@
 	>
 		<div class="navbar-brand">
 			<router-link :to="{name: 'home'}" class="navbar-item logo">
-				<img width="164" height="48" alt="Vikunja" src="/images/logo-full-pride.svg" v-if="(new Date()).getMonth() === 5"/>
-				<img width="164" height="48" alt="Vikunja" src="/images/logo-full.svg" v-else/>
+				<img width="164" height="48" alt="Vikunja" :src="logoUrl" />
 			</router-link>
 			<a
 				@click="$store.commit('toggleMenu')"
@@ -103,6 +102,9 @@ import ListSettingsDropdown from '@/components/list/list-settings-dropdown.vue'
 import Dropdown from '@/components/misc/dropdown.vue'
 import Notifications from '@/components/notifications/notifications.vue'
 
+import logoUrl from '@/assets/logo-full.svg'
+import logoFullPrideUrl from '@/assets/logo-full-pride.svg'
+
 export default {
 	name: 'topNavigation',
 	components: {
@@ -111,16 +113,21 @@ export default {
 		ListSettingsDropdown,
 		Update,
 	},
-	computed: mapState({
-		userInfo: state => state.auth.info,
-		userAvatar: state => state.auth.avatarUrl,
-		userAuthenticated: state => state.auth.authenticated,
-		currentList: CURRENT_LIST,
-		background: 'background',
-		imprintUrl: state => state.config.legal.imprintUrl,
-		privacyPolicyUrl: state => state.config.legal.privacyPolicyUrl,
-		canWriteCurrentList: state => state.currentList.maxRight > Rights.READ,
-	}),
+	computed: {
+		logoUrl() {
+			return (new Date()).getMonth() === 5 ? logoFullPrideUrl : logoUrl
+		},
+		...mapState({
+			userInfo: state => state.auth.info,
+			userAvatar: state => state.auth.avatarUrl,
+			userAuthenticated: state => state.auth.authenticated,
+			currentList: CURRENT_LIST,
+			background: 'background',
+			imprintUrl: state => state.config.legal.imprintUrl,
+			privacyPolicyUrl: state => state.config.legal.privacyPolicyUrl,
+			canWriteCurrentList: state => state.currentList.maxRight > Rights.READ,
+		}),
+	},
 	mounted() {
 		this.$nextTick(() => {
 			if (typeof this.$refs.usernameDropdown === 'undefined' || typeof this.$refs.listTitle === 'undefined') {