trc-client-core/src/home/HomePageGallery.jsx

The core of the TRC Client

import React from 'react';
import UserStore from 'trc-client-core/src/user/UserStore';
import Carousel from 'trc-client-core/src/components/Carousel';

var HomePageGallery = React.createClass({
    displayName: 'HomePageGallery',
    render: function () {
        if(UserStore.get('site') === 'TOYOTA'){
            return this.renderToyotaGallery();
        } else {
            return this.renderLexusGallery();
        }
    },
    renderToyotaGallery (){
        return (
            <Carousel delay={7000} arrows={false} modifier="dotsRight" className="overflow">
                <li>
                    <a href="#/media/video/154272666">
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2016_01.jpg" height="272" />
                    <div className="Bar">Will You Challenge Yourself in 2016?</div>
                    </a>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_01.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day 2015 Opening Ceremony</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_02.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day, November 2015</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_03.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day, November 2015</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_04.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day, November 2015</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_05.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day, November 2015</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_06.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day, November 2015</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_08.jpg" height="272" />
                    <div className="Bar">National Skills Finals Day, November 2015</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home-nationalskills_2015_07.jpg" height="272" />
                    <div className="Bar">National Skills Champions, November 2015</div>
                </li>
            </Carousel> 
        );
    },
    renderLexusGallery (){
        return (
            <Carousel delay={7000} arrows={false} modifier="dotsRight">
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-lexusIS_fsport@LEXUS.jpg" height="272" />
                    <div className="Bar">IS 200t F Sport</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home8@LEXUS.jpg" height="272" />
                    <div className="Bar">NX 300h New Model Technical Training</div>
                </li>
                <li>
                    <img src="//static.toyotainstituteaustralia.com.au/img/content/carousel/carousel-home1@LEXUS.jpg" height="272" />
                    <div className="Bar">Accelerate your career with Lexus</div>
                </li>
            </Carousel>
        );
    }
});

module.exports = HomePageGallery;