Add teams page (#4)

app/assets/stylesheets/retros.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the retros controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/controllers/application_controller.rb

@@ -1,3 +1,8 @@
 class ApplicationController < ActionController::Base
   before_action :authenticate_user!
+  helper_method :current_user_teams
+
+  def current_user_teams
+    current_user.teams
+  end
 end

app/controllers/retros_controller.rb

@@ -0,0 +1,29 @@
+class RetrosController < ApplicationController
+  before_action :find_retro, only: [:show]
+
+  def new
+  end
+
+  def create
+    @retro = Retro.new(retro_params)
+    if @retro.save
+      redirect_to @retro
+    else
+      flash[:error] = 'Retro session could not be created.'
+      redirect_to new_retro_path
+    end
+  end
+
+  def show
+  end
+
+  private
+
+  def retro_params
+    params.require(:retro).permit(:team_id, :date)    
+  end
+
+  def find_retro
+    @retro = Retro.find(params[:id])
+  end
+end

app/controllers/teams_controller.rb

@@ -1,5 +1,89 @@
 class TeamsController < ApplicationController
+  before_action :find_team, except: [:index]
+  before_action :team_users, only: [:show, :edit]
+
   def index
-    @teams = Team.all
+  end
+
+  def show
+  end
+
+  def edit
+  end
+
+  def update
+    begin
+      @team.update!(team_params)
+      flash[:success] = 'Team was successfully updated.'
+      redirect_to team_path
+    rescue StandardError => e
+      flash[:error] = 'Oops, please try again.'
+      reload
+    end
+  end
+
+  def destroy
+    begin
+      @team.destroy!
+      flash[:success] = 'Team is gone forever.'
+      redirect_to teams_path
+    rescue StandardError => e
+      flash[:error] = 'Oops, please try again.'
+      reload      
+    end
+  end
+
+  def add_user
+    company = @team.company
+
+    begin 
+      user = company.users.find_by!(email: params[:user][:email])
+      raise UserAlreadyPresentError if user.already_present?(@team)
+
+      @team.users << user 
+      flash[:success] = 'Say hi to your new team member!'
+    rescue ActiveRecord::RecordNotFound => e
+      flash[:error] = 'User could not been found in your company.'
+    rescue UserAlreadyPresentError
+      flash[:error] = "You can only have one #{user.name}."
+    rescue StandardError => e
+      flash[:error] = 'Oops, please try again.'
+    end
+
+    reload
+  end
+
+  def remove_user_from_team
+    begin
+      relation = UserTeam.find_by!(user_id: params[:user_id], team_id: @team.id)
+      relation.destroy!
+      flash[:success] = 'User was successfully removed. Farewell...'
+    rescue ActiveRecord::RecordNotFound => e
+      flash[:error] = 'User is not in the team anyway.'
+    rescue StandardError => e
+      flash[:error] = 'Oops, please try again.'
+    end
+
+    reload
+  end
+
+  private
+
+  class UserAlreadyPresentError < StandardError; end
+
+  def find_team
+    @team = Team.find(params[:id])
+  end
+
+  def team_users
+    @team_users = @team.users
+  end
+
+  def team_params
+    params.require(:team).permit(:name, :description)
+  end
+
+  def reload
+    redirect_back(fallback_location: edit_team_path)
   end
 end

app/helpers/retros_helper.rb

@@ -0,0 +1,2 @@
+module RetrosHelper
+end

app/javascript/packs/application.js

@@ -22,4 +22,7 @@ require('jquery')
 
 $(document).on('turbolinks:load', function () {
   // $('.ui.dropdown').dropdown(); use this later on @canan
+  $('.message .close').on('click', function() {
+    $(this).closest('.message').hide();
+  });
 })

app/models/answer.rb

@@ -0,0 +1,5 @@
+class Answer < ApplicationRecord
+  belongs_to :user
+  belongs_to :retro
+  has_many :entries, dependent: :destroy
+end

app/models/entry.rb

@@ -0,0 +1,4 @@
+class Entry < ApplicationRecord
+  belongs_to :answer
+  validates :detail, presence: true, length: { minimum: 2, maximum: 255 }
+end

app/models/outcome.rb

@@ -0,0 +1,2 @@
+class Outcome < ApplicationRecord
+end

app/models/retro.rb

@@ -0,0 +1,11 @@
+class Retro < ApplicationRecord
+  # date and time validation
+  belongs_to :team
+  has_many :outcomes, dependent: :destroy
+  has_many :answers, dependent: :destroy
+
+  def active?
+    status == 'active'
+  end
+
+end

app/models/team.rb

@@ -3,5 +3,7 @@ class Team < ApplicationRecord
   validates :company_id, presence: true
 
   belongs_to :company
+  has_many :user_teams, dependent: :destroy
   has_many :users, through: :user_teams
+  has_many :retros
 end

app/models/user.rb

@@ -10,5 +10,11 @@ class User < ApplicationRecord
             uniqueness: { case_sensitive: false },
             format: { with: VALID_EMAIL_REGEX }
 
+  belongs_to :company, optional: true
+  has_many :user_teams, dependent: :destroy
   has_many :teams, through: :user_teams
+
+  def already_present?(resource)
+    resource.users.include?(self)
+  end
 end

app/models/user_team.rb

@@ -1,4 +1,6 @@
 class UserTeam < ApplicationRecord
+  belongs_to :team
+  belongs_to :user
   validates :user_id, presence: true
   validates :team_id, presence: true
 end

app/views/devise/registrations/edit.html.erb

@@ -57,7 +57,3 @@
     <br />
   </div>
 </div>
-
-<!-- <%= link_to "Back", :back %> -->
-
-

app/views/layouts/_messages.html.erb

@@ -0,0 +1,28 @@
+<% flash.each do |message_type, message_content| %>
+<% if notice %>
+  <div class="ui container">
+    <div class="ui success message">
+      <i class="close icon"></i>
+      <div class="header">
+        <%= notice %>
+      </div>
+    </div>
+  </div>
+  <br/>
+  <% elsif alert %>
+  <div class="ui container">
+    <div class="ui error message">
+      <i class="close icon"></i>
+      <%= alert %>
+    </div>
+  </div>
+  <br/>
+  <% else %>
+    <div class="ui <%= message_type %> message transition">
+      <i class="close icon"></i>
+      <div class="header">
+        <%= message_content %>
+      </div>
+    </div>
+  <% end %>
+<% end %>

app/views/layouts/application.html.erb

@@ -15,12 +15,9 @@
         <%= render 'layouts/navigation'%>
       </div>
     </div>
-    <% if notice %>
-      <p class="alert alert-success"><%= notice %></p>
-    <% end %>
-    <% if alert %>
-      <p class="alert alert-danger"><%= alert %></p>
-    <% end %>
-    <%= yield %>
+    <div class="ui container">
+      <%= render 'layouts/messages' %>
+      <%= yield %>
+    </div>
   </body>
 </html>

app/views/retros/new.html.erb

@@ -0,0 +1,18 @@
+<div class="ui container">
+  <div class="column">
+    <%= form_for(:retro, url: retros_path, html: { method: :post, class: 'ui form'}) do |f| %>
+    <div class="field">
+      <%= f.label :team %>
+      <%= f.collection_select :team_id, current_user_teams, :id, :name %>
+    </div>
+    <div class="field">
+      <%= f.label :DateTime %>
+      <%= f.datetime_select :date %>
+    </div>
+    <div class="actions">
+      <%= f.button "Create", class: 'blue ui button' %>
+      <%= link_to "Cancel", root_path, class: 'ui button'%>
+    </div>
+    <% end %>
+  </div>
+</div>

app/views/retros/show.html.erb

@@ -0,0 +1,5 @@
+<div class="ui container">
+  <!-- will be replaced with answers -->
+  <h1>Retro show</h1>
+  <%= @retro.id %>
+</div>

app/views/teams/edit.html.erb

@@ -0,0 +1,67 @@
+<div class="ui container">
+  <h3 class="ui top attached header">
+    <i class="settings icon"></i>
+    <div class="content">
+      Team Settings
+      <div class="sub header">Manage your preferences</div>
+    </div>
+  </h3>
+  <div class="ui attached segment">
+    <div class="ui two column very relaxed grid">
+      <div class="column">
+        <%= form_for(@team, url: team_path(@team.id), html: { method: :put, class: 'ui form'}) do |f| %>
+          <div class="field">
+            <%= f.label :team_name %>
+            <%= f.text_field :name %>
+          </div>
+
+          <div class="field">
+            <%= f.label :team_description %>
+            <%= f.text_field :description %>
+          </div>
+
+          <div class="actions">
+            <%= f.button "Save", class: 'blue ui button' %>
+            <%= link_to "Cancel", @team, class: 'ui button'%>
+          </div>
+        <% end %>
+      </div>
+      <div class="column">
+        <div class="ui celled list">
+          <% @team_users.each do |user| %>
+            <div class="item">
+              <div class="right floated content">
+                <div class="ui buttons">
+                  <button class="ui tiny basic blue button">Edit Permissions</button>
+                </div>
+                <%= link_to "Remove", remove_user_team_path(@team.id, user.id), data: { confirm: "Are you sure?" }, method: :delete, class: 'ui tiny red button' %>
+              </div>
+              <div class="content">
+                <div class="header">
+                  <% if user.name? %>
+                    <%= user.name %>
+                  <% else %>
+                    <%= user.email %>
+                  <% end %>
+                </div>
+                <em><%= user.title %></em>
+              </div>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="ui attached segment">
+    <%= form_for :user, url: add_user_team_path(@team.id), html: { method: :post, class: 'ui form'} do  |f| %>
+      <div class="field">
+        <%= f.label :user_email %>
+        <%= f.email_field :email %>
+      </div>
+
+      <%= f.button "Add User", class: 'ui blue button' %>
+    <% end %>
+  </div>
+  <br />
+  <%= link_to "Delete Team", team_path(@team), data: { confirm: "Are you sure?" }, method: :delete, class: 'negative ui button' %>
+</div>

app/views/teams/index.html.erb

@@ -1,5 +1,24 @@
-<% @teams.each do |team| %>
-<ul>
-  <li> <%= team.name %> </li>
-</ul>
-<% end %>
+<div class="ui container">
+  <h3 class="ui top attached header">
+    <i class="users icon"></i>
+    <div class="content">
+      My Teams
+    </div>
+  </h3>
+  <div class="ui attached segment">
+    <div class="ui middle aligned animated selection list">
+      <% current_user_teams.each do |team| %>
+      <div class="item">
+        <div class="content">
+          <div class="header">
+            <%= link_to team.name, team %>
+          </div>
+          <div class="description">
+            <em><%= pluralize(team.users.count, 'member') %></em>
+          </div>
+        </div>
+      </div>
+      <% end %>
+    </div>
+  </div>
+</div>