Add controls for property pagination

QuantGeekDev · Jan 5, 2024 · 256e451 · 256e451
1 parent 289e974
commit 256e451
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 6 deletions.
diff --git a/src/controllers/properties.ts b/src/controllers/properties.ts
@@ -5,24 +5,63 @@ import {
 	generatePropertyDescription,
 	generatePropertyPhotoAlbum
 } from "../services/Property/property.service.js";
+import { propertyControlKeyboard } from "../menus/propertyMenu.js";
 
 export const propertiesController = new Composer<CustomContext>();
+let currentPropertyIndex = 0;
 
 propertiesController.command("properties", async ctx => {
 	const properties = (await ctx.db.property.find({}).toArray()) as Property[];
-	const currentPropertyIndex = 0;
-
 	const currentProperty = properties[currentPropertyIndex];
 	const totalProperties = properties.length;
-
-	const { videoFileId: videoUrl, albumUrls } = currentProperty;
+	const { videoFileId, albumUrls } = currentProperty;
 
 	const propertyDescription = generatePropertyDescription(currentProperty);
 	const propertyPhotoAlbum = generatePropertyPhotoAlbum(albumUrls);
-	await ctx.reply(`Property ${currentPropertyIndex + 1}/${totalProperties}`);
 	await ctx.reply(propertyDescription, {
 		parse_mode: "MarkdownV2"
 	});
-	await ctx.replyWithVideo(videoUrl);
+	await ctx.replyWithVideo(videoFileId);
 	await ctx.replyWithMediaGroup(propertyPhotoAlbum);
+	await ctx.reply(`Property ${currentPropertyIndex + 1}/${totalProperties}`, {
+		reply_markup: propertyControlKeyboard
+	});
+
+	propertiesController.callbackQuery("next-property", async ctx => {
+		ctx.answerCallbackQuery("");
+		currentPropertyIndex++;
+		const currentProperty = properties[currentPropertyIndex];
+		const totalProperties = properties.length;
+		const { videoFileId, albumUrls } = currentProperty;
+		const propertyDescription = generatePropertyDescription(currentProperty);
+		const propertyPhotoAlbum = generatePropertyPhotoAlbum(albumUrls);
+		await ctx.reply(`Property ${currentPropertyIndex + 1}/${totalProperties}`);
+		await ctx.reply(propertyDescription, {
+			parse_mode: "MarkdownV2"
+		});
+		await ctx.replyWithVideo(videoFileId);
+		await ctx.replyWithMediaGroup(propertyPhotoAlbum);
+		await ctx.reply(`Property ${currentPropertyIndex + 1}/${totalProperties}`, {
+			reply_markup: propertyControlKeyboard
+		});
+	});
+
+	propertiesController.callbackQuery("previous-property", async ctx => {
+		ctx.answerCallbackQuery("");
+		currentPropertyIndex--;
+		const currentProperty = properties[currentPropertyIndex];
+		const totalProperties = properties.length;
+		const { videoFileId, albumUrls } = currentProperty;
+		const propertyDescription = generatePropertyDescription(currentProperty);
+		const propertyPhotoAlbum = generatePropertyPhotoAlbum(albumUrls);
+		await ctx.reply(`Property ${currentPropertyIndex + 1}/${totalProperties}`);
+		await ctx.reply(propertyDescription, {
+			parse_mode: "MarkdownV2"
+		});
+		await ctx.replyWithVideo(videoFileId);
+		await ctx.replyWithMediaGroup(propertyPhotoAlbum);
+		await ctx.reply(`Property ${currentPropertyIndex + 1}/${totalProperties}`, {
+			reply_markup: propertyControlKeyboard
+		});
+	});
 });
diff --git a/src/menus/propertyMenu.ts b/src/menus/propertyMenu.ts
@@ -0,0 +1,5 @@
+import { InlineKeyboard } from "grammy";
+
+export const propertyControlKeyboard = new InlineKeyboard()
+	.text("« Previous Property", "previous-property")
+	.text("Next Property » ", "next-property");