Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

326 gallery fixes #327

Merged
merged 8 commits into from
Nov 15, 2024
Merged

326 gallery fixes #327

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
139ab16
update team page, add clarissa
patrickwieth Oct 30, 2024
bb2b440
make gitbook link open new page
patrickwieth Nov 4, 2024
fefdbbe
make links going outside open a new page everyhwere
patrickwieth Nov 4, 2024
6adcaa1
add/update whitepaper
patrickwieth Nov 4, 2024
a87ad9b
glow colors in gallery (324) and text overlap (325)
patrickwieth Nov 4, 2024
60e53de
loading now only happens recklessly, when the button is smashed befor…
patrickwieth Nov 4, 2024
054b213
gallery filters also available for mobile view and toggle via button
patrickwieth Nov 4, 2024
e631326
I find your lack of understanding for good names of functions disturbing
patrickwieth Nov 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 23 additions & 11 deletions src/components/elements/GalleryComponent.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,16 @@
</div>
</div>
</div>

<div class="mt-12 flex flex-row justify-center items-center">
<BaseCCButton
:type="Color.RED"
@click="loadyes()"
:class="{ invisible: !loadButtonVisible }"
>
Reckless Card Loading
</BaseCCButton>
</div>
</template>

<script setup lang="ts">
Expand All @@ -23,6 +33,8 @@ import { computed, onBeforeUnmount, onMounted, reactive, watch } from "vue";
import { useCards } from "@/def-composables/useCards";
import { Card } from "@/model/Card";
import CardComponent from "@/components/elements/CardComponent.vue";
import { Color } from "@/components/utils/color";
import BaseCCButton from "@/components/elements/CCButton/BaseCCButton.vue";

const { getCard } = useCards();
const emit = defineEmits(["cardClicked"]);
Expand Down Expand Up @@ -59,32 +71,32 @@ const cardIdsOnPage = computed(() => {

const shadowClass = (card) => {
let classes = 0
console.log("CARD" ,card)
R.forEachObjIndexed(entry => {
if (entry) classes++;
}, card.Class)
console.log(classes)
if (classes > 1) return {
'drop-shadow-glowCCYellow': true,
}
else {
return {
else return {
'drop-shadow-glowCCRed': card.Class.Culture,
'drop-shadow-glowCCBlue': card.Class.Technology,
'drop-shadow-glowCCGreen': card.Class.Nature,
'drop-shadow-glowCCPurple': card.Class.Mysticism,
'text-danger': false
}
}
'drop-shadow-glowCCPurple': card.Class.Mysticism
}
};



onMounted(() => {
state.cardsOnPage = props.cardsPerPage;
window.addEventListener("scroll", onScroll);
});

let loadButtonVisible = true;

const loadyes = () => {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please not loadyes

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shall we rename to loadYouLike()?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please something propper

state.cardsOnPage += 10;
loadButtonVisible = false;
window.addEventListener("scroll", onScroll);
};

onBeforeUnmount(() => {
window.removeEventListener("scroll", onScroll);
});
Expand Down