@@ Line 1: / Line 1: @@
-<div id="event-tabs">
+<div id="event-tabs" class="mx-auto my-4">{{#vardefine: timely|{{#ask:
+  [[Category:Events]]
+  [[Date Start::>>{{#time: Y-m-d|now}}]]
+  [[Modification date::+]]
+  |format=count
+  |default=0
+ }}}}
 <ul class="nav nav-tabs m-0 border-bottom-0" id="myTab" role="tablist"><!--
---><li class="nav-item" role="current-events"><span class="moha-button h5 py-3 px-4 m-1 d-block" id="current-events-tab" data-toggle="tab" data-target="#current-events" type="button" role="tab" aria-controls="current-events" aria-selected="false"><!--
+--><li class="nav-item" role="current-events"><span class="moha-button {{#ifexpr: 0{{#var:timely}} > 0||active}} h5 py-3 px-4 m-1 d-block" id="current-events-tab" data-toggle="tab" data-target="#current-events" type="button" role="tab" aria-controls="current-events" aria-selected="{{#ifexpr: 0{{#var:timely}} > 0|false|true}}"><!--
--->Current ({{#ask:[[Category:Current Events‏‎]][[Modification date::+]]|format=count}})</span></li><!--
+-->Current ({{#ask:
+  [[Category:Events]]
+  [[Date Start::<{{#time: Y-m-d|now}}]]
+  [[Date End::>{{#time: Y-m-d|now}}]]
+  [[Modification date::+]]
+  |format=count
+ }})</span></li><!--
---><li class="nav-item" role="upcoming-events"><span class="moha-button active h5 py-3 px-4 m-1 d-block" id="upcoming-events-tab" data-toggle="tab" data-target="#upcoming-events" type="button" role="tab" aria-controls="upcoming-events" aria-selected="true"><!--
+--><li class="nav-item" role="upcoming-events"><span class="moha-button {{#ifexpr: 0{{#var:timely}} > 0|active}} h5 py-3 px-4 m-1 d-block" id="upcoming-events-tab" data-toggle="tab" data-target="#upcoming-events" type="button" role="tab" aria-controls="upcoming-events" aria-selected="{{#ifexpr: 0{{#var:timely}} > 0|true}}"><!--
--->Upcoming ({{#ask:[[Category:Upcoming Events‏‎]][[Modification date::+]]|format=count}})</span></li><!--
+-->Upcoming ({{#ask:
+  [[Category:Events]]
+  [[Date Start::>>{{#time: Y-m-d|now}}]]
+  [[Modification date::+]]
+  |format=count
+ }})</span></li><!--
 --><li class="nav-item" role="past-events"><span class="moha-button h5 py-3 px-4 m-1 d-block" id="past-events-tab" data-toggle="tab" data-target="#past-events" type="button" role="tab" aria-controls="past-events" aria-selected="false"><!--
--->Past ({{#ask:[[Category:Past Events‏‎]][[Modification date::+]]|format=count}})</span></li>
+-->Past ({{#ask:
+  [[Category:Events]]
+  [[Modification date::+]]
+  [[Date End::<<{{#time: Y-m-d|now}}]]
+  |format=count
+ }})</span></li>
 </ul>
 <div class="tab-content py-4" id="myTabContent">
-   <div class="tab-pane fade" id="current-events" role="tabpanel" aria-labelledby="current-events-tab">
+   <div class="tab-pane fade {{#ifexpr: 0{{#var:timely}} > 0||show active}}" id="current-events" role="tabpanel" aria-labelledby="current-events-tab">
 {{#ask:
-   [[Category:Current Events‏‎]]
+   [[Category:Events]]
+  [[Date Start::<{{#time: Y-m-d|now}}]]
+  [[Date End::>{{#time: Y-m-d|now}}]]
    [[Modification date::+]]
    |format=plainlist
@@ Line 41: / Line 65: @@
 }}
    </div>
-   <div class="tab-pane fade show active" id="upcoming-events" role="tabpanel" aria-labelledby="upcoming-events-tab">
+   <div class="tab-pane fade {{#ifexpr: 0{{#var:timely}} > 0|show active}}" id="upcoming-events" role="tabpanel" aria-labelledby="upcoming-events-tab">
 {{#ask:
-   [[Category:Upcoming Events‏‎]]
+   [[Category:Events]]
+  [[Date Start::>>{{#time: Y-m-d|now}}]]
    [[Modification date::+]]
    |format=plainlist
@@ Line 70: / Line 95: @@
    <div class="tab-pane fade" id="past-events" role="tabpanel" aria-labelledby="past-events-tab">
 {{#ask:
-   [[Category:Past Events‏‎]]
+   [[Category:Events]]
    [[Modification date::+]]
+  [[Date End::<<{{#time: Y-m-d|now}}]]
    |format=plainlist
    |template=Event announce

Project:Events: Difference between revisions

Latest revision as of 08:46, December 19, 2023