From cf64d5e9898b99720a7a0ef8581170cb29b20cc7 Mon Sep 17 00:00:00 2001 From: James Cobb Date: Mon, 5 Feb 2024 17:06:26 -0600 Subject: [PATCH] Add js to hide events with past dates (view only future) --- _data/events.yaml | 27 +++++++++++++++++++++------ _includes/events-band.html | 4 ++-- _layouts/base.html | 1 + assets/javascript/future-date.js | 13 +++++++++++++ 4 files changed, 37 insertions(+), 8 deletions(-) create mode 100644 assets/javascript/future-date.js diff --git a/_data/events.yaml b/_data/events.yaml index 16bfbdd8ee0..72ac6d1b04a 100644 --- a/_data/events.yaml +++ b/_data/events.yaml @@ -2,10 +2,20 @@ headline: "Select Upcoming Events" upcomingevents: +- title: "test" + type: test + link: https://quarkus.io/ + date: 2024-02-04 + displaydate: "test" + location: test + description: Test + thumbnail: default_logo.png + - title: "DEV World" type: In Person link: https://github.com/quarkusio/quarkus/discussions/36904 - date: "February 29 - March 1, 2024" + date: 2024-03-01 + displaydate: "February 29 - March 1, 2024" location: Amsterdam, Netherlands description: Europe's Leading Tech City will offer a 2 Day Festival of Tech with Developers from around the Planet, the must attend event for you and your whole Tech Team to attend. thumbnail: devworld_logo.png @@ -13,7 +23,8 @@ upcomingevents: - title: "KubeCon Europe" type: In Person link: https://github.com/quarkusio/quarkus/discussions/38536 - date: "March 19-22, 2024" + date: 2024-03-01 + displaydate: "March 19-22, 2024" location: Paris, France description: The Cloud Native Computing Foundation’s flagship conference gathers adopters and technologists from leading open source and cloud native communities. thumbnail: kubconeu_2024.png @@ -21,7 +32,8 @@ upcomingevents: - title: "Microsoft JDConf" type: Virtual link: https://github.com/quarkusio/quarkus/discussions/38537 - date: "March 27-28, 2024" + date: 2024-03-28 + displaydate: "March 27-28, 2024" location: description: JDConf, a key event in the Java landscape, is returning in 2024 for an exceptional two-day virtual experience. Our mission is to provide a world-class, engaging event accessible to attendees from every corner of the globe. With each year, JDConf has expanded its content and global reach, now drawing thousands of live viewers worldwide and fostering a network of local community events. thumbnail: jdconf_2024.png @@ -29,7 +41,8 @@ upcomingevents: - title: "DevNexus" type: In Person link: https://github.com/quarkusio/quarkus/discussions/38538 - date: "April 9-11, 2024" + date: 2024-04-11 + displaydate: "April 9-11, 2024" location: Atlanta, Geogia description: The longest-running and Largest Java Ecosystem Conference in the World. thumbnail: devnexus_logo.png @@ -37,7 +50,8 @@ upcomingevents: - title: "Great International Developer Summit 2024" type: In Person link: https://github.com/quarkusio/quarkus/discussions/36902 - date: "April 23-26, 2024" + date: 2024-04-26 + displaydate: "April 23-26, 2024" location: Bengaluru, India description: Embark on a transformative journey at GIDS 2024. From April 23-26, experience an extraordinary four-day program brimming with technical brilliance, captivating conversations, and visionary insights. Engage with trailblazing minds in software engineering and architecture, and discover the companies shaping the future of technology. thumbnail: gids_logo.png @@ -45,7 +59,8 @@ upcomingevents: - title: "Red Hat Summit 2024" type: In Person link: https://github.com/quarkusio/quarkus/discussions/38539 - date: "May 6-9, 2024" + date: 2024-05-09 + displaydate: "May 6-9, 2024" location: Denver, Colorado description: Red Hat® Summit and AnsibleFest bring together IT professionals, customers, partners, and peers to provide you the tools, connections, and knowledge to support your technology goals. thumbnail: redhatsummit_logo.png diff --git a/_includes/events-band.html b/_includes/events-band.html index 84f36162741..6a7d55b57e0 100644 --- a/_includes/events-band.html +++ b/_includes/events-band.html @@ -4,7 +4,7 @@

{{ site.data.events.headline }}

{% for item in site.data.events.upcomingevents %} -
+
@@ -13,7 +13,7 @@

{{ site.data.events.headline }}

{{ item.title }}

-

Date: {{ item.date }}
Location: {{ item.location }}
+

Date: {{ item.displaydate }}
Location: {{ item.location }}
Event Type: {{ item.type }}

{{ item.description }}

diff --git a/_layouts/base.html b/_layouts/base.html index 85ffc2ce424..71b68428f91 100755 --- a/_layouts/base.html +++ b/_layouts/base.html @@ -82,6 +82,7 @@ + diff --git a/assets/javascript/future-date.js b/assets/javascript/future-date.js new file mode 100644 index 00000000000..5b6826310af --- /dev/null +++ b/assets/javascript/future-date.js @@ -0,0 +1,13 @@ +function getCompareDate() { + var d = new Date(), + month = '' + (d.getMonth() + 1), + day = '' + d.getDate(), + year = d.getFullYear(); + if (month.length < 2) month = '0' + month; + if (day.length < 2) day = '0' + day; + return [year, month, day].join(''); +} +var elements = document.querySelectorAll('[future-date]'); +Array.prototype.forEach.call(elements, function(el, i){ + if(el.getAttribute('future-date').split('-').join('') < getCompareDate()) el.remove(); +}); \ No newline at end of file