title: In Ember, multiple URLs, same route/controller/view/logic, different filter?
body: <p>In Ember, I want the following urls to be handled by the same route:</p>
  
  <ul>
  <li><code>/due</code>: Show all tasks with due dates.</li>
  <li><code>/due-past</code>: Show all tasks with due dates in the past.</li>
  <li><code>/due-today</code>: Show all tasks with due dates today.</li>
  <li><code>/due-tomorrow</code>: Show all tasks with due dates tomorrow.</li>
  <li><code>/due-this-week</code>: Show all tasks with due dates this week.</li>
  <li><code>/due-next-week</code>: Show all tasks with due dates next week.</li>
  <li><code>/due-this-month</code>: Show all tasks with due dates this month.</li>
  </ul>
  
  <p>I was imagining I would catch all urls by the same route and use the "when" part ('past', 'today', 'tomorrow', etc.) to filter in the model on that route. But I'm lost and don't know where to look for answers.</p>
  
  <p>For example:</p>
  
  <p><code>app/router.js</code>:</p>
  
  <pre><code>Router.map(function() {
      this.route('due', { path: '/due-:when' });
  });
  </code></pre>
  
  <p>But <a href="http://discuss.emberjs.com/t/routing-dynamic-parameters-link-to/6050/3" rel="nofollow">this doesn't work</a>.</p>
  
  <p><strong>Maybe I'm confused and don't understand Ember concepts. <em>What is the Ember way?</em></strong></p>
  
  <h2>Update</h2>
  
  <p>Now that I understand that the dynamic part must be a segment, I am forced to do something more like this:</p>
  
  <pre><code>Router.map(function () {
      this.route('due');
      this.route('due', {path: '/due/:when'});
  });
  </code></pre>
  
  <p>But I realized that <code>{{#link-to 'due'}}Due{{/link-to}}</code> was just hitting the <code>/due/undefined</code> url, so <code>/due</code> is never getting hit. I guess I ditch the <code>due</code> route and just have <code>/due/all</code>? Oy. Every minute another compromise.</p>