@@ Line 1: / Line 1: @@
-<div id="events-tabs">
+<div id="event-tabs" class="mx-auto my-4">{{#vardefine: timely|{{#ask:
-<ul class="nav nav-tabs mr-0" id="myTab" role="tablist"><!--
+  [[Category:Events]]
---><li class="nav-item" role="current-events"><span class="nav-link" id="current-events-tab" data-toggle="tab" data-target="#current-events" type="button" role="tab" aria-controls="current-events" aria-selected="false">Current</span></li><!--
+  [[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 {{#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}}"><!--
---><li class="nav-item" role="upcoming-events"><span class="nav-link active" id="upcoming-events-tab" data-toggle="tab" data-target="#upcoming-events" type="button" role="tab" aria-controls="upcoming-events" aria-selected="true">Upcoming</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="past-events"><span class="nav-link" id="past-events-tab" data-toggle="tab" data-target="#past-events" type="button" role="tab" aria-controls="past-events" aria-selected="false">Past</span></li>
+--><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: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:Events]]
+  [[Modification date::+]]
+  [[Date End::<<{{#time: Y-m-d|now}}]]
+  |format=count
+ }})</span></li>
 </ul>
-<div class="tab-content" id="myTabContent">
+<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:Events]]
+  [[Date Start::<{{#time: Y-m-d|now}}]]
+  [[Date End::>{{#time: Y-m-d|now}}]]
+  [[Modification date::+]]
+  |format=plainlist
+  |template=Event announce
+  |link=none
+  |headers=hide
+  |mainlabel=Event
+  |?Event image
+  |?Event image caption
+  |?Date Start
+  |?Date End
+  |?Event format
+  |?Event location
+  |?Is public
+  |?Event admission type
+  |?Event admission price#
+  |?Event admission price sliding low#
+  |?Event admission price sliding high#
+  |named args=yes
+  |sort=Date Start
+  |order=desc
+  |valuesep=;
+  |manysep=;
+}}
    </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:Events]]
+  [[Date Start::>>{{#time: Y-m-d|now}}]]
+  [[Modification date::+]]
+  |format=plainlist
+  |template=Event announce
+  |link=none
+  |headers=hide
+  |mainlabel=Event
+  |?Event image
+  |?Event image caption
+  |?Date Start
+  |?Date End
+  |?Event format
+  |?Event location
+  |?Is public
+  |?Event admission type
+  |?Event admission price#
+  |?Event admission price sliding low#
+  |?Event admission price sliding high#
+  |named args=yes
+  |sort=Date Start
+  |order=desc
+  |valuesep=;
+  |manysep=;
+}}
    </div>
    <div class="tab-pane fade" id="past-events" role="tabpanel" aria-labelledby="past-events-tab">
+{{#ask:
+  [[Category:Events]]
+  [[Modification date::+]]
+  [[Date End::<<{{#time: Y-m-d|now}}]]
+  |format=plainlist
+  |template=Event announce
+  |link=none
+  |headers=hide
+  |mainlabel=Event
+  |?Event image
+  |?Event image caption
+  |?Date Start
+  |?Date End
+  |?Event format
+  |?Event location
+  |?Is public
+  |?Event admission type
+  |?Event admission price#
+  |?Event admission price sliding low#
+  |?Event admission price sliding high#
+  |named args=yes
+  |sort=Date Start
+  |order=desc
+  |limit=10
+  |searchlabel=
+  |valuesep=;
+  |manysep=;
+}}
+[[:Category:Past Events|All past events]]
    </div>
 </div>
 </div>

Project:Events: Difference between revisions

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