Feature: Job Posts

Dockerfile → .devcontainer/Dockerfile

@@ -1,4 +1,4 @@
-FROM ruby:3.2.2
+FROM --platform=linux/amd64 ghcr.io/rails/devcontainer/images/ruby:3.3.1
 
 RUN set -xe \
     && apt update && apt -y upgrade
@@ -9,6 +9,7 @@ RUN echo "America/New_York" > /etc/timezone
 ENV DEBIAN_FRONTEND=noninteractive
 
 # Install Base Dependencies 
+
 RUN set -xe \
     && apt -y install --no-install-recommends curl gnupg2 
 
@@ -28,13 +29,12 @@ RUN set -xe \
 
 RUN set -xe \
     && curl -s https://dl-ssl.google.com/linux/linux_signing_key.pub | gpg --dearmor | tee /usr/share/keyrings/google.gpg >/dev/null \
-    && echo "deb [arch=amd64 signed-by=/usr/share/keyrings/google.gpg] http://dl.google.com/linux/chrome/deb/ stable main" | tee -a /etc/apt/sources.list.d/google.list \
+    && echo "deb [signed-by=/usr/share/keyrings/google.gpg] http://dl.google.com/linux/chrome/deb/ stable main" | tee /etc/apt/sources.list.d/google.list \
     && apt update \
     && apt -y install --no-install-recommends google-chrome-stable
 
 # Create a User
 RUN set -xe \
-    && useradd -u 1000 -g 100 -G sudo --shell /bin/bash --no-create-home --home-dir /tmp user \
     && echo 'ALL ALL = (ALL:ALL) NOPASSWD: ALL' >> /etc/sudoers
 
 # Install NodeJS
@@ -48,21 +48,4 @@ RUN set -xe \
 
 # Install Application Dependencies
 RUN set -xe \ 
-    && apt -y install --no-install-recommends libpq-dev imagemagick libvips-dev libvips-tools libvips42 chromium-driver
-
-# TEMPORARY: Install Redis & Postgres 
-RUN set -xe \ 
-    && apt -y install --no-install-recommends postgresql redis
-
-RUN set -xe \ 
-    && rm -rf /var/lib/apt/lists/*
-
-COPY . /app
-
-# Install Application Gems and Yarn Packages
-RUN set -xe \
-    && cd /app \
-    && gem install bundler --conservative \ 
-    && bundle check || bundle install \ 
-    && yarn install \
-    && gem install foreman
+    && apt -y install --no-install-recommends libpq-dev imagemagick libvips-dev libvips-tools libvips42 ruby-chromedriver-helper ruby-foreman

.devcontainer/boot.sh

@@ -0,0 +1,5 @@
+bundle install
+
+. ${NVM_DIR}/nvm.sh && nvm install --lts
+yarn install
+

.devcontainer/devcontainer.json

@@ -0,0 +1,39 @@
+{
+    "name": "Tampa Devs Talent",
+    "dockerComposeFile": "docker-compose.yml",
+    "service": "app",
+    "remoteUser": "vscode",
+    "runArgs": ["--platform=linux/amd64" ],
+    "workspaceFolder": "/talent.tampa.dev",
+    "postCreateCommand": ".devcontainer/boot.sh",
+    "forwardPorts": [
+      3000,
+      5432,
+      6379
+    ],
+    "features": {
+      "ghcr.io/devcontainers/features/github-cli:1": {},
+      "ghcr.io/devcontainers/features/node:1": {
+        "version": "latest"
+      }
+    },
+
+    "customizations": {
+      "vscode": {
+        "settings": {
+          "files.associations": {
+            "*.html.erb": "erb"
+          },
+          "ruby.format": true
+        },
+        "extensions": [
+          "Shopify.ruby-lsp",
+          "misogi.ruby-rubocop",
+          "redhat.vscode-yaml",
+          "GitHub.codespaces",
+          "GitHub.copilot",
+          "GitHub.copilot-chat"
+        ]
+      }
+    }
+  }

.devcontainer/docker-compose.yml

@@ -0,0 +1,42 @@
+version: '3.1'
+
+services:
+  postgres:
+    container_name: tdt-postgres
+    restart: always
+    image: postgres:latest
+    environment: 
+      POSTGRES_PASSWORD: tdtalent
+    volumes:
+      - tdt-pg:/var/lib/postgresql/data
+    ports:
+      - 5432:5432
+  redis:
+    container_name: tdt-redis
+    image: redis:6.2-alpine
+    restart: always
+    ports:
+      - '6379:6379'
+    command: redis-server --save 20 1 --loglevel warning
+    volumes: 
+      - tdt-redis:/data
+  app:
+    user: vscode
+    build: 
+      context: ..
+      dockerfile: .devcontainer/Dockerfile
+    volumes:
+      - ..:/talent.tampa.dev:cached
+    command: sleep infinity
+    links:
+      - postgres
+      - redis
+    environment:
+      - DATABASE_URL=postgres://postgres:tdtalent@postgres/
+      - RAILS_ENV=development
+      - REDIS_URL=redis://redis:6379/1
+volumes:
+  tdt-redis:
+    driver: local
+  tdt-pg:
+    driver: local

.ruby-version

@@ -1 +1 @@
-3.2.2
+3.3.1

Gemfile

@@ -1,7 +1,7 @@
 source "https://rubygems.org"
 git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 
-ruby "3.2.2"
+ruby "3.3.1"
 
 gem "rails", "~> 7.0.8.1"
 
@@ -74,3 +74,5 @@ gem "timezone_finder"
 gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
 
 gem "analytics-ruby", "~> 2.4"
+
+gem "psych", "~> 5.1"

Gemfile.lock

@@ -335,6 +335,8 @@ GEM
       method_source (~> 1.0)
     pry-rails (0.3.9)
       pry (>= 0.10.4)
+    psych (5.1.2)
+      stringio
     public_suffix (5.0.4)
     puma (6.4.2)
       nio4r (~> 2.0)
@@ -453,6 +455,7 @@ GEM
       rubocop-performance (~> 1.20.2)
     stimulus-rails (0.7.2)
       rails (>= 6.0.0)
+    stringio (3.1.0)
     stripe (8.0.0)
     tarpon (0.4.0)
       http (~> 4.4)
@@ -533,6 +536,7 @@ DEPENDENCIES
   prawn-rails
   pretender
   pry-rails
+  psych (~> 5.1)
   puma
   pundit
   rack-attack
@@ -558,7 +562,7 @@ DEPENDENCIES
   webmock
 
 RUBY VERSION
-   ruby 3.2.2p53
+   ruby 3.3.1p55
 
 BUNDLED WITH
    2.3.25

app/components/job_posts/job_post_component.html.erb

@@ -0,0 +1,40 @@
+<div class="bg-white hover:bg-blue-50 px-6 py-4 border-b border-gray-100 shadow rounded-lg mb-4">
+  <div class="flex items-center space-x-4">
+    <%= render AvatarComponent.new(avatarable: @job_post.business, variant: :medium, classes: "h-12 w-12 rounded-full") %>
+    <div class="flex-1 min-w-0">
+      <h3 class="text-lg font-medium text-blue-900 truncate" title="<%= @job_post.title %>">
+        <%= link_to @job_post.title, job_path(@job_post) %>
+      </h3>
+      <span class="text-sm text-gray-600"><%= @job_post.business.company %></span>
+    </div>
+  </div>
+
+  <div class="mt-4 space-y-2">
+    <div class="flex items-center">
+      <%= image_tag("icons/solid/briefcase.svg", class: "h-5 w-5 text-gray-700 mr-2") %>
+      <span class="text-sm font-medium text-gray-700"><%= @job_post.role_type.humanize %></span>
+    </div>
+    <div class="flex items-center">
+      <%= image_tag("icons/solid/dollar_bill.svg", class: "h-5 w-5 text-gray-700 mr-2") %>
+      <span class="text-sm font-medium text-gray-700"><%= formatted_reimbursement %></span>
+    </div>
+    <div class="flex items-center">
+      <%= image_tag("icons/solid/geo_indicator.svg", class: "h-5 w-5 text-gray-700 mr-2") %>
+      <span class="text-sm font-medium text-gray-700"><%= @job_post.role_location.humanize %></span>
+    </div>
+    <div class="flex items-center">
+      <%= image_tag("icons/solid/office_building.svg", class: "h-5 w-5 text-gray-700 mr-2") %>
+      <span class="text-sm font-medium text-gray-700"><%= @job_post.role_level.level.to_s.humanize %></span>
+    </div>
+  </div>
+
+  <div class="mt-4 flex justify-end space-x-2">
+    <% if @current_user.present? && @job_post.business == @current_user.business %>
+      <%= link_to "Applications", applicants_job_path(@job_post), class: "px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
+      <%= link_to "Edit", edit_job_path(@job_post), class: "px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" %>
+    <% end %>
+    <% if @user_signed_in && @current_user&.developer.present? && !@job_post.job_applications.where(developer: @current_user.developer).exists? %>
+      <%= link_to "Apply", job_path(@job_post), method: :post, class: "px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-500 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
+    <% end %>
+  </div>
+</div>

app/components/job_posts/job_post_component.rb

@@ -0,0 +1,16 @@
+# app/components/jobpost/job_post_component.rb
+class JobPosts::JobPostComponent < ViewComponent::Base
+  def initialize(job_post:, current_user:, user_signed_in:)
+    @job_post = job_post
+    @current_user = current_user
+    @user_signed_in = user_signed_in
+  end
+
+  def formatted_reimbursement
+    if @job_post.fixed_fee.present?
+      number_to_currency(@job_post.fixed_fee)
+    else
+      "#{number_to_currency(@job_post.salary_range_min)} - #{number_to_currency(@job_post.salary_range_max)}"
+    end
+  end
+end

app/components/job_posts/job_posts_filter_component.html.erb

@@ -0,0 +1,83 @@
+<div class="px-4 sm:px-6">
+  <%= form_with url: jobs_path, id: form_id, method: :get do |form| %>
+    <h1 class="text-lg leading-6 font-medium text-blue-900 border-b border-gray-200 py-2">Filter Job Posts</h1>
+
+    <!-- Role Level with Collapse -->
+    <div class="py-6" data-controller="toggle accessibility" data-toggle-visibility-class="hidden">
+      <div class="pt-2">
+        <h3 class="-mx-2 -my-3 flow-root">
+          <%= render CollapseControlComponent.new("Role Level", collapsed: false) %>
+        </h3>
+        <div data-toggle-target="element">
+          <div class="space-y-4 pt-6">
+            <%= form.collection_check_boxes :role_level, role_levels, :last, :first, include_hidden: false do |b| %>
+              <div class="flex items-center">
+                <%= b.check_box checked: role_level_selected?(b.value), class: "h-4 w-4 border-gray-300 rounded text-blue-950 focus:ring-blue-500" %>
+                <%= b.label(class: "ml-3 text-blue-950 text-sm") { b.text } %>
+              </div>
+            <% end %>
+          </div>
+        </div>  
+      </div>
+    </div>
+
+    <!-- Location with Collapse -->
+    <div class="border-t border-gray-200 py-6" data-controller="toggle accessibility" data-toggle-visibility-class="hidden">
+      <h3 class="-mx-2 -my-3 flow-root">
+        <%= render CollapseControlComponent.new("Location", collapsed: false) %>
+      </h3>
+      <div data-toggle-target="element">
+        <div class="space-y-4 pt-6">
+          <%= form.collection_check_boxes :role_location, locations, :first, :last, include_hidden: false do |b| %>
+            <div class="flex items-center">
+              <%= b.check_box checked: location_selected?(b.value), class: "h-4 w-4 border-gray-300 rounded text-blue-950 focus:ring-blue-500" %>
+              <%= b.label(class: "ml-3 text-blue-950 text-sm") { b.text } %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+
+    <!-- Job Type with Collapse -->
+    <div class="border-t border-gray-200 py-6" data-controller="toggle accessibility" data-toggle-visibility-class="hidden">
+      <div>
+        <h3 class="-mx-2 -my-3 flow-root">
+          <%= render CollapseControlComponent.new("Role Type", collapsed: false) %>
+        </h3>
+        <div data-toggle-target="element">
+          <div class="space-y-4 pt-6" data-controller="role-type">
+            <%= form.collection_radio_buttons :role_type, role_types, :last, :first, include_hidden: false do |b| %>
+              <div class="flex items-center">
+                <%= b.radio_button checked: role_type_selected?(b.value), data: { action: "change->role-type#toggleFields", role_type_target: "roleTypeSelect" } %>
+                <%= b.label(class: "ml-3 text-blue-950 text-sm") { b.text } %>
+              </div>
+            <% end %>
+
+            <!-- Fixed Fee Section -->
+            <div data-role-type-target="fixedFee" class="hidden">
+              <%= form.label :fixed_fee_min, "Fixed Fee Minimum", class: "block text-sm font-medium text-gray-700" %>
+              <%= form.number_field :fixed_fee_min, min: 0, value: params[:fixed_fee_min] || @query.options.dig(:fixed_fee, :min), class: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md" %>
+              <%= form.label :fixed_fee_max, "Fixed Fee Maximum", class: "block text-sm font-medium text-gray-700" %>
+              <%= form.number_field :fixed_fee_max, min: 0, value: params[:fixed_fee_max] || @query.options.dig(:fixed_fee, :max), class: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md" %>
+            </div>
+
+            <!-- Salary Range Section -->
+            <div data-role-type-target="salaryRange" class="hidden">
+              <%= form.label :salary_range_min, "Minimum Salary", class: "block text-sm font-medium text-gray-700" %>
+              <%= form.number_field :salary_range_min, min: 0, value: params[:salary_range_min] || @query.options.dig(:salary_range, :min), class: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md" %>
+              <%= form.label :salary_range_max, "Maximum Salary", class: "block text-sm font-medium text-gray-700" %>
+              <%= form.number_field :salary_range_max, min: 0, value: params[:salary_range_max] || @query.options.dig(:salary_range, :max), class: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md" %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <!-- Submit Button -->
+    <div class="flex justify-end space-x-2 pb-8">
+      <%= form.submit "Filter", class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-500 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
+      <%= link_to "Clear", jobs_path, class: "inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-500 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" %>
+    </div>
+  <% end %>
+</div>

app/components/job_posts/job_posts_filter_component.rb

@@ -0,0 +1,44 @@
+module JobPosts
+  class JobPostsFilterComponent < ViewComponent::Base
+    attr_reader :form_id, :query, :user
+
+    def initialize(query:, user:, form_id: 'job-filter-form')
+      @query = query
+      @user = user
+      @form_id = form_id
+      @developer_signed_in = user.developer.present?
+    end
+
+    def role_level_selected?(level)
+      query.options[:role_level]&.include?(level.to_s)
+    end
+
+    def role_type_selected?(type)
+      query.options[:role_type]&.include?(type.to_s)
+    end
+
+    def location_selected?(location)
+      query.options[:role_location]&.include?(location)
+    end
+
+    def role_levels
+      RoleLevel::TYPES.map { |type| [type.to_s.humanize, type] }
+    end
+
+    def role_types
+      RoleType::TYPES.map { |type| [type.to_s.humanize, type] }
+    end
+
+    def locations
+      Businesses::JobPost.role_locations.keys.map { |type| [type, type.humanize] }
+    end
+
+    def applied_filter_active?
+      params[:filter] == 'applied'
+    end
+
+    def all_filter_active?
+      params[:filter].blank? || params[:filter] == 'all'
+    end
+  end
+end

app/components/nav_bar/base_component.rb

@@ -20,6 +20,7 @@ def links
       links = []
       links << Link.new(t(".home"), root_path) if helpers.turbo_native_app?
       links << Link.new(t(".developers"), developers_path)
+      links << Link.new(t(".jobposts"), jobs_path)
       links << Link.new(t(".pricing"), pricing_path)
       links << Link.new(t(".bootcamps"), bootcamps_path)
       links << Link.new(t(".affiliates"), affiliates_path)