PapaTutuWawa/Lateinicus
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: Implement the tracker

Browse Source
This commit is contained in:
Alexander Polynomdivision
2018-10-09 16:01:17 +02:00
parent d5c4563c77
commit c622264f43
5 changed files with 132 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/components/app.tsx
View File

@@ -54,6 +54,19 @@ export default class Application extends React.Component<IProps> {
}
checkAuthStatus = (token: string): Promise<IUser> => {
// Track the end of a review
console.log("Sending trcaker request");
fetch(`${BACKEND_URL}/api/tracker`, {
headers: new Headers({
"Content-Type": "application/json",
}),
method: "POST",
body: JSON.stringify({
session: window.sessionStorage.getItem("tracker_session"),
event: "LOG_IN",
}),
});
return new Promise((res, rej) => {
fetch(`${BACKEND_URL}/api/user/me`, {
headers: new Headers({
@@ -128,6 +141,18 @@ export default class Application extends React.Component<IProps> {
}).then(resp => resp.json(), err => {
console.log("Application::setLastReview: POSTing last results failed");
});
// Track the end of a review
fetch(`${BACKEND_URL}/api/tracker`, {
headers: new Headers({
"Content-Type": "application/json",
}),
method: "POST",
body: JSON.stringify({
session: window.sessionStorage.getItem("tracker_session"),
event: "FINISH_LEARNING",
}),
});
}
getReviewQueue = (): Promise<IVocab[]> => {
@@ -256,6 +281,18 @@ export default class Application extends React.Component<IProps> {
}
login = (username: string, password: string): Promise<IUser | IResponse> => {
// Track the login
fetch(`${BACKEND_URL}/api/tracker`, {
headers: new Headers({
"Content-Type": "application/json",
}),
method: "POST",
body: JSON.stringify({
session: window.sessionStorage.getItem("tracker_session"),
event: "LOG_IN",
}),
});
return new Promise((res, rej) => {
fetch(`${BACKEND_URL}/api/login`, {
method: "POST",
@@ -288,6 +325,18 @@ export default class Application extends React.Component<IProps> {
}
logout = () => {
// Track the logout
fetch(`${BACKEND_URL}/api/tracker`, {
headers: new Headers({
"Content-Type": "application/json",
}),
method: "POST",
body: JSON.stringify({
session: window.sessionStorage.getItem("tracker_session"),
event: "LOG_OUT",
}),
});
// NOTE: No promise, since we don't care about the result
fetch(`${BACKEND_URL}/api/user/logout`, {
headers: new Headers({

5
frontend/src/index.tsx
View File

@@ -10,6 +10,11 @@ import Application from "./containers/Application";
const store = createStore(LateinicusApp);
// Generate a tracker session
let array = new Uint32Array(1);
window.crypto.getRandomValues(array);
window.sessionStorage.setItem("tracker_session", array[0].toString());
ReactDOM.render((
<Provider store={store}>
<Application />

26
frontend/src/pages/review.tsx
View File

@@ -34,6 +34,8 @@ import {
REVIEW_HELP_MOD
} from "../config";
import { BACKEND_URL } from "../config";
import { Queue } from "../utils/queue";
interface IProps {
@@ -103,6 +105,18 @@ const ReviewPageWithRouter = withRouter(
[ReviewType.QUEUE]: () => vocabByQueueW(),
}[reviewType];
// Track the start of a session
fetch(`${BACKEND_URL}/api/tracker`, {
headers: new Headers({
"Content-Type": "application/json",
}),
method: "POST",
body: JSON.stringify({
session: window.sessionStorage.getItem("tracker_session"),
event: "START_LEARNING",
}),
});
getVocab().then((res: IVocab[]) => {
// Check if we received any vocabulary
if (res.length === 0) {
@@ -145,6 +159,18 @@ const ReviewPageWithRouter = withRouter(
cancelReview = () => {
this.closeDialog();
// Track the cancellation of a learning session
fetch(`${BACKEND_URL}/api/tracker`, {
headers: new Headers({
"Content-Type": "application/json",
}),
method: "POST",
body: JSON.stringify({
session: window.sessionStorage.getItem("tracker_session"),
event: "CANCEL_LEARNING",
}),
});
// Show the drawer button again
this.props.drawerButtonState(true);