conveyal/modeify

View on GitHub
client/share-view/template.html

Summary

Maintainability
Test Coverage
<div class="Share">
  <h3>Share your trip!</h3>
  <div class="alerts"></div>
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group">
        <label>Your Name:</label>
        <input class="form-control from-name" placeholder="Your Name" value="{fromName}">
      </div>
    </div>
    <div class="col-sm-6">
      <div class="form-group">
        <label>Recipient Email:</label>
        <input type="email" class="form-control to-email" placeholder="To email address">
      </div>
    </div>
  </div>
  <form>
    <!--<div class="form-group">
     <label>Subject:</label><input class="form-control email-subject" value= "I just used CarFreeAtoZ to find great travel options!">
   </div>-->
    <div class="form-group">
      <label>Body:</label>
      <div style="float: right"><i>(link to your search will be added automatically)</i></div>
      <textarea class="form-control email-body" rows="3">Hi! I just found great new commute options at CarFreeAtoZ. To see my trip, check out the link below:</textarea>
    </div>
    <div class="checkbox">
      <button class="btn btn-default send-button" on-tap='sendEmail'>send</button>
      <!--<label>
        <input type="checkbox"> I want to receive updates from CarFreeAtoZ
      </label>-->
    </div>
  </form>

<h3>Share a link</h3>
  <p>Share a link to your CarFreeAtoZ travel options.</p>
<div class="share-buttons">
  <div class="link"><input type="text" id="trip-link" class="trip-link"></input></div>
  <button class="btn btn-dark" id="copy-trip-btn" data-clipboard-target="#trip-link">copy</button>
</div>

<h3>Share an address</h3>
  <p>Share a link to CarFreeAtoZ with only your current From or To location specified.</p>
<div class="input-group">
  <div class="input-group-btn">
    <select select-value="days" class="btn btn-default place-select" on-change="placeChanged" style="height: 32px;">
      <option value="from">From</option>
      <option value="to">To</option>
      <span class="caret"></span>
    </select>
  </div><!-- /btn-group -->
  <div class="link"><input type="text" id="place-link" class="place-link"></input></div>
  <button class="btn btn-dark" id="copy-place-btn" data-clipboard-target="#place-link">copy</button>
</div><!-- /input-group -->