17 | |
18 |
25 |
31 |
32 | We can't seem to find a match :(
33 |
34 | Would you like to clear up some filters?
35 |
38 |
39 |
40 | |
41 |
42 | );
43 | };
44 |
45 | export default EmptyTable;
46 |
--------------------------------------------------------------------------------
/frontend/src/APIClients/mutations/CommentMutations.ts:
--------------------------------------------------------------------------------
1 | import { gql } from "@apollo/client";
2 |
3 | export const CREATE_COMMMENT = gql`
4 | mutation CreateComment($commentData: CreateCommentDTO!) {
5 | createComment(commentData: $commentData) {
6 | ok
7 | comment {
8 | id
9 | userId
10 | commentIndex
11 | time
12 | resolved
13 | content
14 | lineIndex
15 | storyTranslationContentId
16 | }
17 | }
18 | }
19 | `;
20 |
21 | export type CreateCommentResponse = {
22 | ok: boolean;
23 | comment: {
24 | id: number;
25 | userId: number;
26 | commentIndex: number;
27 | time: string;
28 | resolved: boolean;
29 | content: string;
30 | lineIndex: number;
31 | storyTranslationContentId: number;
32 | };
33 | };
34 |
35 | export const UPDATE_COMMENT_BY_ID = gql`
36 | mutation UpdateCommentById($commentData: UpdateCommentRequestDTO!) {
37 | updateCommentById(commentData: $commentData) {
38 | ok
39 | comment {
40 | id
41 | commentIndex
42 | resolved
43 | content
44 | }
45 | }
46 | }
47 | `;
48 |
49 | export type UpdateCommentResponse = {
50 | ok: boolean;
51 | comment: {
52 | id: number;
53 | commentIndex: number;
54 | resolved: boolean;
55 | content: string;
56 | };
57 | };
58 |
--------------------------------------------------------------------------------
/backend/python/app/graphql/view.py:
--------------------------------------------------------------------------------
1 | import json
2 | import os
3 |
4 | from graphene_file_upload.flask import FileUploadGraphQLView
5 |
6 |
7 | class ResponseCookieGraphQLView(FileUploadGraphQLView):
8 | """
9 | Sets response cookie for refresh mutation requests
10 | """
11 |
12 | def dispatch_request(self):
13 | response = super(ResponseCookieGraphQLView, self).dispatch_request()
14 | data = self.parse_body()
15 |
16 | # The following mutations MUST request refreshToken
17 | refresh_token_mutations = ["Refresh", "Login", "SignUp"]
18 | if (
19 | "operationName" in data.keys()
20 | and data["operationName"] in refresh_token_mutations
21 | ):
22 | # get refreshToken from response
23 | response_json = json.loads(response.response[0])["data"]
24 | mutation_name = data["operationName"].lower()
25 | if response_json[mutation_name]:
26 | refresh_token = response_json[mutation_name]["refreshToken"]
27 |
28 | # set response cookie
29 | response.set_cookie(
30 | "refreshToken",
31 | value=refresh_token,
32 | httponly=True,
33 | secure=(os.getenv("FLASK_CONFIG") == "production"),
34 | )
35 |
36 | return response
37 |
--------------------------------------------------------------------------------
/frontend/src/APIClients/queries/CommentQueries.ts:
--------------------------------------------------------------------------------
1 | import { gql } from "@apollo/client";
2 | import { QueryInformation } from "./StoryQueries";
3 |
4 | const COMMENT_FIELDS = `
5 | id
6 | userId
7 | commentIndex
8 | content
9 | storyTranslationContentId
10 | resolved
11 | time
12 | lineIndex
13 | `;
14 |
15 | export type CommentResponse = {
16 | id: number;
17 | userId: number;
18 | commentIndex: number;
19 | time: string;
20 | resolved: boolean;
21 | content: string;
22 | lineIndex: number;
23 | storyTranslationContentId: number;
24 | };
25 |
26 | export const buildCommentsQuery = (
27 | storyTranslationId: number,
28 | resolved: boolean | null,
29 | ): QueryInformation => {
30 | let queryString = gql`
31 | query CommentsByStoryTranslation {
32 | commentsByStoryTranslation( storyTranslationId: ${storyTranslationId} ){
33 | ${COMMENT_FIELDS}
34 | }
35 | }
36 | `;
37 |
38 | if (resolved === true || resolved === false) {
39 | queryString = gql`
40 | query CommentsByStoryTranslation {
41 | commentsByStoryTranslation( storyTranslationId: ${storyTranslationId}, resolved: ${resolved} ){
42 | ${COMMENT_FIELDS}
43 | }
44 | }
45 | `;
46 | }
47 |
48 | return {
49 | fieldName: "commentsByStoryTranslation",
50 | string: queryString,
51 | } as QueryInformation;
52 | };
53 |
--------------------------------------------------------------------------------
/backend/python/app/services/interfaces/comment_service.py:
--------------------------------------------------------------------------------
1 | from abc import ABC, abstractmethod
2 |
3 |
4 | class ICommentService(ABC):
5 | """
6 | A class to handle CRUD functionality for comments
7 | """
8 |
9 | @abstractmethod
10 | def create_comment(self, comment):
11 | """Create a new Comment object
12 |
13 | :param comment: dictionary of comment fields
14 | :return: dictionary of Comment object
15 | :rtype: dictionary
16 | :raises Exception: if comment fields are invalid
17 | """
18 | pass
19 |
20 | @abstractmethod
21 | def get_comments_by_story_translation(self, story_translation_id):
22 | """Return a list of Comments from a given StoryTranslation
23 |
24 | :param story_translation_id: story translation id
25 | :return: list of comments
26 | :rtype: list of CommentResponseDTO
27 | :raises Exception: if id of comment to be updated does not exist
28 | """
29 | pass
30 |
31 | @abstractmethod
32 | def update_comment(self, updated_comment):
33 | """Update an existing Comment object
34 |
35 | :param updated_comment: UpdateCommentRequestDTO
36 | :return: updated comment object
37 | :rtype: CommentResponseDTO
38 | :raises Exception: if id of comment to be updated does not exist
39 | """
40 | pass
41 |
--------------------------------------------------------------------------------
/frontend/src/utils/StageUtils.ts:
--------------------------------------------------------------------------------
1 | import { StoryTranslation } from "../APIClients/queries/StoryQueries";
2 | import { convertStringTitleCase } from "./Utils";
3 |
4 | export const convertStageTitleCase = (stage: string) => {
5 | switch (stage) {
6 | case "TRANSLATE":
7 | return "In Translation";
8 | case "REVIEW":
9 | return "In Review";
10 | case "PUBLISH":
11 | return "Completed";
12 | default:
13 | return convertStringTitleCase(stage);
14 | }
15 | };
16 |
17 | export const convertTitleCaseToStage = (stage: string) => {
18 | switch (stage) {
19 | case "In Translation":
20 | return "TRANSLATE";
21 | case "In Review":
22 | return "REVIEW";
23 | case "Completed":
24 | return "PUBLISH";
25 | default:
26 | return stage;
27 | }
28 | };
29 |
30 | export const getStoryTranslationProgress = (translation: StoryTranslation) => {
31 | const stage = convertStageTitleCase(translation.stage);
32 | if (translation.stage === "PUBLISH") {
33 | return stage;
34 | }
35 |
36 | const numProgressLines =
37 | translation.stage === "TRANSLATE"
38 | ? translation.numTranslatedLines
39 | : translation.numApprovedLines;
40 |
41 | const progress = (numProgressLines / translation.numContentLines) * 100;
42 | const percentage = Math.round(Number.isNaN(progress) ? 0 : progress);
43 | return `${stage} (${percentage}%)`;
44 | };
45 |
--------------------------------------------------------------------------------
/backend/python/migrations/versions/91e8d22078f4_add_additional_experiences_column_to_.py:
--------------------------------------------------------------------------------
1 | """add additional_experiences column to user
2 |
3 | Revision ID: 91e8d22078f4
4 | Revises: 92ace1398b9f
5 | Create Date: 2021-12-01 03:38:15.575681
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = "91e8d22078f4"
13 | down_revision = "92ace1398b9f"
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.add_column(
21 | "users_all", sa.Column("additional_experiences", sa.JSON(), nullable=True)
22 | )
23 | op.execute("DROP VIEW users")
24 | active_users_view = """
25 | CREATE VIEW users
26 | AS
27 | SELECT * from users_all
28 | WHERE is_deleted=0;
29 | """
30 | op.execute(active_users_view)
31 | # ### end Alembic commands ###
32 |
33 |
34 | def downgrade():
35 | # ### commands auto generated by Alembic - please adjust! ###
36 | op.execute("DROP VIEW users")
37 | op.drop_column("users_all", "additional_experiences")
38 | active_users_view = """
39 | CREATE VIEW users
40 | AS
41 | SELECT * from users_all
42 | WHERE is_deleted=0;
43 | """
44 | op.execute(active_users_view)
45 | # ### end Alembic commands ###
46 |
--------------------------------------------------------------------------------
/frontend/src/components/translation/EditableCell.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useRef, useEffect } from "react";
2 |
3 | import { Textarea } from "@chakra-ui/react";
4 |
5 | export type EditableCellProps = {
6 | text: string;
7 | storyTranslationContentId: number;
8 | lineIndex: number;
9 | fontSize: string;
10 | maxChars: number;
11 | onChange: (newContent: string, lineIndex: number, maxChars: number) => void;
12 | isRtl?: boolean;
13 | };
14 |
15 | const EditableCell = ({
16 | text,
17 | lineIndex,
18 | fontSize,
19 | maxChars,
20 | onChange,
21 | isRtl = false,
22 | }: EditableCellProps) => {
23 | const textareaRef = useRef