Skip to content

Commit

Permalink
minor layout fix and specific event title truncate
Browse files Browse the repository at this point in the history
  • Loading branch information
Sascha committed Aug 31, 2023
1 parent 2012110 commit 64a3163
Showing 1 changed file with 35 additions and 16 deletions.
51 changes: 35 additions & 16 deletions resources/js/Projects/EF27/Pages/IntegratedSignCCH.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,19 +36,40 @@ onMounted(() => {
})
})
String.prototype.truncate = String.prototype.truncate ||
function ( n, useWordBoundary ){
if (this.length <= n) { return this; }
const subString = this.slice(0, n-1); // the original check
return (useWordBoundary
? subString.slice(0, subString.lastIndexOf(" "))
: subString) + "&hellip;";
};
const nextEvent = function (room) {
return computed(() => {
return props.schedule.filter(event => {
return event.room_id === room.id;
}).filter(event => {
return currentTime.value <= DateTime.fromISO(event.ends_at).plus({minutes: event.delay}) && !event.title.toLowerCase().includes("seating")
}).map((event, index) => {
console.log(event.title);
event.title = event.title ? event.title
.replace("Dealers' Den & Art Show Party", "")
.replace("Dealers' Den & Art Show", "")
.replace("Dealers' Den", "")
.replace("Art Show", "")
.replace("Fursuit Badge", "")
.replace(room.name, "")
.replace(/^[ ‑–—‐−‐–—⸺|‖•‣]+/g, "") : event.title;
.replace("Registration", "")
.replace("Constore", "")
.replace("Fursuit Badge", "")
.replace("Fursuit Lounge", "")
.replace("Artists' Lounge", "")
.replace("Locker Service", "")
.replace("The Electric Lounge Sessions", "")
// .replace(/^[ ‑–—‐−‐–—⸺|‖•‣]+/g, "")
// .replace("room.name", "")
.replace(/^[\W]+/g, "")
: event.title;
event.title = event.title.split(" – ")[0].truncate(30, true);
return event;//event.title.replace(room.name);
}).shift();
});
Expand Down Expand Up @@ -84,21 +105,20 @@ import HourTime from "@/Components/HourTime.vue";
<template>

<!-- <h1 class="relative z-30 text-center text-8xl top-1 mt-4 magicTextColor themeFont">{{ title }}</h1>-->
<div
class="flex flex-col relative z-30 magicTextColor magic-text themeFont h-[100vh] w-[100vw] p-10 space-y-8 justify-items-center">
<Transition mode="out-in">
<div :key="currentPageIndex">
<Transition mode="out-in">
<div :key="currentPageIndex" class="flex flex-col relative z-30 magicTextColor magic-text themeFont h-[100vh] w-[100vw] p-8 space-y-8 justify-items-center overflow-hidden">

<TransitionGroup name="list">
<div v-for="item in currentSlide"
:key="item.id" class="flex flex-col magicTextColor magic-text themeFont overflow-hidden">
:key="item.id" class="flex flex-col magicTextColor magic-text themeFont">
<div class="flex text-[9vw] text-justify">
{{ item.name }}
</div>

<div class="flex flex-row text-[4vw] items-baseline">

<div class="flex flex-row items-baseline">
<div v-if="DateTime.fromISO(nextEvent(item).value.starts_at) < DateTime.local()"
<div v-if="nextEvent(item).value" class="flex flex-row items-baseline">
<div v-if="nextEvent(item).value && DateTime.fromISO(nextEvent(item).value.starts_at) < DateTime.local()"
class="flex text-left magicTextColorGreen">
OPEN
</div>
Expand All @@ -108,21 +128,20 @@ import HourTime from "@/Components/HourTime.vue";
</div>

<div
v-if="DateTime.fromISO(nextEvent(item).value.starts_at) < DateTime.local() && nextEvent(item).value.title"
v-if="nextEvent(item).value && DateTime.fromISO(nextEvent(item).value.starts_at) < DateTime.local() && nextEvent(item).value.title"
class="flex text-left">
{{ nextEvent(item).value.title }}
</div>
<div v-else-if="nextEvent(item).value.title" class="flex text-left">
<div v-else-if="nextEvent(item).value && nextEvent(item).value.title" class="flex text-left">
Next: {{ nextEvent(item).value.title }}
</div>

</div>
</div>
</TransitionGroup>
</div>
</Transition>
</div>

</div>
</Transition>

</template>

Expand Down

0 comments on commit 64a3163

Please sign in to comment.