README.md

Batabase

Database of bat population data for the Northwestern Bat Hub.

Getting Started

Requirements

Below are requirements and their versions running this project locally.

• Postgresql: 10+
• Ruby: 2.6.5
• Repo: [email protected]:osu-cascades/batabase.git
• Bundler: 2+

First Time Setup

• Set local ruby version either via rvm rvm use ruby-2.6.5 or rbenv rbenv local 2.6.5
  • rvm installation instructions
  • rbenv installation instructions
• Install gems: bundle install
  • Install failed?
    • Ensure that you have postgresql installed and it is running
    • Check that you have libpq-dev installed. Try sudo apt install libpq-dev if on Debain/Ubuntu or use your respective package manager
• Build the database (Drop is included to ensure this command works later even after building): rake db:drop db:create db:migrate db:seed
  • Rake task failed?
    • Ensure that you have a user in postgresql that matches your local user
      • Connect to running postgresql instance as default role: sudo -u postgres psql
      • Create a user with your user name: CREATE USER <YOUR USERNAME HERE> WITH SUPERUSER CREATEDB CREATEROLE LOGIN;
• Run the server: rails s

Test Coverage

Batabase uses the simplecov gem to supply code coverage metrics. To view code coverage run the test suite by running rspec or rspec -f d (for a detailed view) and open coverage/index.html in a browser.

Entity Relationship Diagram

Can be found here

Libaries and Structure

GitHub Components

To construct some of the various views within the application, we used GitHub's ViewComponent framework. Using the ViewComponent framework allows the creation of generic view components similar to the way React components work.

For example here is the class for our generic form component used for updates and creation of new tables which lives at app/components/form_component.rb:

class FormComponent < ApplicationComponent
  def initialize(model, fields, header_text)
    @model = model
    @fields = fields
    @header_text = header_text
  end
end

And it's corresponding view template at app/components/form_component.html.rb:

<div class="container my-3">
  <h3><%= @header_text %></h3>
  <%= bootstrap_form_with(model: @model, label_errors: true, inline_errors: true, local: true) do |f| %>
    <% @fields.each do |field| %>
      <%= f.send(field[:type], field[:name], field.fetch(:options)) %>
    <% end %>
    <%= f.submit "#{@header_text}" %>
  <% end %>
</div>

Then in a view you can simply render the component as seen in app/views/contacts/edit.html.erb:

<%= render(FormComponent.new(@model, @fields, @header_text)) %>

Ransack

In order to allow the various tables to be queried from the front end, we used a rails gem called Ransack. Ransack is very extensible and allows the creation of powerful forms which allow table querying.

For example here is the index view for Contacts at app/views/contacts/index.html.erb where there is a search_form_for helper:

<div class="d-flex fixed-header p-3">
  <div class="col-auto">
    <div class="card bg-light">
      <div class="card-header">
        <%= tag.h1 'Search Contacts' %>
      </div>
      <div class="card-body">
        <%= search_form_for @search do |f| %>
          <%= tag.fieldset do %>
            <%= tag.legend 'Contact' %>
            <%= tag.ul do %>
              <%= tag.li do %>
                <%= f.label :first_name_or_last_name_cont %>
                <%= f.text_field :first_name_or_last_name_cont %>
              <% end %>
              <%= tag.li do %>
                <%= f.label :notes_cont %>
                <%= f.text_field :notes_cont %>
              <% end %>
            <% end %>
          <% end %>
          <%= tag.fieldset do %>
            <%= tag.legend "Contact's Organization" %>
            <%= tag.ul do %>
              <%= tag.li do %>
                <%= f.label :organization_name_cont %>
                <%= f.text_field :organization_name_cont %>
              <% end %>
            <% end %>
          <% end %>
          <%= f.submit class: 'btn btn-dark' %>
        <% end %>
      </div>
    </div>
  </div>
  <div class="d-flex flex-column align-items-center">
    <%= render(TableComponent.new(@fields, @headers, @helpers, @contacts, @search)) %>
  </div>
</div>

Then in the controller for Contacts there are the methods that generate the params and results for the query:

def ransack_params
  Contact.includes(:organization).ransack(params[:q])
end

def ransack_result
  @search.result.page(params[:page])
end

Which get called when the hitting the index controller action:

def index
  @fields = FIELDS
  @headers = HEADERS
  @helpers = helpers
  @search = ransack_params
  @contacts = ransack_result
end

Continuous Integration (CI)

For this project we are using TravisCI for our our CI and deployments. All PRs and pushes are run against the Rspec tests to document which pushes and/or PR changes resulted in the test suite failing. PRs indicate whether or not the current build for the PR is passing the test suite.

Some branches when pushed deploy directly to heroku once the test suite builds and passes on TravisCI.

These branches and their herokue deployment are:

• staging -> batabase-staging
• master -> batabase

Notice the fields and header constants. These values are declared inside the controller. Then the results can be passed into our table component to be rendered in the index view.

© 2019 Dylan Drudge, Bryce Graves, Mack Hatfield, Nathan Struhs, Shayla Lane, Kimber Rabago. All rights reserved.