trc-client-core/src/media/CarouselContent.jsx

The core of the TRC Client

//
// Carousel Content
//
// Carousel Items are defined as constants here to encourage
// DRY principals in content creation.
//

import CarouselItem from 'trc-client-core/src/components/CarouselItem';
import Auth from 'trc-client-core/src/components/Auth';
import {Link} from 'react-router';
import UserStore from 'trc-client-core/src/user/UserStore';
import Button from 'bd-stampy/components/Button';
import {STATIC_ASSETS} from 'trc-client-core/src/constants/url';

export const TECHNICAL_VIDEO_FLOORMAT = (
    <CarouselItem
        title="Floor Mat Guidelines"
        image="banner/banner-technical_video_floormat.jpg"
        center
        auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
    >
        <p><strong>New Technical Training Video Added</strong></p>
        <Button href="/#/media/video/161143768">Watch Video</Button>
    </CarouselItem>
);

export const TECHNICAL_VIDEO_EBD = (
    <CarouselItem
        title="Electronic Brake Force Distribution (Safety)"
        image="banner/banner-technical_video_ebd.jpg"
        center
        auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
    >
        <p><strong>New Technical Training Video Added</strong></p>
        <Button href="/#/media/video/132281913">Watch Video</Button>
    </CarouselItem>
);

export const TECHNICAL_VIDEO_VSC = (
    <CarouselItem
        title="Vehicle Stability Control (Safety)"
        image="banner/banner-technical_video_vsc.jpg"
        center
        auth={{isntPermission:"TMCA_STAFF",  isAnyDepartment: ['service','TMCA']}}
    >
        <p><strong>New Technical Training Video Added</strong></p>
        <Button href="/#/media/video/132281914">Watch Video</Button>
    </CarouselItem>
);

export const TECHNICAL_HILUX = (
    <CarouselItem
    title="Toyota HiLux Technical Training"
    caption="2015 Toyota HiLux Double Cabs: SR5(front), SR (rear) and Workmate"
    image="banner/banner-hometechhilux@TOYOTA.jpg"
    auth={{isntPermission:"TMCA_STAFF",  isAnyDepartment: ['service','TMCA']}}
    width="50"
    captionModifier="top left"
    >
        <p>In a world first for a pick-up truck, HiLux SR5 turbo-diesels with the six-speed manual gearbox gain an "intelligent" function. Automatic models are fitted with a new six-speed electronically-controlled transmission that adopts artificial intelligence and other measures to support both improved performance and economy.</p>
        <Button className="Carousel_cta" href="/#/course/TOY_2015_HILUX%20NMM">Find Out More</Button>
    </CarouselItem>
);

export const TECHNICAL_NMIPRIUS = (
    <CarouselItem
        title="Explore Prius NMI Training"
        image="banner/banner-tech_NMI_Prius.jpg"
        auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
        caption="2016 Toyota Prius i-Tech Model Shown"
        width="40"
        captionModifier="top left"
    >
        <p>New Model Introduction (NMI) New Generation Prius online course is designed to educate and inform Service Advisors and all dealership staff whose day to day work involves dealing with the Guest when they service their vehicle in your dealership.</p>
        <Button className="Carousel_cta" href="/#/course/TOY_2016_Prius_NMI (Online)">Go To Course</Button>
    </CarouselItem>
);

export const TECHNICAL_PRADO = (
    <CarouselItem
    title="High-Torque Diesel Engine To Power Prado"
    caption="Toyota Prado Kakadu (Freshwater crossing shown)"
    image="banner/banner-tech_prado.jpg"
    auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
    width="50"
    captionModifier="top left"
    >
        <p>The all-new 2.8-litre Global Diesel (GD) four-cylinder engine, developed from the ground up, provides plenty of power and torque =, as well as better than 10% fuel economy than the current 3.0-litre engine.</p>
        <p>Learn about the changes to the Facelift Prado including the all New GD Turbo Diesel Engine and 6 speed transmission.</p>
        <Button className="Carousel_cta" href="/#/course/TOY_2015_Prado Tech Change">Find Out More</Button>
    </CarouselItem>
);

export const TECHNICAL_PRIUS = (
    <CarouselItem
    title="Explore Prius NMM Training"
    caption="Overseas Model Shown"
    image="banner/banner-tech_prius.jpg"
    auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
    width="60"
    captionModifier="top left"
    >
        <p>New Model Mechanism (NMM) for the New Gen Prius course is designed to educate and inform Technicians and Technical dealership staff whose day to day work involves dealing with the Guest when they service their Prius in your dealership.</p>

        <Button className="block margin-bottom05" href="/#/course/TOY_2016_Prius_NMM (Online)">Technical Elearning</Button>
        <Button className="block margin-bottom05" href={`${STATIC_ASSETS}docs/prius/NGPrius2016TechAdvisorToyotaSafetySenseOnline_.pps`}>Safety Sense Presentation</Button>
        <Button className="block margin-bottom05" href={`${STATIC_ASSETS}docs/prius/NGPrius2016TechAdvisorOnline_V2.pps`}>Technical Advisor Presentation</Button>


    </CarouselItem>
);

export const FDLP_BANNER = (
    <CarouselItem
        center
        key="FDLP_BANNER"
        title="TMCA Congratulates our 2015 Future Dealer Leaders"
        image="banner/fdlp_graduation_2015.jpg"
    >
        <Button href="/#/media/news/TMCA Congratulates our 2015 Future Dealer Leaders">Read More</Button>
    </CarouselItem>
);

export const PORTA_GAP_REPORT_TOYOTA = (
    <CarouselItem 
        center 
        image="banner/banner_gapreport@TOYOTA.jpg" 
        title="Explore TFL Gap Reports & Learning Plans"
        auth={{isntPermission:"TMCA_STAFF"}}
        >
        <a className="Button" href="/#/portal">Check Them Out at My TIA</a>
    </CarouselItem>
);

export const PORTA_GAP_REPORT_LEXUS = (
    <CarouselItem 
        center 
        image="banner/banner_gapreport@LEXUS.jpg" 
        title="Explore TFL Gap Reports & Learning Plans"
        auth={{isntPermission:"TMCA_STAFF"}}>
        <a className="Button" href="/#/portal">Check Them Out at My Academy</a>
    </CarouselItem>
);


//
// Product
//

export const PRODUCT_LC200 = (
    <CarouselItem
        center
        image="banner/banner-home@lc200.jpg"
        title="King Off The Road"
        caption="Sahara Grade Shown"
        auth={{site: 'TOYOTA'}}
    >
        <p className="gamma hug-top">New-Look LandCruiser 200 Series</p>
        <a className="Button" href="/#/product/vehicle/LandCruiser 200">Explore Sales & Product Training Materials</a>
    </CarouselItem>
);

export const PRODUCT_FORTUNER = (
    <CarouselItem
        center
        image="banner/banner-product_fortuner.jpg"
        title="All-New Fortuner"
        caption="2015 Toyota Fortuner Crusade"
        auth={{site: 'TOYOTA'}}
    >
        <p className="gamma hug-top">Confident. Stylish.</p>
        <a className="Button" href="/#/product/vehicle/Fortuner">Explore Product Training Now</a>
    </CarouselItem>
);

export const PRODUCT_PRIUS = (
    <CarouselItem
        center
        image="product/vehicles/TOYOTA/TOYOTAPrius2016-03-01.jpg"
        title="All-New Prius"
        caption="2016 Prius i-Tech model shown"
        auth={{site: 'TOYOTA'}}
    >
        <p className="gamma hug-top">Bolder and more innovative than ever</p>
        <a className="Button" href="/#/product/vehicles/Prius">Explore Product Training Now</a>
    </CarouselItem>
);

export const PRODUCT_LEXUS_RX = (
    <CarouselItem
        center
        image="product/vehicles/LEXUS/LEXUSRX2015-11-01.jpg"
        title="All-New Lexus RX"
        caption="2015 Lexus RX 450h Sports Luxury"
        auth={{site: 'LEXUS'}}
    >
        <p className="gamma hug-top">For Those Who Dare To Step Forward</p>
        <a className="Button" href="/#/product/vehicles/RX">Explore Product Training Now</a>
    </CarouselItem>
);

export const PRODUCT_LEXUS_IS = (
    <CarouselItem
        center
        image="product/vehicles/LEXUS/LEXUSIS2015-09-01.jpg"
        title="All-New Lexus IS"
        caption="2015 Lexus IS 200t Sports Luxury"
        auth={{site: 'LEXUS'}}
    >
        <p className="gamma hug-top">This Is The New Lexus</p>
        <a className="Button" href="/#/product/vehicles/IS">Explore the Bold Product Training Now</a>
    </CarouselItem>
);

export const PRODUCT_HILUX = (
    <CarouselItem
        center
        image="banner/banner-homeallnewhilux@TOYOTA.jpg"
        title="All-New HiLux"
        caption="HiLux 4X4 SR5 Double Cab Shown"
        auth={{site: 'TOYOTA'}}
    >
        <div className="gamma hug-top">Sales & Product Training Material Unleashed</div>
        <a className="Button" href="/#/product/vehicle/HiLux">Read More</a>
    </CarouselItem>
);

export const PRODUCT_TOYOTA_LINK = (
    <CarouselItem center image="banner/banner-tfl_static@TOYOTA.jpg" title="Connect Your World">
        <a className="Button" href="/#/product/toyotalink">Visit the Toyota Link Page</a>
    </CarouselItem>
);

export const PRODUCT_TRAINING_PLAN = (
    <CarouselItem image="banner/banner-product_pathway.jpg" title="My Product Training Plan">
        <p>In order for Sales Consultants and Sales Managers to view the Product Training achievements and gaps, the Product Training Plan has been created.</p>
        <Link className="Button Button-dark Carousel-hero_cta" to="/portal/learning-plan/product_training_plan">View My Product Training Plan</Link>
    </CarouselItem>
);

export const LEXUS_RX = (
    <CarouselItem
        title="Lexus RX. All-new Fourth Generation RX SUV"
        image="banner/lexus-rx2.jpg"
        auth={{isntPermission:"TMCA_STAFF", site: 'LEXUS'}}
        caption="450h Sports Luxury (right), 350 F Sport (left) & 200t Luxury"
        captionModifier="top left"
    >

        <p>The new RX brings a host of new features to market including a bold new exterior styling package and engine package, focusing on road performance and new safety technologies, including the new Lexus Safety System+ package on all variants.</p>
        <Button className="w100" href="/#/course/LEX_2015_RX NMM (Online)">View Technical Training</Button>
    </CarouselItem>
);

export const LEXUS_CHIEF = (
    <CarouselItem
        title="Lexus Australia Appoints New Chief Executive"
        image="banner/banner-newchief@LEXUS.jpg"
        center
    >
        <Button href="/#/media/news/Lexus Australia Appoints New Chief Executive">Read More</Button>
    </CarouselItem>
);

export const ELEARNING = (
    <CarouselItem
        key="ELEARNING"
        center
        title="Learning on Demand"
        image="banner/elearning.jpg"
    >
        <p className="gamma padding-left2 padding-right2">Multiple hours of interactive learning, statistics and professionally narrated modules through interactive eLearning courses. Launched through your learning plan or eLearning directory.</p>
        <Button href="/#/course/?type=E_LEARNING">Learn Online Now</Button>
    </CarouselItem>
);

export const NEW_DEPARTMENT_PAGES = (
    <CarouselItem
        center
        key="NEW_DEPARTMENT_PAGES"
        title={<span>Viewing Upcoming Classes<br/>has Never Been Easier</span>}
        image="banner/new-department-pages.jpg"
        auth={{site: 'TOYOTA'}}
    >
        <Button href={`/#/${UserStore.state.getIn(['departmentCategory', '0'])}`}>Explore the New Department Pages</Button>
    </CarouselItem>
);

export const TOYOTA_FORTUNER = (
    <CarouselItem
        title="Toyota Fortuner Technical Training"
        image="banner/fortuner-technical.jpg"
        auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
        caption="Fortuner Crusade Pre-Production Model Shown"
        width="50"
        captionModifier="top left">
        <p>Fortuner has a strong Australian DNA with its unique body, wiring and key underpinnings having been designed or extensively developed and evaluated by local engineers.</p>
        <p>The rugged frame, high-torque engine, all-coil suspension and strong upper body have been proven in Australia under the world&apos;s toughest conditions - on tarmac and off the beaten track.</p>
        <Button className="Carousel_cta" href="/#/course/TOY_2015_Fortuner NMM (Online)">Technical Elearning</Button>
    </CarouselItem>
);

export const TOYOTA_HILUX_NMI = (
    <CarouselItem
        title="Explore HiLux NMI Training"
        image="banner/banner-tech_NMI_HiLux.jpg"
        auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
        caption="2015 Toyota HiLux 4x2 SR double cab V6"
        width="50"
        captionModifier="top left">
        New Model Introduction (NMI) New Generation HiLux online course is designed to educate and inform Service Advisors and all dealership staff whose day to day work involves dealing with the Guest when they service their vehicle in your dealership. <Button className="Carousel_cta" href="/#/course/TOY_2015_HiLux NMI (Online)">Technical Elearning</Button>
    </CarouselItem>
);

export const TOYOTA_PRIUS_NMM = (
    <CarouselItem
        title="NEW 4th Generation Prius Technical Training"
        image="banner/banner-prius_tech.jpg"
        auth={{isntPermission:"TMCA_STAFF", isAnyDepartment: ['service','TMCA']}}
        caption="New 4th Generation Prius"
        width="50"
        captionModifier="top left">
        <p>Innovations Well Beyond Efficiency
        <br/><br/>
        - Hybrid components are smaller and lighter <br/>
        - {`Petrol engine = world's best thermal efficiency`} <br/>
        - New-generation chassis for more rewarding handling <br/>
        - Advanced technologies and driver aids <br/>
        </p>
        <Button className="Carousel_cta" href="/#/course/TOY 2016 Prius NMM">Tech Advisors Enrol Now</Button>
    </CarouselItem>
);

export const NATSKILLS_2016_SALES = (
    <CarouselItem
        title="National Skills - Sales Consultants"
        image="banner/banner-nationalskills_2016_saleshype@TOYOTA.jpg"
        auth={{isntPermission:"TMCA_STAFF",  site: 'TOYOTA'}}
        captionModifier="top left"
        center>
        <p><strong>The 2016 National Skills Development Program is now open for registrations.<br/>
        Terms and conditions are available via toyotacentral.com.au.</strong></p>
        <Button href="/#/media/video/159156767">Watch Video</Button>
    </CarouselItem>
);

export const NATSKILLS_2016_GUEST = (
    <CarouselItem
        title="National Skills - Guest Experience"
        image="banner/banner-nationalskills_2016_guest@TOYOTA.jpg"
        auth={{isntPermission:"TMCA_STAFF",  site: 'TOYOTA'}}
        captionModifier="top left"
        center>
        <p><strong>The 2016 National Skills Development Program is now open for registrations.<br/>
        Terms and conditions are available via toyotacentral.com.au.</strong></p>
        <Button href="/#/media/video/159153545">Watch Video</Button>
    </CarouselItem>
);

export const TRAININGSURVEY_TOYOTA = (
    <CarouselItem
        title="Unlock Your Potential with Training & Technology"
        image="banner/banner-trainingSurvey@TOYOTA.jpg"
        auth={{isntPermission:"TMCA_STAFF", site: 'TOYOTA'}}
        center>
        <p><strong>Complete Your Post Training Survey to Win</strong></p>
        <Button href="/#/survey-incentive-terms-and-conditions">Find Out How</Button>
    </CarouselItem>
);

export const TRAININGSURVEY_LEXUS = (
    <CarouselItem
        title="Unlock Your Potential with Training & Technology"
        image="banner/banner-trainingSurvey@LEXUS.jpg"
        auth={{isntPermission:"TMCA_STAFF", site: 'LEXUS'}}
        center>
        <p><strong>Complete Your Post Training Survey to Win</strong></p>
        <Button href="/#/survey-incentive-terms-and-conditions">Find Out How</Button>
    </CarouselItem>
);

export const TOYOTA_FOR_LIFE = (
    <CarouselItem title="Toyota For Life" 
        center 
        image="banner/banner-tflpage@TOYOTA.jpg"
        auth={{isAny: ['ROLE_TMCA_ADMIN', 'ROLE_TMCA_INTERNAL'],  site: 'TOYOTA'}}>
        <div className="gamma" >Oh What A Feeling!</div>
        <a className="Button" href="/#/toyotaforlife">Explore TFL</a>
    </CarouselItem>
);

//
// Waranty
//

export const WARRANTY_MODULE_1 = (
    <CarouselItem
        title="Understanding Warranty"
        image="banner/warranty_module1.jpg"
    center >
        <a className="Button" href="/#/service/warranty">Read More</a>
    </CarouselItem>
);

export const TSS_PAGE_1 = (
    <CarouselItem
        title="Welcome to the Technical Support System"
        image="banner/tss1.jpg"
        auth={{isntPermission:"TMCA_STAFF",  isAnyDepartment: ['service','TMCA']}}
        center >
        <p><strong>Need Support with Complex Diagnostic Issues?</strong></p>
        <Button href="/#/service/technical-support-system">Explore Now</Button>
    </CarouselItem>
);

export const WARRANTY_1 = (
    <CarouselItem image="banner/warranty1.jpg" center />
);

export const WARRANTY_2 = (
    <CarouselItem image="banner/warranty2.jpg" center />
);

export const WARRANTY_3 = (
    <CarouselItem image="banner/warranty3.jpg" center />
);

export const MANAGEMENT_SUPPORT = (
    <CarouselItem
        title="HERE IS THE SUPPORT YOU HAVE BEEN LOOKING FOR TO ASSIST WITH YOUR STAFF"
        image="banner/banner-home_management1.jpg"
        href="/#/management"
        auth={{isntPermission:"TMCA_STAFF"}}
    center >
    </CarouselItem>
);

export const TSS_1 = (
    <CarouselItem image="banner/tss1.jpg" center />
);

//
// Toyota Network
//

export const TNT_1 = (
    <CarouselItem image="banner/banner-tnt.jpg" center />
);

export const TECH_ADVISOR_1 = (
    <CarouselItem image="banner/banner-techadvisor.jpg" center />
);

export const HH_TOYOTA = (
    <CarouselItem image="banner/banner-happyholiday@toyota.jpg" center />
);

export const HH_LEXUS = (
    <CarouselItem image="banner/banner-happyholiday@lexus.jpg" center />
);