hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Performance improvements

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2022-10-05 12:13:19 +02:00
parent 0cbe0b8fad
commit 456e987af8
25 changed files with 75 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
js/src/components/Account/ActorCard.vue
View File

@@ -11,6 +11,7 @@
alt=""
width="48"
height="48"
loading="lazy"
/>
</figure>
<AccountCircle

1
js/src/components/Account/ActorInline.vue
View File

@@ -10,6 +10,7 @@
alt=""
width="36"
height="36"
loading="lazy"
/>
</figure>
<AccountCircle :size="36" v-else />

1
js/src/components/Categories/CategoryCard.vue
View File

@@ -29,6 +29,7 @@
width="384"
height="384"
alt=""
loading="lazy"
/>
</picture>
<p

1
js/src/components/Event/EventCard.vue
View File

@@ -83,6 +83,7 @@
alt=""
width="24"
height="24"
loading="lazy"
/>
</figure>
<account-circle v-else />

6
js/src/components/Event/EventMap.vue
View File

@@ -70,7 +70,7 @@
<script lang="ts" setup>
import { Address, IAddress } from "@/types/address.model";
import { RoutingTransportationType, RoutingType } from "@/types/enums";
import { computed } from "vue";
import { computed, defineAsyncComponent } from "vue";
const RoutingParamType = {
[RoutingType.OPENSTREETMAP]: {
@@ -87,7 +87,9 @@ const RoutingParamType = {
},
};
const MapLeaflet = import("@/components/LeafletMap.vue");
const MapLeaflet = defineAsyncComponent(
() => import("@/components/LeafletMap.vue")
);
const props = defineProps<{
address: IAddress;

8
js/src/components/Event/EventParticipationCard.vue
View File

@@ -482,18 +482,10 @@ const lastSeatsLeft = computed<boolean>(() => {
const actorAvatarURL = computed<string | null>(() =>
organizerAvatarUrl(props.participation.event)
);
// export default class EventParticipationCard extends mixins(
// ActorMixin,
// EventMixin
// ) {
// }
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
// @import "node_modules/bulma/sass/utilities/mixins.sass";
article.box {
// div.tag-container {

7
js/src/components/Home/SearchFields.vue
View File

@@ -37,12 +37,15 @@
<script lang="ts" setup>
import { IAddress } from "@/types/address.model";
import { AddressSearchType } from "@/types/enums";
import { computed } from "vue";
import { computed, defineAsyncComponent } from "vue";
import { useI18n } from "vue-i18n";
import FullAddressAutoComplete from "@/components/Event/FullAddressAutoComplete.vue";
import { useRouter } from "vue-router";
import RouteName from "@/router/name";
const FullAddressAutoComplete = defineAsyncComponent(
() => import("@/components/Event/FullAddressAutoComplete.vue")
);
const props = defineProps<{
location: IAddress | null;
locationDefaultText?: string | null;

67
js/src/components/Image/test.html
View File

@@ -1,67 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Tailwind CSS -->
<link
href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet"
/>
<title>Tailwind CSS CDN</title>
</head>
<body>
<div class="p-10">
<!--Card 1-->
<div class="w-full lg:max-w-full lg:flex">
<div
class="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden"
style="
background-image: url('https://mobilizon.fr/media/70e930f488788afdf5d024be5ac2f9c9f0e1b166e16f645beb2c344cdcc65d62.jpg?name=musiquesurnantesbanner.jpg');
"
title="Mountain"
></div>
<div
class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal"
>
<div class="mb-8">
<p class="text-sm text-gray-600 flex items-center">
<svg
class="fill-current text-gray-500 w-3 h-3 mr-2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<path
d="M4 8V6a6 6 0 1 1 12 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h1zm5 6.73V17h2v-2.27a2 2 0 1 0-2 0zM7 6v2h6V6a3 3 0 0 0-6 0z"
/>
</svg>
Members only
</p>
<div class="text-gray-900 font-bold text-xl mb-2">
Best Mountain Trails 2020
</div>
<p class="text-gray-700 text-base">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptatibus quia, Nonea! Maiores et perferendis eaque,
exercitationem praesentium nihil.
</p>
</div>
<div class="flex items-center">
<img
class="w-10 h-10 rounded-full mr-4"
src="/ben.png"
alt="Avatar of Writer"
/>
<div class="text-sm">
<p class="text-gray-900 leading-none">John Smith</p>
<p class="text-gray-600">Aug 18</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

1
js/src/components/Local/MoreContent.vue
View File

@@ -10,6 +10,7 @@
:src="picture.url"
width="350"
alt=""
loading="lazy"
/>
<div class="absolute top-0 left-0 h-full w-full">
<div

1
js/src/components/NavBar.vue
View File

@@ -24,6 +24,7 @@
:src="currentActor?.avatar.url"
width="32"
height="32"
loading="lazy"
/>
</figure>
<AccountCircle v-else :size="32" />