trc-client-core
Version:
The core of the TRC Client
347 lines (337 loc) • 22.8 kB
JSX
import React from 'react';
import {Link} from 'react-router';
import ToyotaLinkFAQView from './ToyotaLinkFAQView';
import ToyotaLinkSidebarView from './ToyotaLinkSidebarView';
import ToyotaLinkCarousel from './ToyotaLinkCarousel';
import Grid from 'trc-client-core/src/components/Grid';
import Col from 'trc-client-core/src/components/Col';
import Table from 'bd-stampy/components/Table';
var ToyotaLinkFAQPageView = React.createClass({
displayName: 'ToyotaLinkFAQPageView',
updateHash: true,
render: function () {
return (
<div>
<ToyotaLinkCarousel />
<Grid>
<Col>
{this.renderToyotaLinkFAQ(this.props.params.pageId)}
</Col>
<Col width={4}>
<ToyotaLinkSidebarView />
</Col>
</Grid>
</div>
);
},
renderToyotaLinkFAQ: function(pageId) {
var title;
var view;
switch (pageId) {
case "sect1" :
title =
"About Toyota Link";
view =
<div>
<ToyotaLinkFAQView title="What is Toyota Link?" >
<div>
<p>Toyota Link is a service that enables selected internet based information on your smartphone to be displayed on and operated from the {'\u0022Apps\u0022'} screen on your multimedia head unit.</p>
<p>Toyota Link was a new horizon for Toyota at its introduction in 2003 on limited Camry and Aurion vehicles.</p>
<p>Having smart cars was, and will increasingly become an essential part of customer safety and convenience.</p>
<p>In the beginning of 2014, Toyota Link was reborn for selected Toyota models following on from the 2013 Lexus program. The Lexus version was named {"\u0022Lexus Enform\u0022"}.</p>
<p>Both products offer similar features with only minor differences to meet brand requirements. They provide a suite of apps, designed to complement the driving experience. These apps are accessed via the {"vehicle\u0027s"} head unit.</p>
<p>Toyota Link, along with Lexus Enform, will continue to evolve in ways that not only enhance our {"customers\u0027"} lives, but will entertain and excite them, joining in with our {"\u0022Oh What A Feeling!\u0022"} philosophy.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="How does Toyota Link work?" >
<div>
<p>Before Toyota Link can be used, a few set up steps need to be performed.</p>
<p>Here is an image of what customers are able to view on their Connected Mobility enabled head unit:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/1_2.jpg" alt=""/>
</p>
<p>It is available in the following Toyota branded models:</p>
<Table >
<tr>
<td className="w50">Hilux 4x2 SR-SR5 only </td> <td>Aug-13</td>
</tr>
<tr>
<td>Hilux 4x4 SR-SR5 only </td> <td>Aug-13</td>
</tr>
<tr>
<td>Prado all including SE </td> <td>Aug-13</td>
</tr>
<tr>
<td>RAV4 GXL-Cruiser only </td> <td>Nov-13</td>
</tr>
<tr>
<td>Corolla Hatchback (2ZR-FE - 1.8L)</td> <td></td>
</tr>
<tr>
<td>Corolla Sedan SX-ZR only</td> <td>Dec-13</td>
</tr>
<tr>
<td>Kluger all </td> <td>Dec-13</td>
</tr>
<tr>
<td>Hilux Black Edition </td> <td>Aug-14</td>
</tr>
<tr>
<td>Yaris Hatch ZR only </td> <td>Sep-14</td>
</tr>
<tr>
<td>Camry L4 Atara SL only </td> <td>Oct-14</td>
</tr>
<tr>
<td>Camry Hybrid HL only </td> <td>Oct-14</td>
</tr>
<tr>
<td>PRIUS c (1NZ-FXE - 1.5L) </td> <td></td>
</tr>
<tr>
<td>PRIUS v (2ZR-FXE - PHV) </td> <td>Dec-14</td>
</tr>
</Table>
</div>
</ToyotaLinkFAQView>
</div>;
break;
case "sect2" :
title = "Setting Up Toyota Link";
view =
<div>
<ToyotaLinkFAQView title="How do I set up Toyota Link?" >
<div>
<p>{"You\u0027ll"} need to use one of the latest smartphones in order to download the available software! From there, using the head unit is a cinch.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Oh, so my smartphone can connect to the car. Is that the only way I can use the apps?" >
<div>
<p>At this current time, yes.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Ok, so which type of smartphone do I have to use in order to access Toyota Link?" >
<div>
<Table className="hug-top" >
<tr>
<td><strong>iOS</strong></td>
</tr>
<tr>
<td className="w30">HiPhone 4 </td><td> iOS v5.1.1</td>
</tr>
<tr>
<td>iPhone 4s </td><td> iOS v6.0.1 & 6.1.2 & 7.1.3</td>
</tr>
<tr>
<td>iPhone 5 </td><td> iOS v6.1.2 & 7.1.3</td>
</tr>
</Table>
<Table>
<tr>
<td><strong>Android (unchanged)</strong></td>
</tr>
<tr>
<td className="w30">Samsung SG2 </td><td> v2.3.4 (Gingerbread)</td>
</tr>
<tr>
<td>Samsung SG3 </td><td> 4.0.4 (ICS)</td>
</tr>
<tr>
<td>Samsung Nexus </td><td> 4.1 (Jelly Bean)</td>
</tr>
<tr>
<td>Sony Xperia S </td><td> v2.3.4 (Gingerbread)</td>
</tr>
<tr>
<td>HTC One S </td><td> 4.0.4 (ICS)</td>
</tr>
<tr>
<td>HTC One </td><td> 4.4.2</td>
</tr>
</Table>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="I don't have a phone like this, will TMCA provide me with one of each for demonstrations?" >
<div>
<p>Yes. Speak to your regional manager in order to obtain the required list of smart phones.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Ok, now that I have the phone, how do I make it connect to the head unit?" >
<div>
<p>All the above smart phones are Bluetooth enabled. Using Bluetooth, you will be able to pair the phone and connect to Bluetooth.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Great, sounds easy. How do I do it?" >
<div>
<p>Well, {"you\u0027ll"} need to register your details online, download the Toyota Link app onto your smartphone and then enable your Bluetooth services.</p>
</div>
</ToyotaLinkFAQView>
</div>;
break;
case "sect3" :
title =
"Register Online";
view =
<div>
<ToyotaLinkFAQView title="How do I register online?" >
<div>
<p>First, register your details online in the Toyota owners portal:</p>
<p><a className="readmore" href="https://www.toyota.com.au/owners/login">{"https://www.toyota.com.au/owners/login"}</a></p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/3_1_1.jpg" alt=""/>
</p>
<p>Above is an image of what you will see upon clicking this link. If you do not already own a Toyota Connected Mobility enabled vehicle, and so do not have an existing account, please click on {"\u0022Register\u0022"} in the top right hand corner of the screen.</p>
<p>You will then see this screen:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/3_1_2.jpg" alt=""/>
</p>
<p>Please click the {'\u0022Join Now\u0022'} button.</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/3_1_3.jpg" alt=""/>
</p>
<p>You will see the above screen which is broken down into four steps.</p>
<p>Step 1 - Details: Please fill in your personal details. When done please click {"\u0022Proceed to step 2\u0022"}.</p>
<p>You will then see the following screen:</p>
<p>Step 2 - Address: Please fill in your address details and proceed to step 3.</p>
</div>
</ToyotaLinkFAQView>
</div>;
break;
case "sect4" :
title = "Downloading The App";
view =
<div>
<ToyotaLinkFAQView title="How do I download the software to the headunit?" >
<div>
<p>Download the Toyota Link app from the Apple app store or the Google Play android store.</p>
<p><strong>iPhones (App store)</strong></p>
<p>Using your iphone, select the app store on your main screen:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/4_1_1.jpg" alt=""/>
</p>
<p>Next, type {"\u0022Toyota Link\u0022"} into the search bar:</p>
<p>Press enter. From the selection, the below icon is the required app:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/4_1_2.jpg" width="200px" alt=""/>
</p>
<p>Once you select the above link, you will see the below screen on your phone:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/4_1_3.jpg" alt=""/>
</p>
<p>Download the free app, and login using the registration details you had provided during the registration process.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Well now I've registered and I've got the app. My head unit is blank though. What now?" >
<div>
<p>Ensure the vehicle is turned on via inserting the key into the ignition.</p>
<p>Once the headunit has loaded, press the {"\u0022Apps\u0022"} Button on the left side of the head unit:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/4_2_1.jpg" alt=""/>
</p>
<p>There, you will have to pair your phone using Bluetooth:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/4_2_2.jpg" alt=""/>
</p>
<p>On the head unit {"you\u0027ll"} be able to pair your iphone once the iphone picks up the available device.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Ok, so Toyota Link is all setup now. That's great! So I don't have to pair my phone with it anymore right?" >
<div>
<p>{"You\u0027ll"} need to pair your smartphone with Toyota Link at all times you require use.</p>
</div>
</ToyotaLinkFAQView>
</div>;
break;
case "sect5" :
title = "Toyota Link App";
view = <ToyotaLinkFAQView title="5_1" />;
break;
case "sect6" :
title = "Troubleshooting";
view =
<div>
<ToyotaLinkFAQView title="Troubleshooting Toyota Link Errors" >
<div>
<p>Below is a table of typical messages you might receive and how to handle them.</p>
<Table>
<tr>
<td><strong>Message</strong></td>
<td><strong>Display Conditions</strong></td>
<td><strong>Corrective Actions</strong></td>
</tr>
<tr>
<td>{"\u0022This feature is unavailable while transferring contacts.\u0022"}</td>
<td>Contacts are being transferred manually from the phonebook.</td>
<td>When the transfer of contacts is complete, perform the operation.</td>
</tr>
<tr>
<td>{"\u0022Unable to connect to a Bluetooth* smartphone. For troubleshooting assistance, please visit the Toyota web site, or contact your dealer.\u0022"}</td>
<td>The smartphone cannot be connected.</td>
<td>Please visit <a className="readmore" href="https://www.toyota.com.au/owners/login">{"http://www.toyota.com.au/owners for more information."}</a></td>
</tr>
<tr>
<td>{"\u0022This feature is unavailable during a hands-free call.\u0022"}</td>
<td>A hands-free call is in progress.</td>
<td>After the hands-free call is finished, perform the operation.</td>
</tr>
<tr>
<td>{"\u0022To use these services, an active application needs to be running on your smartphone. For more information, please visit the Toyota web site, or contact your dealer.\u0022"}</td>
<td>The Toyota Link application cannot be connected to Bluetooth* SPP.</td>
<td>Please visit <a className="readmore" href="https://www.toyota.com.au/owners/login">{"http://www.toyota.com.au/owners for more information."}</a></td>
</tr>
<tr>
<td>{"\u0022Toyota Link connection has been lost. Please confirm your connection.\u0022"}</td>
<td>Communication was disconnected.</td>
<td>After a few moments, retry the operation.</td>
</tr>
</Table>
<p>Should any other errors arise that are not described in the table above, please call the Toyota Link Assist on 1300 887 568 if you are unable to do so via your Toyota Help app on the head unit.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Is there someone that is equipped to come out and help me if I just can't get my head unit working cooperatively with Toyota Link?" >
<div>
<p>No, unfortunately there are no trained Toyota staff equipped to troubleshoot headunit issues in Toyota. You may need to have your headunit replaced, which our service staff can assist with.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Do I have to leave the app open the entire time I'm in the car using Toyota Link?" >
<div>
<p>Yes, if the Bluetooth is interrupted or the app is closed, Toyota Link will cease working.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="How about if I switch screens on my phone?" >
<div>
<p>This will still close the Toyota Link connection. The purpose of Toyota Link is to ensure drivers are not using their phones while driving.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="Why does my Kluger have a still image for a map, instead of an actual map?" >
<div>
<p>Unfortunately, not all cars have SatNav as an option, only the higher grade of cars will have this ability. The best option offered for the ranges of cars without SatNav is a still image of the map with the location identified.</p>
</div>
</ToyotaLinkFAQView>
<ToyotaLinkFAQView title="What happens if I lose my login details to the owner's portal?" >
<div>
<p>On the {"owner\u0027s"} page, {"you\u0027ll"} see the below option to login:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/6_7_1.jpg" alt=""/>
</p>
<p>Select the {"\u0022Forgot Password?\u0022"} link highlighted above. Go through the prompts and a new password will be sent to you.</p>
<p>Should you have any further issues, select the also highlighted {"\u0022Need help?\u0022"} link highlighted above. You will see the below options:</p>
<p>
<img src="//static.toyotainstituteaustralia.com.au/img/content/product/toyota_link/faq/6_7_2.jpg" alt=""/>
</p>
<p>The highlighted 1800 number or provided email address will reach a Toyota helpdesk personnel. They will be able to reset your account from there</p>
</div>
</ToyotaLinkFAQView>
</div>;
break;
}
return (
<div>
<h2 className="hug-top">FAQ <span className="t-muted"> {title}</span></h2>
{view}
<Link className="cta-back p" to="/product/toyotalink">back to Toyota Link</Link>
</div>
);
}
});
module.exports = ToyotaLinkFAQPageView;