Merge pull request #1287 from AletheiaFact/create-verification-reques…

…t-page Create verification request page
AletheiaFact · Jul 18, 2024 · 6641cf0 · 6641cf0
2 parents 6c18460 + 24f52e9
commit 6641cf0
Show file tree

Hide file tree

Showing 15 changed files with 280 additions and 60 deletions.
diff --git a/cypress/e2e/tests/header.cy.ts b/cypress/e2e/tests/header.cy.ts
@@ -29,6 +29,12 @@ describe("Test the header menus", () => {
             cy.url().should("contains", "source");
         });
 
+        it("Open side bar and click source", () => {
+            cy.get(locators.menu.SIDE_MENU).click();
+            cy.get("[data-cy=testVerificationRequestItem]").click();
+            cy.url().should("contains", "verification-request");
+        });
+
         it("Open side bar and click about", () => {
             cy.get(locators.menu.SIDE_MENU).click();
             cy.get("[data-cy=testAboutItem]").click();

diff --git a/public/locales/en/menu.json b/public/locales/en/menu.json
@@ -12,5 +12,6 @@
     "kanbanItem": "Kanban",
     "nameSpaceItem": "Namespace",
     "supportiveMaterials": "Supportive Materials",
-    "sourcesItem": "Sources"
+    "sourcesItem": "Sources",
+    "verificationRequestItem": "Verification Requests"
 }
diff --git a/public/locales/en/seo.json b/public/locales/en/seo.json
@@ -13,5 +13,7 @@
     "claimListTitle": "Claims",
     "claimListDescription": "See claims on AletheiaFact.org",
     "createSourceTitle": "Create source",
-    "createSourceDescription": "Create sources to AletheiaFact.org"
+    "createSourceDescription": "Create sources to AletheiaFact.org",
+    "verificationRequestTitle": "Verification Requests",
+    "verificationRequestDescription": "See verification requests on AletheiaFact.org"
 }
diff --git a/public/locales/en/verificationRequest.json b/public/locales/en/verificationRequest.json
@@ -1,8 +1,10 @@
 {
+    "verificationRequestListHeader": "Verification Requests",
     "verificationRequestTitle": "Verification Request",
     "manageVerificationRequests": "Manage selected verification requests",
     "createClaimFromVerificationRequest": "No claim was created with this verification request",
     "openVerificationRequestClaimLabel": "A claim created was related to this verification request",
     "openVerificationRequestClaimButton": "Open claim",
-    "agroupVerificationRequest": "Related verification requests"
+    "agroupVerificationRequest": "Related verification requests",
+    "openVerificationRequest": "Open"
 }
diff --git a/public/locales/pt/menu.json b/public/locales/pt/menu.json
@@ -12,5 +12,6 @@
     "kanbanItem": "Meu Trabalho",
     "nameSpaceItem": "Namespace",
     "supportiveMaterials": "Materiais de Apoio",
-    "sourcesItem": "Fontes"
+    "sourcesItem": "Fontes",
+    "verificationRequestItem": "Denúncias"
 }
diff --git a/public/locales/pt/seo.json b/public/locales/pt/seo.json
@@ -13,5 +13,7 @@
     "claimListTitle": "Declarações",
     "claimListDescription": "Veja declarações na AletheiaFact.org",
     "createSourceTitle": "Adicione uma fonte",
-    "createSourceDescription": "Adiciona uma fonte na AletheiaFact.org"
+    "createSourceDescription": "Adiciona uma fonte na AletheiaFact.org",
+    "verificationRequestTitle": "Denúncias",
+    "verificationRequestDescription": "Veja as denúncias na AletheiaFact.org"
 }
diff --git a/public/locales/pt/verificationRequest.json b/public/locales/pt/verificationRequest.json
@@ -1,8 +1,10 @@
 {
+    "verificationRequestListHeader": "Denúncias",
     "verificationRequestTitle": "Denúncia",
     "manageVerificationRequests": "Gerenciar denúncias selecionadas",
     "createClaimFromVerificationRequest": "Nenhuma afirmação foi criada com esta denúncia",
     "openVerificationRequestClaimLabel": "Uma afirmação criada foi relacionada com essa denúncia",
     "openVerificationRequestClaimButton": "Abrir afirmação",
-    "agroupVerificationRequest": "Denúncias relacionadas"
+    "agroupVerificationRequest": "Denúncias relacionadas",
+    "openVerificationRequest": "Abrir"
 }
diff --git a/server/verification-request/verification-request.controller.ts b/server/verification-request/verification-request.controller.ts
@@ -20,6 +20,7 @@ import type { Response } from "express";
 import { ReviewTaskService } from "../review-task/review-task.service";
 import { CreateVerificationRequestDTO } from "./dto/create-verification-request-dto";
 import { UpdateVerificationRequestDTO } from "./dto/update-verification-request.dto";
+import { IsPublic } from "../auth/decorators/is-public.decorator";
 
 @Controller(":namespace?")
 export class VerificationRequestController {
@@ -33,6 +34,28 @@ export class VerificationRequestController {
     @ApiTags("verification-request")
     @Get("api/verification-request")
     @Header("Cache-Control", "max-age=60, must-revalidate")
+    public async listAll(@Query() getVerificationRequest) {
+        const { pageSize, page } = getVerificationRequest;
+
+        return Promise.all([
+            this.verificationRequestService.listAll(getVerificationRequest),
+            this.verificationRequestService.count({}),
+        ]).then(([verificationRequests, totalVerificationRequests]) => {
+            const totalPages = Math.ceil(totalVerificationRequests / pageSize);
+
+            return {
+                verificationRequests,
+                totalVerificationRequests,
+                totalPages,
+                page: page,
+                pageSize: pageSize,
+            };
+        });
+    }
+
+    @ApiTags("verification-request")
+    @Get("api/verification-request/search")
+    @Header("Cache-Control", "max-age=60, must-revalidate")
     public async getAll(@Query() getVerificationRequest) {
         return this.verificationRequestService.findAll(getVerificationRequest);
     }
@@ -74,7 +97,28 @@ export class VerificationRequestController {
         );
     }
 
-    @ApiTags("verification-request")
+    @IsPublic()
+    @ApiTags("pages")
+    @Get("verification-request")
+    @Header("Cache-Control", "max-age=60, must-revalidate")
+    public async verificationRequestPage(
+        @Req() req: BaseRequest,
+        @Res() res: Response
+    ) {
+        const parsedUrl = parse(req.url, true);
+
+        await this.viewService.getNextServer().render(
+            req,
+            res,
+            "/verification-request-page",
+            Object.assign(parsedUrl.query, {
+                nameSpace: req.params.namespace,
+            })
+        );
+    }
+
+    @IsPublic()
+    @ApiTags("pages")
     @Get("verification-request/:dataHash")
     @Header("Cache-Control", "max-age=60, must-revalidate")
     public async verificationRequestReviewPage(
@@ -95,7 +139,7 @@ export class VerificationRequestController {
         await this.viewService.getNextServer().render(
             req,
             res,
-            "/verification-request-page",
+            "/verification-request-review-page",
             Object.assign(parsedUrl.query, {
                 reviewTask,
                 sitekey: this.configService.get<string>("recaptcha_sitekey"),

diff --git a/server/verification-request/verification-request.service.ts b/server/verification-request/verification-request.service.ts
@@ -20,6 +20,14 @@ export class VerificationRequestService {
         private groupService: GroupService
     ) {}
 
+    async listAll({ page, pageSize, order }): Promise<VerificationRequest[]> {
+        return this.VerificationRequestModel.find({})
+            .skip(page * parseInt(pageSize, 10))
+            .limit(parseInt(pageSize, 10))
+            .sort({ _id: order })
+            .lean();
+    }
+
     /**
      * Find all verification requests that query matches
      * @param verifiedRequestQuery query parameter
@@ -270,4 +278,8 @@ export class VerificationRequestService {
 
         return groupId;
     }
+
+    count(query) {
+        return this.VerificationRequestModel.countDocuments().where(query);
+    }
 }
diff --git a/src/api/verificationRequestApi.ts b/src/api/verificationRequestApi.ts
@@ -1,13 +1,42 @@
 import axios from "axios";
+import { NameSpaceEnum } from "../types/Namespace";
 
 const request = axios.create({
     withCredentials: true,
     baseURL: `/api/verification-request`,
 });
 
-const getVerificationRequests = (params) => {
+const get = (options) => {
+    const params = {
+        page: options.page ? options.page - 1 : 0,
+        order: options.order || "asc",
+        pageSize: options.pageSize ? options.pageSize : 10,
+        nameSpace: options?.nameSpace || NameSpaceEnum.Main,
+    };
+
     return request
         .get(`/`, { params })
+        .then((response) => {
+            const {
+                verificationRequests,
+                totalPages,
+                totalVerificationRequests,
+            } = response.data;
+
+            return {
+                data: verificationRequests,
+                total: totalVerificationRequests,
+                totalPages,
+            };
+        })
+        .catch((err) => {
+            console.log(err);
+        });
+};
+
+const getVerificationRequests = (params) => {
+    return request
+        .get(`/search`, { params })
         .then((response) => {
             return response?.data;
         })
@@ -50,6 +79,7 @@ const removeVerificationRequestFromGroup = (id, params) => {
 };
 
 const verificationRequestApi = {
+    get,
     getVerificationRequests,
     getById,
     updateVerificationRequest,

diff --git a/src/components/AletheiaMenu.tsx b/src/components/AletheiaMenu.tsx
@@ -76,6 +76,18 @@ const AletheiaMenu = () => {
                 {t("menu:sourcesItem")}
             </Menu.Item>
 
+            <Menu.Item
+                key={
+                    nameSpace !== NameSpaceEnum.Main
+                        ? `/${nameSpace}/verification-request`
+                        : "/verification-request"
+                }
+                onClick={handleClick}
+                data-cy={"testVerificationRequestItem"}
+            >
+                {t("menu:verificationRequestItem")}
+            </Menu.Item>
+
             {role !== Roles.Regular && (
                 <Menu.Item
                     key={

diff --git a/src/components/VerificationRequest/VerificationRequestCard.tsx b/src/components/VerificationRequest/VerificationRequestCard.tsx
@@ -1,9 +1,13 @@
-import { Typography } from "antd";
+import { Col, Typography } from "antd";
 import React from "react";
 import colors from "../../styles/colors";
 import CardBase from "../CardBase";
 
-const VerificationRequestCard = ({ content, actions = [] }) => {
+const VerificationRequestCard = ({
+    content,
+    actions = [],
+    expandable = true,
+}) => {
     return (
         <CardBase style={{ padding: 32 }}>
             <Typography.Paragraph
@@ -13,12 +17,21 @@ const VerificationRequestCard = ({ content, actions = [] }) => {
                     margin: 0,
                     lineHeight: 1.6,
                 }}
-                ellipsis={{ rows: 4, expandable: true }}
+                ellipsis={{ rows: 4, expandable }}
             >
                 {content}
             </Typography.Paragraph>
 
-            {actions ? actions.map((action) => action) : <></>}
+            <Col
+                style={{
+                    marginTop: 32,
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    width: "100%",
+                }}
+            >
+                {actions ? actions.map((action) => action) : <></>}
+            </Col>
         </CardBase>
     );
 };

diff --git a/src/components/VerificationRequest/VerificationRequestList.tsx b/src/components/VerificationRequest/VerificationRequestList.tsx
@@ -0,0 +1,52 @@
+import React from "react";
+import BaseList from "../List/BaseList";
+import { Col, Row } from "antd";
+import { useTranslation } from "next-i18next";
+import { useAtom } from "jotai";
+import { currentNameSpace } from "../../atoms/namespace";
+import verificationRequestApi from "../../api/verificationRequestApi";
+import VerificationRequestCard from "./VerificationRequestCard";
+import AletheiaButton from "../Button";
+
+const VerificationRequestList = () => {
+    const { t } = useTranslation();
+    const [nameSpace] = useAtom(currentNameSpace);
+
+    return (
+        <Row justify="center">
+            <Col span={18}>
+                <BaseList
+                    apiCall={verificationRequestApi.get}
+                    filter={{ nameSpace }}
+                    title={t(
+                        "verificationRequest:verificationRequestListHeader"
+                    )}
+                    renderItem={({ content, data_hash }, index) => (
+                        <VerificationRequestCard
+                            key={index}
+                            content={content}
+                            expandable={false}
+                            actions={[
+                                <AletheiaButton
+                                    href={`/verification-request/${data_hash}`}
+                                >
+                                    {t(
+                                        "verificationRequest:openVerificationRequest"
+                                    )}
+                                </AletheiaButton>,
+                            ]}
+                        />
+                    )}
+                    grid={{
+                        gutter: 20,
+                        md: 2,
+                        lg: 2,
+                        xl: 2,
+                        xxl: 2,
+                    }}
+                />
+            </Col>
+        </Row>
+    );
+};
+export default VerificationRequestList;