trc-client-core/src/Modal/ModalGapReportLegend.jsx

The core of the TRC Client

import React from 'react';
import _ from 'lodash';

import {STATIC_ASSETS} from 'trc-client-core/src/constants/url';
import GapReportGrid from '../report/GapReportGrid';


var base = {  
    type:"COURSE",
    itemAbbrName:"Ineligible",
    workshopName:"Workshop Fundamentals",
    regProcess:null,
    completionProcess:null,
    completeDate:null,
    segment:"",
    eligible:false,
    completed:false
};

var DATA = [{
    lastName:"",
    jobPositionDesc:"Technician",
    participantId:"15625888dc331c0a3c604126e87a834c2395124b",
    firstName:"Status Types",
    gapData:[
        base,
        _.create(base, {itemAbbrName: "Elligible", eligible: true}),
        _.create(base, {itemAbbrName: "Enrolled", regProcess: 'ENROLLED'}),
        _.create(base, {itemAbbrName: "Waitlisted", regProcess: 'WAITLISTED'}),
        _.create(base, {itemAbbrName: "Cancelled", regProcess: 'CANCELLED'}),
        _.create(base, {itemAbbrName: "Partially Attended", regProcess: 'PARTIALLY_ATTENDED'}),
        _.create(base, {itemAbbrName: "No Show", regProcess: 'NO_SHOW'}),
        _.create(base, {itemAbbrName: "Completed / Credited", completionDate: 1410851737626, completionProcess: 'ATTENDED', completed: true}),
        _.create(base, {itemAbbrName: "Certification", type:"CERTIFICATION"}),
        _.create(base, {itemAbbrName: "Certification Achieved", type:"CERTIFICATION", completionDate: 1410851737626, completionProcess: 'ATTENDED'})
    ]
}];

var ModalGapReportLegend = React.createClass({
    displayName: 'ModalGapReportLegend',
    render: function() {
        return (
            <div>
                <div className="modal_title">Gap Report</div>
                <div className="modal_body">
                    <div className="margin-bottom2">
                        <GapReportGrid data={DATA}></GapReportGrid>
                    </div>
                    {this.props.children}
                    <a className="Button l-right" onClick={this.props.onClose}>Okay</a>
                </div>
            </div>
        );   
    }    
});

module.exports = ModalGapReportLegend;