houston-core 0.5.0.beta1

data/app/views/reports/velocity.html.erb

@@ -0,0 +1,104 @@
+<div id="velocity"></div>
+
+<% content_for :javascripts do %>
+<script type="text/javascript">
+  $(function() {
+    window.data = <%=raw @tickets.map { |ticket|
+      project = ticket.project
+      { projectTitle: project.name,
+        projectColor: project.color,
+        number: ticket.number,
+        estimated: ticket.effort,
+        actual: ticket.commit_time } }.to_json %>;
+    
+    // call the method below
+    showScatterPlot(data);
+    
+    function showScatterPlot(data) {
+      
+      // just to have some space around items.
+      var margins = {
+          "left": 40,
+          "right": 30,
+          "top": 30,
+          "bottom": 30
+      };
+      
+      var width = 800;
+      var height = 500;
+      
+      // we add the SVG component to the scatter-load div
+      var svg = d3.select("#velocity")
+        .append("svg").attr("width", width).attr("height", height)
+        .append("g").attr("transform", "translate(" + margins.left + "," + margins.top + ")");
+
+      // this sets the scale that we're using for the X axis. 
+      // the domain define the min and max variables to show. In this case, it's the min and max prices of items.
+      // this is made a compact piece of code due to d3.extent which gives back the max and min of the price variable within the dataset
+      var x = d3.scale.linear()
+        .domain(d3.extent(data, function (d) { return d.estimated; }))
+        .range([0, width - margins.left - margins.right]);
+
+      // this does the same as for the y axis but maps from the rating variable to the height to 0. 
+      var y = d3.scale.linear()
+        .domain(d3.extent(data, function (d) { return d.actual; }))
+        .range([height - margins.top - margins.bottom, 0]);
+
+      // we add the axes SVG component. At this point, this is just a placeholder. The actual axis will be added in a bit
+      svg.append("g").attr("class", "x axis").attr("transform", "translate(0," + y.range()[0] + ")");
+      svg.append("g").attr("class", "y axis");
+
+      // this is our X axis label. Nothing too special to see here.
+      svg.append("text")
+          .attr("fill", "#414241")
+          .attr("text-anchor", "end")
+          .attr("x", width - 70)
+          .attr("y", y.range()[0] - 6)
+          .text("Estimated Effort");
+      
+      // this is our Y axis label.
+      svg.append("text")
+          .attr("fill", "#414241")
+          .attr("text-anchor", "end")
+          .attr("y", 6)
+          .attr("dy", ".71em")
+          .attr("transform", "rotate(-90)")
+          .text("Actual Hours");
+
+      // this is the actual definition of our x and y axes. The orientation refers to where the labels appear - for the x axis, below or above the line, and for the y axis, left or right of the line. Tick padding refers to how much space between the tick and the label. There are other parameters too - see https://github.com/mbostock/d3/wiki/SVG-Axes for more information
+      var xAxis = d3.svg.axis().scale(x).orient("bottom").tickPadding(2);
+      var yAxis = d3.svg.axis().scale(y).orient("left").tickPadding(2);
+
+      // this is where we select the axis we created a few lines earlier. See how we select the axis item. in our svg we appended a g element with a x/y and axis class. To pull that back up, we do this svg select, then 'call' the appropriate axis object for rendering.    
+      svg.selectAll("g.y.axis").call(yAxis);
+      svg.selectAll("g.x.axis").call(xAxis);
+
+      // now, we can get down to the data part, and drawing stuff. We are telling D3 that all nodes (g elements with class node) will have data attached to them. The 'key' we use (to let D3 know the uniqueness of items) will be the name. Not usually a great key, but fine for this example.
+      var point = svg.selectAll("g.node").data(data, function (d) { return d.number; });
+
+      // add the tooltip area to the webpage
+      var tooltip = d3.select("body").append("div")
+          .attr("class", "tooltip")
+          .style("opacity", 0);
+
+      // we 'enter' the data, making the SVG group (to contain a circle and text) with a class node. This corresponds with what we told the data it should be above.
+      var group = point.enter().append("g").attr("class", "node")
+          .attr('transform', function (d) { return "translate(" + x(d.estimated) + "," + y(d.actual) + ")"; });
+
+      group.append("circle")
+          .attr("r", 5)
+          .attr("class", "dot")
+          .style("fill", function (d) { return d.projectColor; })
+          .on("mouseover", function(d) {
+            tooltip.transition().duration(200).style("opacity", .9);
+            tooltip.html(d.projectTitle + " #" + d.number + "<br/>Estimated: " + d.estimated + "<br/>Actual: " + d.actual)
+             .style("left", (d3.event.pageX + 15) + "px")
+             .style("top", (d3.event.pageY - 15) + "px");
+          })
+          .on("mouseout", function(d) {
+            tooltip.transition().duration(500).style("opacity", 0);
+          });
+    }
+  });
+</script>
+<% end %>

data/app/views/settings/show.html.erb

@@ -0,0 +1,20 @@
+<% content_for :title do %>
+<h1 class="project-banner">
+  Settings
+</h1>
+<% end %>
+
+<%= form_tag settings_path, method: :put, :class => 'form-horizontal' do %>
+  <fieldset>
+    <div class="control-group">
+      <%= label_tag "settings[Velocity]", "Velocity", :class => 'control-label' %>
+      <div class="controls">
+        <%= text_field_tag "settings[Velocity]", @settings["Velocity"], :class => 'text_field' %>
+      </div>
+    </div>
+    
+    <div class="form-actions">
+      <button type="submit" class="btn btn-primary">Save</button>
+    </div>
+  </fieldset>
+<% end %>

data/app/views/sprints/dashboard.html.erb

@@ -0,0 +1,29 @@
+<h1>Sprint</h1>
+<div id="sprint_view"></div>
+
+<% content_for :javascripts do %>
+<script type="text/javascript">
+  $(function() {
+    var view = new ShowSprintView({
+      el: $('#sprint_view')[0],
+      sprintId: <%= @sprint.try(:id).to_json %>,
+      sprintStart: new Date(<%= @sprint.start_date.year %>, <%= @sprint.start_date.month - 1 %>, <%= @sprint.start_date.day %>),
+      sprintTasks: <%= raw SprintTaskPresenter.new(@sprint).to_json %>
+    });
+    
+    view.render();
+    
+    new Refresher()
+      .container('#container')
+      .interval(10 * 60 * 1000) // 10 minutes
+      .callback(function() {
+        $.getJSON(window.location.path, function(json) {
+          view
+            .setStart(App.parseDate(json.start))
+            .setTasks(json.tasks)
+            .render();
+        });
+      }).render();
+  });
+</script>
+<% end %>

data/app/views/sprints/show.html.erb

@@ -0,0 +1,39 @@
+<% content_for :title do %>
+<h1 class="project-banner space-below">
+  Sprint<small class="colon">:</small>
+  <small class="postfix">
+    <%= link_to @sprint.previous do %><i class="fa fa-chevron-left"></i><% end %>
+    <%= format_sprint_time_frame(@sprint) %>
+    <%= link_to @sprint.next do %><i class="fa fa-chevron-right"></i><% end %>
+  </small>
+  
+  <%= render partial: "projects/keyboard_shortcuts" %>
+</h1>
+<% end %>
+
+<div id="sprint_view" class="hide-completed"></div>
+
+<% content_for :javascripts do %>
+<script type="text/javascript">
+  $(function() {
+    new EditSprintView({
+      el: $('#sprint_view')[0],
+      sprintId: <%= @sprint.id.to_json %>,
+      sprintStart: new Date(<%= @sprint.start_date.year %>, <%= @sprint.start_date.month - 1 %>, <%= @sprint.start_date.day %>),
+      sprintEnd: new Date(<%= @sprint.end_date.year %>, <%= @sprint.end_date.month - 1 %>, <%= @sprint.end_date.day %>),
+      sprintLocked: <%= @sprint.locked?.to_json %>,
+      sprintCompleted: <%= @sprint.completed?.to_json %>,
+      sprintTasks: <%= raw SprintTaskPresenter.new(@sprint).to_json %>.map(function(task) {
+        task.checkedOut = !!task.checkedOutBy;
+        task.checkedOutByMe = task.checkedOutBy && (task.checkedOutBy.id == window.user.id);
+        return task;
+      }),
+      sprintHistory: <%= raw SprintReport.new(
+        current_user,
+        6.weeks.before(@sprint.end_date),
+        1.week.before(@sprint.end_date)).to_json %>,
+      openTasks: <%= raw (@open_tasks && TaskPresenter.new(@open_tasks)).to_json %>
+    }).render();
+  });
+</script>
+<% end %>

data/app/views/test_runs/confirm_retry.html.erb

@@ -0,0 +1,3 @@
+<%= form_tag do %>
+  <input type="submit" class="btn btn-primary" value="Retry Test Run" />
+<% end %>

data/app/views/testing_report/_scripts.html.erb

@@ -0,0 +1,12 @@
+<% content_for :javascripts do %>
+  <script type="text/javascript">
+    $(function() {
+      var tickets = new Tickets(<%= raw tickets.to_json %>);
+      new TestingReportView({
+        el: '#testing_report',
+        projectsCanCloseTicketsFor: <%= raw @projects.select { |project| can?(:close, project.tickets.build) }.map(&:id).to_json %>,
+        tickets: tickets
+      });
+    });
+  </script>
+<% end %>

data/app/views/testing_report/index.html.erb

@@ -0,0 +1,31 @@
+<% content_for :title do %>
+<h1 class="project-banner">
+  Testing Report
+  
+  <%= render partial: "projects/keyboard_shortcuts" %>
+</h1>
+<% end %>
+
+<div class="nomargin">
+  <table class="table table-expandable table-sortable table-striped testing-report-table testing-reports-projects">
+    <thead>
+      <tr>
+        <td class="table-margin"></td>
+        <td class="ticket-testingPriority"><i class="fa fa-arrow-up"></i><i class="fa fa-arrow-down"></i></td>
+        <th class="ticket-project sort-desc"><b class="bubble"></b> Project</th>
+        <th class="ticket-summary">Ticket</th>
+        <th class="ticket-deployment">Environment</th>
+        <th class="ticket-due-date">Due Date</th>
+        <th class="ticket-participants vertical"><span class="participant-name">Committers</span></th>
+        <% User.testers.unretired.each do |tester| %>
+          <th class="ticket-participants vertical tester" data-tester-id="<%= tester.id %>"><span class="participant-name"><%= tester.first_name %></span></th>
+        <% end %>
+        <td class="table-margin"></td>
+      </tr>
+    </thead>
+    
+    <tbody id="testing_report"><tbody>
+  </table>
+</div>
+
+<%= render partial: "testing_report/scripts", locals: {tickets: @tickets} %>

data/app/views/testing_report/show.html.erb

@@ -0,0 +1,29 @@
+<%= render partial: "projects/header", locals: {project: @project, subtitle: "Testing Report"} %>
+
+<% if @tickets.any? %>
+  <div class="nomargin">
+    <table class="table table-expandable table-sortable table-striped testing-report-table testing-reports-projects">
+      <thead>
+        <tr>
+          <td class="table-margin"></td>
+          <td class="ticket-testingPriority"><i class="fa fa-arrow-up"></i><i class="fa fa-arrow-down"></i></td>
+          <th class="ticket-project sort-asc"><b class="bubble"></b> Project</th>
+          <th class="ticket-summary">Ticket</th>
+          <th class="ticket-deployment">Environment</th>
+          <th class="ticket-due-date">Due Date</th>
+          <th class="ticket-participants vertical"><span class="participant-name">Committers</span></th>
+          <% User.testers.unretired.each do |tester| %>
+            <th class="ticket-participants vertical tester" data-tester-id="<%= tester.id %>"><span class="participant-name"><%= tester.first_name %></span></th>
+          <% end %>
+          <td class="table-margin"></td>
+        </tr>
+      </thead>
+      
+      <tbody id="testing_report"><tbody>
+    </table>
+  </div>
+  
+  <%= render partial: "testing_report/scripts", locals: {tickets: @tickets} %>
+<% else %>
+  <div class="alert alert-info">There are no tickets in testing for <b><%= @project.name %></b> right now.</div>
+<% end %>

data/app/views/tickets/new.html.erb

@@ -0,0 +1,18 @@
+<% content_for :title do %>
+<h1 class="project-banner space-below">
+  <small>New Ticket for</small>
+  
+  <%= render partial: "projects/keyboard_shortcuts" %>
+</h1>
+<% end %>
+
+<div class="project-tiles">
+  <% @projects.each do |project| %>
+    <%= link_to project.name, new_ticket_path(project), :class => "project-tile #{project.color}" %>
+  <% end %>
+</div>
+
+<div class="tip">
+  <h6>Don't see the project you want to create a ticket for?</h6>
+  You might need to <%= link_to "follow it", projects_path %>.
+</div>

data/app/views/users/_form.html.erb

@@ -0,0 +1,115 @@
+<%= form_for @user, :html => { :class => 'form-horizontal' } do |f| %>
+  <fieldset>
+
+    <div class="control-group">
+      <%= f.label :first_name, :class => 'control-label' %>
+      <div class="controls">
+        <%= f.text_field :first_name, :class => 'text_field' %>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <%= f.label :last_name, :class => 'control-label' %>
+      <div class="controls">
+        <%= f.text_field :last_name, :class => 'text_field' %>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <%= f.label :nickname, "Nickname", :class => 'control-label' %>
+      <div class="controls">
+        <%= f.text_field :nickname, :class => 'text_field' %>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <%= f.label :email, "Primary Email Address", :class => 'control-label' %>
+      <div class="controls">
+        <%= f.text_field :email, :class => 'text_field' %>
+      </div>
+    </div>
+    
+    <div class="control-group">
+      <%= f.label :alias_emails, "Other Email Addresses", :class => 'control-label' %>
+      <div class="controls">
+        <%= f.text_area :alias_emails, :class => 'text_field', rows: 3, value: @user.alias_emails.join("\n") %>
+      </div>
+    </div>
+    
+    <% if can?(:manage, @user) %>
+      <div class="control-group">
+        <%= f.label :role, :class => 'control-label' %>
+        <div class="controls">
+          <%= f.select :role, Houston.config.roles, :class => 'select_field' %>
+        </div>
+      </div>
+    <% end %>
+    
+    <% if can?(:manage, @user) %>
+      <div class="control-group">
+        <%= f.label :administrator, :class => 'control-label' %>
+        <div class="controls">
+          <%= f.check_box :administrator, :class => 'checkbox' %>
+        </div>
+      </div>
+    <% end %>
+    
+    
+    
+    <%= f.fields_for :view_options, nil do |f| %>
+      <% f.object = OpenStruct.new(@user.view_options) # WTF %>
+      <% Houston.config.user_options.each do |form| %>
+        <hr />
+        
+        <div class="control-group">
+          <label class="control-label"><%= form.name %></label>
+          <div class="controls">
+            <%= form.render(self, f) %>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+    
+    
+    
+    <% if @user.credentials.any? %>
+      <hr />
+      
+      <div class="control-group">
+        <label class="control-label">Credentials</label>
+        <div class="controls">
+          
+          <p>Houston has remembered your credentials for:</p>
+          
+          <ul class="user-credentials">
+            <%= content_tag_for :li, @user.credentials do |user_credentials| %>
+              <span class="user-credentials-service"><%= user_credentials.service %></span>
+              <span class="user-credentials-delete">
+                <a class="btn btn-mini btn-danger delete-user-credentials" href="/credentials/<%= user_credentials.id %>" data-method="delete" data-confirm="Should Houston forget your credentials for <%= user_credentials.service %>?">Delete</a>
+              </span>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    <% end %>
+    
+    
+    <% if @user.new_record? %>
+      <div class="control-group">
+        <div class="controls">
+          <label for="send_invitation">
+            <input type="checkbox" id="send_invitation" name="send_invitation" value="1" checked="checked" /> Invite user to set up an account
+          </label>
+        </div>
+      </div>
+    <% end %>
+    
+    <div class="form-actions">
+      <%= f.submit nil, :class => 'btn btn-primary' %>
+      <%= link_to 'Invite', invite_user_path(@user), :method => 'post', :class => 'btn btn-primary' if @user.persisted? && @user.encrypted_password.blank? && !@user.invited? && can?(:create, User) %>
+      <%= link_to 'Cancel', users_path, :class => 'btn' %>
+      <%= link_to 'Delete', user_path(@user), :method => 'delete', :confirm => 'Are you sure?', :class => 'btn btn-danger btn-delete' if @user.persisted? && can?(:destroy, @user) %>
+    </div>
+    
+  </fieldset>
+<% end %>

data/app/views/users/_header.html.erb

@@ -0,0 +1,10 @@
+<% content_for :title do %>
+<h1 class="project-banner">
+  <%= avatar_for(user, size: 132) %>
+  <%= user.name %>
+  <small>
+    <%= link_to("Show", user_path(user)) unless current_page?(user_path(user)) %>
+    <%= link_to("Edit", edit_user_path(user)) if can?(:update, user) && !current_page?(edit_user_path(user)) %>
+  </small>
+</h1>
+<% end %>

data/app/views/users/edit.html.erb

@@ -0,0 +1,3 @@
+<%= render partial: "users/header", locals: {user: @user, subtitle: "Edit"} %>
+
+<%= render partial: "form" %>

data/app/views/users/index.html.erb

@@ -0,0 +1,80 @@
+<% content_for :title do %>
+<h1 class="project-banner space-below">
+  Team
+  <%= link_to "New Team Member", new_user_path, :class => "btn btn-primary" if can?(:create, User) %>
+  
+  <%= render partial: "projects/keyboard_shortcuts" %>
+</h1>
+<% end %>
+
+<% if @users.any? %>
+  <div class="nomargin">
+    <table id="users" class="table table-sortable table-striped">
+      <thead>
+        <tr>
+          <td class="table-margin"></td>
+          <td class="user-avatar"></td>
+          <th class="user-name sort-desc">Name</th>
+          <th class="user-email">Email</th>
+          <th class="user-nickname">Nickname</th>
+          <th class="user-role">Role</th>
+          <th class="user-tickets-filed"><small>Tickets<br />Filed</small></th>
+          <th class="user-tickets-invalid"><small>Dupicate<br />or Invalid</small></th>
+          <th class="user-tickets-fixed"><small>Fixed</small></th>
+          <td class="user-actions"></td>
+          <td class="table-margin"></td>
+        </tr>
+      </thead>
+      <tbody>
+        <% @users.each do |user|; stats = @ticket_stats_by_user[user] %>
+          <tr id="user_<%= user.id %>">
+            <td class="table-margin"></td>
+            <td class="user-avatar"><%= avatar_for(user, size: 32) %></td>
+            <td class="user-name">
+              <%= link_to user_path(user) do %>
+                <span class="first-name"><%= user.first_name %></span>
+                <span class="last-name"><%= user.last_name %></span>
+              <% end %>
+            </td>
+            <td class="user-email"><%= mail_to user.email %></td>
+            <td class="user-email"><%= user.nickname %></td>
+            <td class="user-role"><%= user.role %><%= ", Admin" if user.administrator? %></td>
+            <td class="user-tickets-filed"><%= stats[:tickets] %></td>
+            <td class="user-tickets-invalid">
+              <%= number_to_percentage stats[:invalid_tickets], precision: 0 if stats[:tickets] > 0 %>
+            </td>
+            <td class="user-tickets-fixed">
+              <%= number_to_percentage stats[:fixed_tickets], precision: 0 if stats[:tickets] > 0 %>
+            </td>
+            <td class="user-actions"></td>
+            <td class="table-margin"></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="alert alert-info">There are no team members yet. Click <b>New Team Member</b> to create one.</div>
+<% end %>
+
+<% content_for :javascripts do %>
+  <script type="text/javascript">
+    $.tablesorter.addParser({
+      id: 'name',
+      type: 'text',
+      is: function(s) { return false; }, // return false so this parser is not auto detected 
+      format: function(s, table, td) {
+        var $td = $(td),
+            firstName = $td.find('.first-name').text(),
+            lastName = $td.find('.last-name').text();
+        return lastName + ' ' + firstName;
+      }
+    }); 
+    
+    $(function() {
+      $('#users').tablesorter({
+        headers: { 2: { sorter: 'name' } }
+      });
+    });
+  </script>
+<% end %>