@dcrackel/meyersquaredui 1.0.171 → 1.0.173
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/meyersquaredui.es.js +374 -358
- package/dist/meyersquaredui.umd.js +4 -4
- package/package.json +1 -1
- package/src/mocks/getDEWithBouts2.js +2664 -910
- package/src/stories/Organisms/Cards/FencerListCard/FencerListCard.vue +1 -1
- package/src/stories/Organisms/Cards/FencerPoolStatsCards/FencerPoolStatsCard.vue +1 -1
- package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue +1 -1
- package/src/stories/Organisms/Tableau/Tableau.stories.js +2 -2
- package/src/stories/Organisms/Tableau/Tableau.vue +26 -11
- package/src/stories/Organisms/Tableau/TableauLines/SpacingConfig.js +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section v-if="!isLoading" class="flex items-center p-4 hover:cursor-pointer border-b" @click="handleCardClicked">
|
|
2
|
+
<section v-if="!isLoading" class="flex items-center p-4 hover:cursor-pointer border-b last:border-b-0" @click="handleCardClicked">
|
|
3
3
|
<img :src="portrait" alt="Fencer Portrait" class="w-[50px] h-[50px] md:w-[70px] md:h-[70px] rounded-full object-cover z-1 flex-shrink-0 mr-4" />
|
|
4
4
|
<div class="rounded-full bg-accent h-5 w-5 absolute flex justify-center ml-9 mt-9 md:ml-12 md:mt-12">
|
|
5
5
|
<BaseText tag="p" size="sm" weight="bold" class="text-white">{{ Position }}</BaseText>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section class="grid grid-cols-2 p-2 md:p-4 border-b w-full">
|
|
2
|
+
<section class="grid grid-cols-2 p-2 md:p-4 border-b w-full last:border-b-0">
|
|
3
3
|
<!-- Left Section: Position, Fencer name and club -->
|
|
4
4
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
5
5
|
<div class="flex items-center">
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</section>
|
|
29
29
|
|
|
30
30
|
<!-- mobile header -->
|
|
31
|
-
<section class="w-full flex md:hidden fixed top-0 z-
|
|
31
|
+
<section class="w-full flex md:hidden fixed top-0 z-50 bg-primary">
|
|
32
32
|
<div class="py-2 px-6 flex justify-between w-full">
|
|
33
33
|
<img :src="logo" alt="Logo" class="h-6 w-9" @click="handlePageChange('Home')" />
|
|
34
34
|
<Icon icon="fa-bars" color="secondary" size="xl" @click="openMenu($event)" />
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Tableau from './Tableau.vue';
|
|
2
|
-
import getDEWithBouts from '../../../mocks/getDEWithBouts.js';
|
|
3
|
-
|
|
2
|
+
//import getDEWithBouts from '../../../mocks/getDEWithBouts.js';
|
|
3
|
+
import getDEWithBouts from '../../../mocks/getDEWithBouts2.js';
|
|
4
4
|
|
|
5
5
|
export default {
|
|
6
6
|
title: 'Organisms/Tableau',
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<section class="w-full overflow-x-auto mt-4 scrollbar-thin">
|
|
3
|
-
<div class="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
3
|
+
<div class="flex justify-start" :class="TableauWidth">
|
|
4
|
+
<div v-for="(bouts, roundName) in groupedBouts" :key="roundName">
|
|
5
|
+
<TableauColumn :bouts="bouts"
|
|
6
|
+
:hostingClubColors="hostingClubColors"
|
|
7
|
+
:roundName="roundName"
|
|
8
|
+
:bracketSize="bracketSize"
|
|
9
|
+
:largeCards="largeCards"
|
|
10
|
+
@action:editBout="handleEditBout"
|
|
11
|
+
@action:directingBout="handleDirectorBout"
|
|
12
|
+
/>
|
|
13
|
+
</div>
|
|
14
14
|
</div>
|
|
15
15
|
</section>
|
|
16
16
|
</template>
|
|
@@ -45,6 +45,21 @@ export default {
|
|
|
45
45
|
console.log(temp);
|
|
46
46
|
return temp;
|
|
47
47
|
},
|
|
48
|
+
TableauWidth() {
|
|
49
|
+
// Adjust the minimum width based on bracket size
|
|
50
|
+
switch (this.bracketSize) {
|
|
51
|
+
case 'Table of 128':
|
|
52
|
+
return 'min-w-[2240px]';
|
|
53
|
+
case 'Table of 64':
|
|
54
|
+
return 'min-w-[1120px]';
|
|
55
|
+
case 'Table of 32':
|
|
56
|
+
return 'min-w-[560px]';
|
|
57
|
+
case 'Table of 16':
|
|
58
|
+
return 'min-w-[280px]';
|
|
59
|
+
default:
|
|
60
|
+
return 'min-w-full';
|
|
61
|
+
}
|
|
62
|
+
}
|
|
48
63
|
},
|
|
49
64
|
methods: {
|
|
50
65
|
handleEditBout(bout) {
|
|
@@ -50,7 +50,7 @@ export const SpacingConfig = {
|
|
|
50
50
|
'Table of 32': { getTopSpace: '-mt-[0rem]', getConnectorHeight: 'h-[4.8rem]', getTopSpaceForLine: 'mt-[2.2rem]' },
|
|
51
51
|
'Table of 16': { getTopSpace: 'mt-[2.3rem]', getConnectorHeight: 'h-[9.1rem]', getTopSpaceForLine: 'mt-[4rem]' },
|
|
52
52
|
'Table of 8': { getTopSpace: 'mt-[6.4rem]', getConnectorHeight: 'h-[18rem]', getTopSpaceForLine: 'mt-[9rem]' },
|
|
53
|
-
Semifinal: { getTopSpace: 'mt-[
|
|
53
|
+
Semifinal: { getTopSpace: 'mt-[16.6rem]', getConnectorHeight: 'h-[36rem]', getTopSpaceForLine: 'mt-[18rem]' },
|
|
54
54
|
Final: { getTopSpace: 'h-[256px] mt-[64.8rem] -ml-[181px]', getBottomLine: 'h-[8rem] mt-[1.4rem] -ml-[181px]' },
|
|
55
55
|
'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' },
|
|
56
56
|
}
|