80 lines
3.5 KiB
Plaintext
80 lines
3.5 KiB
Plaintext
<% content_for :header do %>
|
|
<header class="container-fluid py-3 border-bottom sticky-top bg-light">
|
|
<div class="row align-items-center justify-content-center">
|
|
<div class="col-4 text-center">
|
|
<%= product_wordmark(:cast_me, class: 'navbar-brand') %>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<% end %>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-8 col-md-12 mb-3">
|
|
<div class="card shadow-sm">
|
|
<div class="card-header">
|
|
<div class="d-flex justify-content-start flex-column">
|
|
<h1 class="h2 mb-1"><%= @casting_submission.performer_name %></h1>
|
|
<h1 class="h6 mb-1"><%= @casting_call.title %></h1>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<%= render partial: 'casting_submissions/video', locals: { casting_submission: @casting_submission } %>
|
|
<% if @casting_submission.interview_recording.present? %>
|
|
<%= javascript_tag nonce: true do %>
|
|
new Clappr.Player({
|
|
parentId: '#casting_submission_video',
|
|
source: "<%= rails_blob_url(@casting_submission.interview_recording, host: AppHost.new.domain_with_port) %>",
|
|
width: '100%',
|
|
height: '100%',
|
|
mute: true,
|
|
autoPlay: true,
|
|
hlsMinimumDvrSize: 1
|
|
});
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-12 mb-3">
|
|
<div class="card shadow-sm mb-3">
|
|
<div class="card-header">
|
|
<ul class="nav nav-tabs card-header-tabs">
|
|
<li class="nav-item">
|
|
<%= link_to "Home", "#home", class: class_string("nav-link", "active" => !params[:active_tab].present?), data: { toggle: "tab" } %>
|
|
</li>
|
|
<li class="nav-item">
|
|
<%= link_to "Files", "#files", class: class_string("nav-link", "active" => params[:active_tab] == "files"), data: { toggle: "tab" } %>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-body p-3">
|
|
<div class="tab-content">
|
|
<div class="<%= class_string("tab-pane fade show", "active" => !params[:active_tab].present?) %>" id="home">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<dl>
|
|
<%= description_list_pair_for @casting_call, :title, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :status, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :created_at, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :description, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :project_description, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :interview_instructions, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :interview_requirements, append: ":" %>
|
|
<%= description_list_pair_for @casting_call, :questions, append: ":" %>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="<%= class_string("tab-pane fade show", "active" => params[:active_tab] == 'files') %>" id="files">
|
|
<div class="tab-pane fade show active" id="files_casting_submission_<%= @casting_submission.id %>">
|
|
<%= render partial: 'casting_submissions/files_section', locals: { casting_submission: @casting_submission, files: @files } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|