Merge pull request #139 from mapbox/profile-switcher

Toggle or disable profile switcher.
mapbox · Jul 30, 2017 · c7d8449 · c7d8449
2 parents e76955f + 5e182b7
commit c7d8449
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/src/controls/inputs.js b/src/controls/inputs.js
@@ -17,12 +17,13 @@ let tmpl = template(fs.readFileSync(__dirname + '/../templates/inputs.html', 'ut
  */
 export default class Inputs {
   constructor(el, store, actions, map) {
-    const { originQuery, destinationQuery, profile } = store.getState();
+    const { originQuery, destinationQuery, profile, controls } = store.getState();
 
     el.innerHTML = tmpl({
       originQuery,
       destinationQuery,
-      profile
+      profile,
+      controls
     });
 
     this.container = el;

diff --git a/src/directions.js b/src/directions.js
@@ -31,6 +31,7 @@ import Instructions from './controls/instructions';
  * @param {Object} [options.controls]
  * @param {Boolean} [options.controls.inputs=true] Hide or display the inputs control.
  * @param {Boolean} [options.controls.instructions=true] Hide or display the instructions control.
+ * @param {Boolean} [options.controls.profileSwitcher=true] Hide or display the default profile switch with options for traffic, driving, walking and cycling.
  * @example
  * var MapboxDirections = require('../src/index');
  * var directions = new MapboxDirections({

diff --git a/src/reducers/index.js b/src/reducers/index.js
@@ -13,6 +13,7 @@ const initialState = {
 
   // UI controls
   controls: {
+    profileSwitcher: true,
     inputs: true,
     instructions: true
   },

diff --git a/src/templates/inputs.html b/src/templates/inputs.html
@@ -20,6 +20,7 @@
     </div>
   </div>
 
+  <% if (controls.profileSwitcher) { %>
   <div class='mapbox-directions-profile mapbox-directions-component-keyline mapbox-directions-clearfix'><input
       id='mapbox-directions-profile-driving-traffic'
       type='radio'
@@ -53,4 +54,5 @@
     />
     <label for='mapbox-directions-profile-cycling'>Cycling</label>
   </div>
+  <% } %>
 </div>