missionOverviews

missionOverviews can now be added

Author: gerhean

src/actions/actionTypes.ts

@@ -59,6 +59,7 @@ export const SUBMIT_ANSWER = 'SUBMIT_ANSWER'
 export const SUBMIT_ASSESSMENT = 'SUBMIT_ASSESSMENT'
 export const SUBMIT_GRADING = 'SUBMIT_GRADING'
 export const UPDATE_HISTORY_HELPERS = 'UPDATE_HISTORY_HELPERS'
+export const UPDATE_ASSESSMENT_OVERVIEW = 'UPDATE_ASSESSMENT_OVERVIEW'
 export const UPDATE_ASSESSMENT_OVERVIEWS = 'UPDATE_ASSESSMENT_OVERVIEWS'
 export const UPDATE_ASSESSMENT = 'UPDATE_ASSESSMENT'
 export const UPDATE_GRADING_OVERVIEWS = 'UPDATE_GRADING_OVERVIEWS'

src/actions/session.ts

@@ -99,6 +99,11 @@ export const updateHistoryHelpers: ActionCreator<actionTypes.IAction> = (loc: st
   payload: loc
 })
 
+export const updateAssessmentOverview = (overview: IAssessmentOverview) => ({
+  type: actionTypes.UPDATE_ASSESSMENT_OVERVIEW,
+  payload: overview
+})
+
 export const updateAssessmentOverviews = (overviews: IAssessmentOverview[]) => ({
   type: actionTypes.UPDATE_ASSESSMENT_OVERVIEWS,
   payload: overviews

src/components/assessment/index.tsx

@@ -33,6 +33,7 @@ import {
 import { OwnProps as AssessmentProps } from '../assessment/AssessmentWorkspace'
 import { controlButton } from '../commons'
 import ContentDisplay from '../commons/ContentDisplay'
+import ImportFromFileComponent from '../commons/ImportFromFileComponent'
 import Markdown from '../commons/Markdown'
 
 const DEFAULT_QUESTION_ID: number = 0
@@ -170,6 +171,7 @@ class Assessment extends React.Component<IAssessmentProps, State> {
           {upcomingCardsCollapsible}
           {openedCardsCollapsible}
           {closedCardsCollapsible}
+          <ImportFromFileComponent />
         </>
       )
     }

src/components/commons/ImportFromFileComponent.tsx

@@ -0,0 +1,94 @@
+import * as React from 'react'
+import { connect, MapDispatchToProps } from "react-redux"
+import { bindActionCreators, Dispatch } from 'redux'
+import { parseString } from 'xml2js'
+import { updateAssessment, updateAssessmentOverview} from '../../actions/session'
+import { 
+	AssessmentCategories,
+	AssessmentStatuses, 
+	GradingStatuses,
+	// IAssessment, 
+	IAssessmentOverview 
+} from '../../components/assessment/assessmentShape'
+// import { IDispatchProps } from '../../components/assessment'
+
+
+const mapDispatchToProps: MapDispatchToProps<any, IAssessmentOverview> = (dispatch: Dispatch<any>) =>
+  bindActionCreators(
+    {
+      newAssessment: updateAssessment,
+      newAssessmentOverview: updateAssessmentOverview
+    },
+    dispatch
+  )
+
+const capitalizeFirstLetter = (str: string) => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+const makeAssessmentOverview = (task: any) => {
+	const rawOverview = task.$;
+	return {
+		category: capitalizeFirstLetter(rawOverview.kind) as AssessmentCategories,
+    closeAt: rawOverview.duedate,
+    coverImage: rawOverview.coverimage,
+    grade: 1,
+    id: 7,
+    maxGrade: 3000,
+    maxXp: 1000,
+    openAt: rawOverview.startdate,
+    title: rawOverview.title,
+    shortSummary: task.WEBSUMMARY[0],
+    status: AssessmentStatuses.not_attempted,
+    story: rawOverview.story,
+    xp: 0,
+    gradingStatus: "none" as GradingStatuses
+	}
+}
+
+class ImportFromFileComponent extends React.Component<any, any>{
+	public fileReader : FileReader;
+	public constructor(props: any) {
+    super(props);
+    this.handleFileRead = this.handleFileRead.bind(this);
+    this.handleChangeFile = this.handleChangeFile.bind(this);
+  }
+
+	public render(){
+	  return(
+	     <div>
+	        <input 
+	        	type="file" 
+	        	id="file"
+	        	accept=".xml" 
+	        	onChange={this.handleChangeFile} 
+	        /> 
+	     </div>
+	  )
+	}
+
+	private handleFileRead = (e: any) => {
+	  const content = this.fileReader.result;
+	  if (content) {
+		  parseString(content, (err: any, result: any) => {
+		  	// tslint:disable-next-line:no-console
+	    	console.dir(result);
+	    	const task = result.CONTENT.TASK[0];
+	    	const overview: IAssessmentOverview  =  makeAssessmentOverview(task);
+	    	this.props.newAssessmentOverview(overview);
+			});
+		}
+	  // You can set content in state and show it in render.
+	}
+
+	private handleChangeFile = (e: any) => {
+		const files = e.target.files
+		if (e.target.files){
+		  this.fileReader = new FileReader();
+		  this.fileReader.onloadend = this.handleFileRead;
+		  this.fileReader.readAsText(files[0]);
+		}
+	}
+}
+
+export default connect(null, mapDispatchToProps)(ImportFromFileComponent)

src/reducers/session.ts

@@ -6,6 +6,7 @@ import {
   SET_TOKENS,
   SET_USER,
   UPDATE_ASSESSMENT,
+  UPDATE_ASSESSMENT_OVERVIEW,
   UPDATE_ASSESSMENT_OVERVIEWS,
   UPDATE_GRADING,
   UPDATE_GRADING_OVERVIEWS,
@@ -49,10 +50,28 @@ export const reducer: Reducer<ISessionState> = (state = defaultSession, action:
         ...state,
         assessments: newAssessments
       }
-    case UPDATE_ASSESSMENT_OVERVIEWS:
+    case UPDATE_ASSESSMENT_OVERVIEW:
+      const newOverviews = Object.assign([], state.assessmentOverviews);
+      newOverviews.push(action.payload);
       return {
         ...state,
-        assessmentOverviews: action.payload
+        assessmentOverviews: newOverviews
+      }
+    case UPDATE_ASSESSMENT_OVERVIEWS:
+      if (state.assessmentOverviews){
+        const updatedOverviews = Object.assign([], state.assessmentOverviews);
+        const usedIDs = new Set();
+        state.assessmentOverviews.forEach((x: any) => {usedIDs.add(x.id)});
+        action.payload.forEach((x: any) => {if (!usedIDs.has(x.id)) {updatedOverviews.push(x)}})
+        return {
+          ...state,
+          assessmentOverviews: updatedOverviews
+        }
+      } else{
+        return {
+          ...state,
+          assessmentOverviews: action.payload
+        }
       }
     case UPDATE_GRADING:
       const newGradings = new Map(state.gradings)