trc-client-core/src/bodyAndPaint/BodyAndPaintHome.jsx

The core of the TRC Client

import React from 'react';
import Grid from 'trc-client-core/src/components/Grid';
import Col from 'trc-client-core/src/components/Col';
import Icon from 'trc-client-core/src/components/Icon';
import NewsFeed from 'trc-client-core/src/components/NewsFeed';
import Carousel from 'trc-client-core/src/components/Carousel';
import BodyAndPaintCertification from 'trc-client-core/src/bodyAndPaint/BodyAndPaintCertification';
import BodyAndPaintSecondaryCarousel from 'trc-client-core/src/bodyAndPaint/BodyAndPaintSecondaryCarousel';
import BodyAndPaintSideNav from 'trc-client-core/src/bodyAndPaint/BodyAndPaintSideNav';
import BodyAndPaintModalInformation from 'trc-client-core/src/bodyAndPaint/BodyAndPaintModalInformation';
import ModalManager from 'trc-client-core/src/Modal/ModalManager';

var BodyAndPaintHome = React.createClass({
    displayName: 'BodyAndPaintHome',
    getInitialState: function() {
        return {
            department: "BodyAndPaint"
        };
    },
    showInfo: function () {
        ModalManager.showModal(<BodyAndPaintModalInformation/>);
    },
    render: function() {
        return (
            <div>
                <Carousel modifier="hero" width="1024" height="320">
                    <li>
                      <img src="//static.toyotainstituteaustralia.com.au.s3.amazonaws.com/img/content/body_and_paint/banner/Banner_BodyAndPaint.jpg" width="1024px" height="320px" />
                        <div className="Carousel_solo">
                            <div className="Carousel_solo_title">
                                <p><small>Renew The Feeling</small></p>
                                <p>Welcome To Body &amp;  Paint</p>
                            </div>
                        </div>
                        <div className="Caption">
                            <em>Body &amp; Paint</em>
                        </div>
                    </li>
                </Carousel>
                <Grid className="row-bottom">
                    <Col>
                        <h1>Body &amp; Paint<Icon name="circleinfo" className="push-left" onClick={this.showInfo}/></h1>
                        <div>
                            <p>Welcome to Body &amp; Paint&apos;s TEAM training eLearning platform. It is here where technicians are required to undertake theory examinations to become recognised Toyota trained technicians. </p>

                            <p>There are 3 levels of certification that can be reached these levels are, Toyota Technician Level, Pro Technician Level and lastly Master technician Level. Upon completion of each theory based modules you will then by assessed by a TMCA representative at your workplace. Once you have met the on the job assessment criteria you will be issued a Toyota technician passport which will outline your Toyota qualifications and will also map your training journey with Toyota. </p>
                        </div>

                        <h2>Latest News</h2>
                        <NewsFeed filter={["bodyandpaint"]} className="margin-bottom2"/>
                        <BodyAndPaintSecondaryCarousel/>
                        <BodyAndPaintCertification />
                    </Col>
                    <Col width={4}>
                        <BodyAndPaintSideNav />
                    </Col>
                </Grid>
            </div>
        );
    }
});

module.exports = BodyAndPaintHome;