feat: expiration date for widgets

closes #10495

public/language/en-GB/admin/extend/widgets.json

@@ -26,5 +26,7 @@
 	"container.placeholder": "Drag and drop a container or enter HTML here.",
 	"show-to-groups": "Show to groups",
 	"hide-from-groups": "Hide from groups",
+	"start-date": "Start date",
+	"end-date": "End date",
 	"hide-on-mobile": "Hide on mobile"
 }

src/views/admin/partials/widget-settings.tpl

@@ -10,6 +10,17 @@
 
 <!-- IMPORT admin/partials/widgets/show_hide_groups.tpl -->
 
+<div class="row mb-3">
+	<div class="col-lg-6">
+		<label class="form-label">[[admin/extend/widgets:start-date]]</label>
+		<input class="form-control" name="startDate" type="datetime-local" />
+	</div>
+	<div class="col-lg-6">
+		<label class="form-label">[[admin/extend/widgets:end-date]]</label>
+		<input class="form-control" name="endDate" type="datetime-local" />
+	</div>
+</div>
+
 <div class="form-check form-switch mb-3">
 	<input class="form-check-input" type="checkbox" name="hide-mobile" id="hide-mobile-check"/>
 	<label class="form-check-label" for="hide-mobile-check">[[admin/extend/widgets:hide-on-mobile]]</label>

src/views/admin/partials/widgets/show_hide_groups.tpl

@@ -1,6 +1,6 @@
 <div class="row mb-3">
 	<div class="col-lg-6">
-		<label>[[admin/extend/widgets:show-to-groups]]</label>
+		<label class="form-label">[[admin/extend/widgets:show-to-groups]]</label>
 		<select name="groups" class="form-select" multiple size="10">
 			{{{ each groups }}}
 			<option value="{./displayName}">{./displayName}</option>
@@ -8,7 +8,7 @@
 		</select>
 	</div>
 	<div class="col-lg-6">
-		<label>[[admin/extend/widgets:hide-from-groups]]</label>
+		<label class="form-label">[[admin/extend/widgets:hide-from-groups]]</label>
 		<select name="groupsHideFrom" class="form-select" multiple size="10">
 			{{{ each groups }}}
 			<option value="{./displayName}">{./displayName}</option>

src/widgets/index.js

@@ -101,7 +101,13 @@ widgets.checkVisibility = async function (data, uid) {
 	if (data.groupsHideFrom.length) {
 		isHidden = await groups.isMemberOfAny(uid, data.groupsHideFrom);
 	}
-	return isVisible && !isHidden;
+
+	const isExpired = (
+		(data.startDate && Date.now() < new Date(data.startDate).getTime()) ||
+		(data.endDate && Date.now() > new Date(data.endDate).getTime())
+	);
+
+	return isVisible && !isHidden && !isExpired;
 };
 
 widgets.getWidgetDataForTemplates = async function (templates) {