wip

Author: DedSec256

hwproj.front/src/api/api.ts

@@ -836,6 +836,20 @@ export interface ResultTokenCredentials {
     errors?: Array<string>;
 }
 
+/**
+ *
+ * @export
+ * @interface SheetUrl
+ */
+export interface SheetUrl {
+    /**
+     *
+     * @type {string}
+     * @memberof SheetUrl
+     */
+    url?: string;
+}
+
 /**
  *
  * @export
@@ -5143,6 +5157,41 @@ export const StatisticsApiFetchParamCreator = function (configuration?: Configur
             delete localVarUrlObj.search;
             localVarRequestOptions.headers = Object.assign({}, localVarHeaderParameter, options.headers);
 
+            return {
+                url: url.format(localVarUrlObj),
+                options: localVarRequestOptions,
+            };
+        },
+        /**
+         *
+         * @param {SheetUrl} [sheetUrl]
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiStatisticsGetSheetTitlesPost(sheetUrl?: SheetUrl, options: any = {}): FetchArgs {
+            const localVarPath = `/api/Statistics/getSheetTitles`;
+            const localVarUrlObj = url.parse(localVarPath, true);
+            const localVarRequestOptions = Object.assign({ method: 'POST' }, options);
+            const localVarHeaderParameter = {} as any;
+            const localVarQueryParameter = {} as any;
+
+            // authentication Bearer required
+            if (configuration && configuration.apiKey) {
+                const localVarApiKeyValue = typeof configuration.apiKey === 'function'
+                    ? configuration.apiKey("Authorization")
+                    : configuration.apiKey;
+                localVarHeaderParameter["Authorization"] = localVarApiKeyValue;
+            }
+
+            localVarHeaderParameter['Content-Type'] = 'application/json-patch+json';
+
+            localVarUrlObj.query = Object.assign({}, localVarUrlObj.query, localVarQueryParameter, options.query);
+            // fix override query string Detail: https://stackoverflow.com/a/7517673/1077943
+            delete localVarUrlObj.search;
+            localVarRequestOptions.headers = Object.assign({}, localVarHeaderParameter, options.headers);
+            const needsSerialization = (<any>"SheetUrl" !== "string") || localVarRequestOptions.headers['Content-Type'] === 'application/json';
+            localVarRequestOptions.body =  needsSerialization ? JSON.stringify(sheetUrl || {}) : (sheetUrl || "");
+
             return {
                 url: url.format(localVarUrlObj),
                 options: localVarRequestOptions,
@@ -5175,6 +5224,24 @@ export const StatisticsApiFp = function(configuration?: Configuration) {
                 });
             };
         },
+        /**
+         *
+         * @param {SheetUrl} [sheetUrl]
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiStatisticsGetSheetTitlesPost(sheetUrl?: SheetUrl, options?: any): (fetch?: FetchAPI, basePath?: string) => Promise<Array<string>> {
+            const localVarFetchArgs = StatisticsApiFetchParamCreator(configuration).apiStatisticsGetSheetTitlesPost(sheetUrl, options);
+            return (fetch: FetchAPI = portableFetch, basePath: string = BASE_PATH) => {
+                return fetch(basePath + localVarFetchArgs.url, localVarFetchArgs.options).then((response) => {
+                    if (response.status >= 200 && response.status < 300) {
+                        return response.json();
+                    } else {
+                        throw response;
+                    }
+                });
+            };
+        },
     }
 };
 
@@ -5193,6 +5260,15 @@ export const StatisticsApiFactory = function (configuration?: Configuration, fet
         apiStatisticsByCourseIdGet(courseId: number, options?: any) {
             return StatisticsApiFp(configuration).apiStatisticsByCourseIdGet(courseId, options)(fetch, basePath);
         },
+        /**
+         *
+         * @param {SheetUrl} [sheetUrl]
+         * @param {*} [options] Override http request option.
+         * @throws {RequiredError}
+         */
+        apiStatisticsGetSheetTitlesPost(sheetUrl?: SheetUrl, options?: any) {
+            return StatisticsApiFp(configuration).apiStatisticsGetSheetTitlesPost(sheetUrl, options)(fetch, basePath);
+        },
     };
 };
 
@@ -5214,6 +5290,17 @@ export class StatisticsApi extends BaseAPI {
         return StatisticsApiFp(this.configuration).apiStatisticsByCourseIdGet(courseId, options)(this.fetch, this.basePath);
     }
 
+    /**
+     *
+     * @param {SheetUrl} [sheetUrl]
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     * @memberof StatisticsApi
+     */
+    public apiStatisticsGetSheetTitlesPost(sheetUrl?: SheetUrl, options?: any) {
+        return StatisticsApiFp(this.configuration).apiStatisticsGetSheetTitlesPost(sheetUrl, options)(this.fetch, this.basePath);
+    }
+
 }
 
 /**

hwproj.front/src/components/Courses/StudentStats.tsx

@@ -2,7 +2,8 @@ import React from "react";
 import {CourseViewModel, HomeworkViewModel, StatisticsCourseMatesModel} from "../../api/";
 import {Table, TableBody, TableCell, TableContainer, TableHead, TableRow} from "@material-ui/core";
 import StudentStatsCell from "../Tasks/StudentStatsCell";
-import {Alert} from "@mui/material";
+import {Alert, MenuItem, Select, TextField} from "@mui/material";
+import apiSingleton from "../../api/ApiSingleton";
 
 interface IStudentStatsProps {
     course: CourseViewModel;
@@ -14,35 +15,29 @@ interface IStudentStatsProps {
 
 interface IStudentStatsState {
     searched: string
+    googleDocUrl: string
+    sheetTitles: string[]
 }
 
 class StudentStats extends React.Component<IStudentStatsProps, IStudentStatsState> {
     constructor(props: IStudentStatsProps) {
         super(props);
         this.state = {
-            searched: ""
+            searched: "",
+            googleDocUrl: "",
+            sheetTitles: []
         }
 
-        document.addEventListener('keydown', (event: KeyboardEvent) => {
-            const {searched} = this.state
+    }
 
-            if (searched && event.key === "Escape") {
-                event.preventDefault();
-                this.setState({searched: ""})
-            } else if (searched && event.key === "Backspace") {
-                event.preventDefault();
-                this.setState({searched: searched.slice(0, -1)})
-            } else if (event.key.length === 1 && event.key.match(/[a-zA-Zа-яА-Я\s]/i)
-            ) {
-                event.preventDefault();
-                this.setState({searched: searched + event.key})
-            }
-        })
+    private handleGoogleDocUrlChange = async (value: string) => {
+        const titles = await apiSingleton.statisticsApi.apiStatisticsGetSheetTitlesPost({url: value})
+        this.setState({googleDocUrl: value, sheetTitles: titles});
     }
 
     public render() {
         const homeworks = this.props.homeworks.filter(h => h.tasks && h.tasks.length > 0)
-        const {searched} = this.state
+        const {searched, googleDocUrl, sheetTitles} = this.state
         const solutions = searched
             ? this.props.solutions.filter(cm => (cm.surname + " " + cm.name).toLowerCase().includes(searched.toLowerCase()))
             : this.props.solutions
@@ -110,6 +105,17 @@ class StudentStats extends React.Component<IStudentStatsProps, IStudentStatsStat
                         </TableBody>
                     </Table>
                 </TableContainer>
+                <TextField fullWidth label={"Ссылка на Google Docs"} value={googleDocUrl}
+                           onChange={event => {
+                               event.persist()
+                               this.handleGoogleDocUrlChange(event.target.value)
+                           }}/>
+                {googleDocUrl && <Select
+                    labelId="demo-simple-select-label"
+                    id="demo-simple-select"
+                    label="Course"
+                >
+                    {sheetTitles.map((title, i) => <MenuItem value={i}>{title}</MenuItem>)}</Select>}
             </div>
         );
     }