houston-roadmaps 0.1.0

data/app/assets/stylesheets/houston/roadmaps/roadmap_history.scss

@@ -0,0 +1,42 @@
+.roadmap-commit-reverted {
+  color: #ccc;
+}
+
+#roadmap_commits {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: scroll;
+  border-top: 2px solid;
+  margin: 0;
+
+  ul {
+    margin: 20px 0;
+  }
+
+  input[type="radio"] {
+    margin: 0;
+  }
+}
+
+.roadmap-commit {
+  display: block;
+
+  label {
+    margin-bottom: 0;
+    padding: 2px 24px;
+  }
+
+  &:hover {
+    background: rgba(128, 212, 255, 0.1);
+  }
+}
+
+.roadmap-commit-message {
+  display: inline;
+  p {
+    display: inline;
+    margin: 0;
+  }
+}

data/app/assets/stylesheets/houston/roadmaps/roadmaps.scss

@@ -0,0 +1,89 @@
+ol#roadmaps {
+  margin: 0;
+}
+
+li.roadmap {
+  display: block;
+
+  > a {
+    display: block;
+    padding: 6px 12px;
+    border-radius: 4px;
+
+    &:hover {
+      background-color: #EDF9FF;
+      text-decoration: none;
+
+      .roadmap-empty {
+        color: #b6c2c7;
+      }
+    }
+  }
+
+  .roadmap-summary {
+    padding: 6px 0 0 4px;
+    vertical-align: top;
+    display: inline-block;
+    line-height: 0.92em;
+    width: 20%;
+
+    .bubble {
+      width: 8px;
+      height: 8px;
+      margin: 0;
+    }
+  }
+
+  .roadmap-name {
+    color: #555;
+    font-size: 1.25em;
+    font-weight: 500;
+  }
+
+  .roadmap-empty {
+    display: block;
+    padding: 5px 0px 0 0;
+    color: #d0d0d0;
+    font-style: italic;
+  }
+
+  .roadmap-preview {
+    position: relative;
+    overflow: hidden;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+    display: inline-block;
+    width: 75%;
+
+    .roadmap-bands {
+      padding-top: 4px;
+    }
+
+    .roadmap-axis {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+
+      text {
+        font-size: 10px;
+      }
+    }
+
+    .roadmap-milestone {
+      border: none;
+
+      &::before {
+        width: auto;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        border-radius: 1px;
+      }
+      .roadmap-milestone-name { display: none; }
+    }
+  }
+}

data/app/assets/templates/houston/roadmaps/goals/edit.hbs

@@ -0,0 +1,6 @@
+<td class="goal-name"><input type="text" name="name" value="{{name}}" autofocus /></td>
+<td class="goal-roadmapped">
+  {{#if roadmaps.length}}
+    <i class="fa fa-map"></i>
+  {{/if}}
+</td>

data/app/assets/templates/houston/roadmaps/goals/index.hbs

@@ -0,0 +1,9 @@
+<form>
+  <table class="table table-sortable table-roadmap-goals">
+    <thead>
+      <th class="goal-name">Name</th>
+      <td class="goal-roadmapped"></td>
+    </thead>
+    <tbody id="goals"></tbody>
+  </table>
+</form>

data/app/assets/templates/houston/roadmaps/goals/new.hbs

@@ -0,0 +1,27 @@
+<div id="new_goal_modal" class="modal hide">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    <h3>New Goal</h3>
+  </div>
+  <div class="modal-body" style="overflow-y: visible;">
+    <form>
+      <label for="new_feedback_customer">Customer</label>
+      <input type="text" id="new_feedback_customer" name="attributedTo" />
+      
+      <label for="new_feedback_text">Text</label>
+      <div class="uploader">
+        <textarea id="new_feedback_text" name="text"></textarea>
+      </div>
+      
+      <label for="new_feedback_tags">Tags</label>
+      <div class="feedback-tags">
+        <div class="feedback-tag-list"></div>
+        <input type="text" id="new_feedback_tags" class="feedback-new-tag" placeholder="New Tag" />
+      </div>
+    </form>
+  </div>
+  <div class="modal-footer">
+    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+    <button type="button" id="create_button" class="btn btn-primary">Submit</button>
+  </div>
+</div>

data/app/assets/templates/houston/roadmaps/goals/show.hbs

@@ -0,0 +1,6 @@
+<td class="goal-name"><a href="/roadmap/milestones/{{id}}">{{name}}</a></td>
+<td class="goal-roadmapped">
+  {{#if roadmaps.length}}
+    <i class="fa fa-map"></i>
+  {{/if}}
+</td>

data/app/assets/templates/houston/roadmaps/milestone/edit.hbs

@@ -0,0 +1,67 @@
+<div id="graph" class="burndown-chart callout callout-banner"></div>
+
+
+<h2 class="light">Goal</h2>
+<div class="milestone-goal inline-editable">
+  <div class="inline-editable-link markdown">
+    {{#if milestone/goal}}{{{markdown milestone/goal}}}{{else}}<span class="blank">Write a goal</span>{{/if}}
+  </div>
+  <textarea id="goal" name="goal">{{milestone/goal}}</textarea>
+  <button class="btn btn-default btn-cancel">Cancel</button>
+  <button id="save_goal" class="btn btn-primary btn-save">Save</button>
+</div>
+
+{{#if usesFeedback}}
+<h2 class="light">Feedback</h2>
+<div class="milestone-feedback inline-editable">
+  <div class="inline-editable-link milestone-feedback-query">
+    {{#if milestone/feedbackQuery}}{{milestone/feedbackQuery}}{{else}}<span class="blank">Write a feedback query</span>{{/if}}
+  </div>
+  {{#if milestone/feedbackQuery}}
+    {{{linkToFeedbackQuery projectSlug milestone/feedbackQuery}}}
+  {{/if}}
+  <input type="text" id="feedback_query" name="feedback_query" value="{{milestone/feedbackQuery}}" />
+  <button class="btn btn-default btn-cancel">Cancel</button>
+  <button id="save_feedback_query" class="btn btn-primary btn-save">Save</button>
+</div>
+{{/if}}
+
+
+<div>
+  <h2 class="light">Tickets</h2>
+  
+  <a class="btn" id="show_completed_tickets" data-toggle="button">Show Completed Tickets</a>
+  
+  <div class="score score-medium milestone-progress">
+    <p class="positive">
+      <span class="score-count" id="milestone_progress"></span>
+      <span class="score-label">Complete</span>
+    </p>
+  </div>
+</div>
+
+
+<div id="find_or_create_ticket_view"></div>
+
+<hr />
+
+{{#if tickets}}
+<table class="table table-milestone-tickets">
+  <thead>
+    <tr>
+      <td></td>
+      <th class="ticket-number">#</th>
+      <th class="ticket-summary">Summary</th>
+      <th class="ticket-effort">Effort</th>
+      <th class="ticket-progress">Progress</th>
+      <th class="ticket-status">Status</th>
+      <td></td>
+    </tr>
+  </thead>
+  <tbody id="tickets">
+    {{#tickets}}{{> milestoneTicket}}{{/tickets}}
+  </tbody>
+</table>
+{{else}}
+<div class="alert alert-info">There are no tickets in this milestone.</div>
+{{/if}}

data/app/assets/templates/houston/roadmaps/milestone/show.hbs

@@ -0,0 +1,53 @@
+<div id="graph" class="burndown-chart callout callout-banner"></div>
+
+{{#if milestone/goal}}
+<h2 class="light">Goal</h2>
+<div class="milestone-goal markdown">{{{markdown milestone/goal}}}</div>
+{{/if}}
+
+{{#if milestone/feedbackQuery}}
+<h2 class="light">Feedback</h2>
+<div class="milestone-feedback">
+  {{#if milestone/feedbackQuery}}
+    {{{linkToFeedbackQuery projectSlug milestone/feedbackQuery}}}
+  {{/if}}
+</div>
+{{/if}}
+
+<div>
+  <h2 class="light">Tickets</h2>
+  
+  <a class="btn" id="show_completed_tickets" data-toggle="button">Show Completed Tickets</a>
+  
+  <div class="score score-medium milestone-progress">
+    <p class="positive">
+      <span class="score-count" id="milestone_progress"></span>
+      <span class="score-label">Complete</span>
+    </p>
+  </div>
+</div>
+
+<div id="find_or_create_ticket_view"></div>
+
+<hr />
+
+{{#if tickets}}
+<table class="table table-milestone-tickets">
+  <thead>
+    <tr>
+      <td></td>
+      <th class="ticket-number">#</th>
+      <th class="ticket-summary">Summary</th>
+      <th class="ticket-effort">Effort</th>
+      <th class="ticket-progress">Progress</th>
+      <th class="ticket-status">Status</th>
+      <td></td>
+    </tr>
+  </thead>
+  <tbody id="tickets">
+    {{#tickets}}{{> milestoneTicket}}{{/tickets}}
+  </tbody>
+</table>
+{{else}}
+<div class="alert alert-info">There are no tickets in this milestone.</div>
+{{/if}}

data/app/assets/templates/houston/roadmaps/milestone/ticket.hbs

@@ -0,0 +1,28 @@
+<tr id="ticket_{{id}}" class="ticket {{#firstReleaseAt}}ticket-released{{/firstReleaseAt}} {{#resolved}}ticket-resolved{{/resolved}} {{#closedAt}}ticket-closed{{/closedAt}}" rel="ticket" data-number="{{number}}" data-id="{{id}}">
+  <td class="ticket-handle"></td>
+  <td class="ticket-number">#{{number}}</td>
+  <td class="ticket-summary">
+    {{summary}}
+    {{#tags}}
+      <span class="ticket-tag" style="background-color: #{{color}}">{{name}}</span>
+    {{/tags}}
+  </td>
+  <td class="ticket-effort">
+    {{estimatedEffort}}
+  </td>
+  <td class="ticket-progress">
+    {{{ticketPercentComplete this}}}
+  </td>
+  <td class="ticket-status">
+    {{#if closedAt}}
+      <i class="fa fa-ban"></i> Closed
+    {{else}}{{#if firstReleaseAt}}
+      <i class="fa fa-paper-plane"></i> Released
+    {{else}}
+      <i class="fa fa-circle-o"></i> Open
+    {{/if}}{{/if}}
+  </td>
+  <td class="ticket-remove">
+    <a class="remove-ticket-button remove-button"></a>
+  </td>
+</tr>

data/app/assets/templates/houston/roadmaps/roadmap/goal.hbs

@@ -0,0 +1,6 @@
+<tr class="goal" data-id="{{id}}">
+  <td class="goal-project">
+    <span class="label {{projectColor}}">{{projectName}}</span>
+  </td>
+  <td class="goal-name">{{name}}</td>
+</tr>

data/app/assets/templates/houston/roadmaps/roadmap/history.hbs

@@ -0,0 +1,22 @@
+<div id="roadmap" class="roadmap callout callout-banner"></div>
+
+<form id="roadmap_commits">
+  <ul>
+    <li class="roadmap-commit">
+      <label for="commit_id_0">
+        <input id="commit_id_0" name="commit_id" type="radio" value="0" />
+        Now
+      </label>
+    </li>
+    {{#commits}}
+      <li class="roadmap-commit">
+        <label for="commit_id_{{id}}">
+          <input id="commit_id_{{id}}" name="commit_id" type="radio" value="{{id}}" />
+          {{formatDateWithYear2 createdAt}}
+          {{{avatar user.email 24 user.name}}}
+          <div class="roadmap-commit-message">{{{markdown message}}}</div>
+        </label>
+      </li>
+    {{/commits}}
+  </ul>
+</form>

data/app/assets/templates/houston/roadmaps/roadmap/show.hbs

@@ -0,0 +1,12 @@
+<div id="roadmap" class="roadmap callout callout-banner"></div>
+
+<div id="goals_view">
+  <table class="table table-roadmap-goals">
+    <thead>
+      <th class="goal-project">Project</th>
+      <th class="goal-name">Name</th>
+    </thead>
+    <tbody id="goals">
+    </tbody>
+  </table>
+</div>

data/app/assets/templates/houston/roadmaps/roadmaps/index.hbs

@@ -0,0 +1,2 @@
+<ol id="roadmaps">
+</ol>

data/app/assets/templates/houston/roadmaps/roadmaps/show.hbs

@@ -0,0 +1,11 @@
+<li class="roadmap" id="roadmap_{{id}}">
+  <a href="/roadmaps/{{id}}">
+    <div class="roadmap-summary">
+      <div class="roadmap-name">{{name}}</div>
+      {{#projects}}
+        <b class="bubble {{color}}"></b>
+      {{/projects}}
+    </div>
+    <div class="roadmap-preview"></div>
+  </a>
+</li>

data/app/controllers/houston/roadmaps/api/v1/roadmap_controller.rb

@@ -0,0 +1,20 @@
+module Houston
+  module Roadmaps
+    module Api
+      module V1
+        class RoadmapController < ApplicationController
+          before_filter :api_authenticate!
+          skip_before_filter :verify_authenticity_token
+
+
+          def current
+            milestones = Milestone.current.includes(:tickets)
+            render json: Houston::Roadmaps::MilestoneApiPresenter.new(milestones)
+          end
+
+
+        end
+      end
+    end
+  end
+end

data/app/controllers/houston/roadmaps/dashboard_controller.rb

@@ -0,0 +1,34 @@
+module Houston
+  module Roadmaps
+    class DashboardController < ApplicationController
+      layout "houston/roadmaps/dashboard"
+
+
+      def show
+        if params.key?(:range)
+          start_date, end_date = params[:range]
+            .split(/\.{2,}/)
+            .map { |date| Date.strptime(date, "%Y-%m-%d") }
+          @range = start_date..end_date
+        else
+          today = Date.today
+          @range = 6.months.before(today)..6.months.after(today)
+        end
+
+        @milestones = RoadmapMilestone.during(@range).preload(:milestone => :project)
+
+        @show_today = params[:today] != "false"
+
+        @title = "Roadmap"
+        respond_to do |format|
+          format.html { render }
+          format.json { render json: {
+            range: {start: @range.begin, end: @range.end},
+            milestones: Houston::Roadmaps::RoadmapMilestonePresenter.new(@milestones) } }
+        end
+      end
+
+
+    end
+  end
+end