DB restructure, print page
This commit is contained in:
Jason Jordan
@@ -1,17 +1,20 @@
|
||||
<div class="bg-deepcove text-platinum h-full w-full flex flex-col">
|
||||
<%= link_to employers_path, class: "flex h-10 w-10 text-xl transition duration-100" do %>
|
||||
<%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-full text-center text-bluemana hover:text-bronze" %>
|
||||
<% end %>
|
||||
<div class="flex w-full items-center space-x-4">
|
||||
<h1 class="font-bold text-4xl text-platinum my-5"><%= @employer.name %></h1>
|
||||
<div class="h-[50px] max-w-[200px]">
|
||||
<% if @employer&.id_card_setup&.id_card_employer_logo&.filename %>
|
||||
<%= image_tag image_id_card_employer_logo_path(@employer.id_card_setup.id_card_employer_logo.filename), class: "max-h-[50px] object-contain shadow-[0_0_10px_3px_#93c5fd]" %>
|
||||
<% if @employer&.id_card_configuration&.employer_logo&.filename %>
|
||||
<%= image_tag image_id_card_employer_logo_path(@employer.id_card_configuration.employer_logo.id), class: "max-h-[50px] object-contain shadow-[0_0_10px_3px_#93c5fd]" %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex space-x-6">
|
||||
<div class="flex flex-col space-y-1 w-1/3">
|
||||
<div class="flex flex-col space-y-1 w-1/4">
|
||||
<div class="w-full flex items-center">
|
||||
<h3 class="grow-0 font-bold text-2xl text-bluemana">Employer Information</h3>
|
||||
<div class="h-[1px] grow mt-2 bg-bluemana"></div>
|
||||
<h3 class="flex-none font-bold text-2xl text-bluemana">Employer Information</h3>
|
||||
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-1 ml-4">
|
||||
<p class="text-<%="#{@employer.active == false ? "brightlava" : "limegreen"}" %>">
|
||||
@@ -23,7 +26,7 @@
|
||||
<%= @employer.effective_date %>
|
||||
</p>
|
||||
<div>
|
||||
<strong class="text-atmosphere mr-2">└── Key Chain</strong>
|
||||
<strong class="text-bluemana mr-2">└── Key Chain</strong>
|
||||
</div>
|
||||
<% @employer.attributes.with_indifferent_access.slice(:pl_plan_key, :company_pb_entity_key, :group_number).each do |attribute_name, attribute_value| %>
|
||||
<p class="ml-9 text-<%="#{attribute_value.present? ? "limegreen" : "brightlava"}" %>">
|
||||
@@ -31,11 +34,11 @@
|
||||
<%= attribute_value.present? ? attribute_value.to_s : "waiting" %>
|
||||
</p>
|
||||
<% end %>
|
||||
<% if @employer&.id_card_setup&.id_card_plans %>
|
||||
<% if @employer&.id_card_configuration&.plans.present? %>
|
||||
<div>
|
||||
<strong class="text-atmosphere mr-2">└── Plans</strong>
|
||||
</div>
|
||||
<% @employer.id_card_setup.id_card_plans.pluck(:title, :pb_product_key).each do |plan| %>
|
||||
<% @employer.id_card_configuration.plans.pluck(:title, :pb_product_key).each do |plan| %>
|
||||
<div class="ml-9">
|
||||
├── <%= plan.first %>
|
||||
</div>
|
||||
@@ -45,24 +48,76 @@
|
||||
</p>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="w-full flex items-center space-x-2 mt-10 ml-14">
|
||||
<%= link_to 'Edit', edit_employer_path(@employer.slug), class: "hover:text-atmosphere" %>
|
||||
<p>|</p>
|
||||
<%= link_to 'Back', employers_path, class: "hover:text-atmosphere" %>
|
||||
<div class="w-full flex items-end mt-10">
|
||||
<%= link_to 'Edit Employer', edit_employer_path(@employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-brightlava hover:bg-deepcove border-2 border-brightlava text-platinum text-lg font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-6 w-1/3">
|
||||
<div class="w-full flex items-center">
|
||||
<h3 class="font-bold text-2xl text-bluemana">ID Card Actions</h3>
|
||||
<div class="h-[1px] w-2/3 mt-2 bg-bluemana"></div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y w-[23%]">
|
||||
<% module_color = IdCard::Configuration::MODULE_COLOR %>
|
||||
<div class="w-full flex flex-none items-center justify-between">
|
||||
<h3 class="flex-none font-bold text-2xl text-<%= module_color %>">ID Card Module</h3>
|
||||
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
|
||||
</div>
|
||||
<%= link_to "Setup", new_id_card_setup_path(employer: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-2/3 cursor-pointer bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-<%= module_color %> rounded-xl pl-2 pb-2">
|
||||
<% if @employer.id_card_enabled? %>
|
||||
<div class="grow-1 flex flex-col items-center w-full">
|
||||
<div class="w-full flex flex-col items-center my-3">
|
||||
<div class="font-bold text-lg text-bronze">
|
||||
Setup
|
||||
</div>
|
||||
<span class="block w-full h-0.5 bg-copper mt-[-4]"></span>
|
||||
</div>
|
||||
<div class="flex flex-col items-center space-y-6 w-full">
|
||||
<%= link_to "General", general_employer_id_card_configuration_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to "Plans", plans_employer_id_card_configuration_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Exceptions (Optional)', field_exceptions_employer_id_card_configuration_index_path(employer_id: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grow-1 flex flex-col items-center w-full">
|
||||
<div class="w-full flex flex-col items-center my-3">
|
||||
<div class="font-bold text-lg text-bronze">
|
||||
Actions
|
||||
</div>
|
||||
<span class="block w-full h-0.5 bg-copper mt-[-4]"></span>
|
||||
</div>
|
||||
<div class="flex flex-col items-center space-y-6 w-full">
|
||||
<%= link_to 'Generate Sample Cards', generate_sample_id_card_print_data_path(employer_slug: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Generate Group Cards (for print)', generate_print_id_card_print_data_path(employer_slug: @employer.slug ),data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Generate Group Cards (for display)', generate_mobile_display_id_card_print_data_path(employer_slug: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Generate Group Cards (for download)', generate_full_page_id_card_print_data_path(employer_slug: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-full #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-#{module_color} hover:bg-deepcove border-2 border-#{module_color} text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
</div>
|
||||
</div>
|
||||
<% else %>
|
||||
<%= link_to "Enable ID Card", general_employer_id_card_configuration_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-#{module_color} hover:bg-deepcove border-4 border-atmosphere text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100" %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y w-[23%]">
|
||||
<div class="w-full flex items-center">
|
||||
<h3 class="flex-none font-bold text-2xl text-cobalt-vivid">Claims Check Module</h3>
|
||||
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
|
||||
</div>
|
||||
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-cobalt-vivid rounded-xl pl-2 pb-2">
|
||||
<% if @employer.claims_check_enabled? %>
|
||||
|
||||
<%= link_to 'Generate Sample Cards', generate_sample_id_card_print_data_path(employer_slug: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-2/3 cursor-pointer bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Generate Group Cards (for print)', generate_print_id_card_print_data_path(employer_slug: @employer.slug ),data: { turbo: false }, class: "flex justify-center items-center w-2/3 #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Generate Group Cards (for display)', generate_mobile_display_id_card_print_data_path(employer_slug: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-2/3 #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<%= link_to 'Generate Group Cards (for download)', generate_full_page_id_card_print_data_path(employer_slug: @employer.slug ), data: { turbo: false }, class: "flex justify-center items-center w-2/3 #{@employer.active ? "" : "pointer-events-none opacity-50 cursor-not-allowed"} bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-lg h-10 transition duration-100" %>
|
||||
<% else %>
|
||||
<%= link_to "Enable Claims Check", general_employer_id_card_configuration_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-cobalt-vivid hover:bg-deepcove border-4 border-cobalt-vivid text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100" %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col space-y w-[23%]">
|
||||
<div class="w-full flex items-center">
|
||||
<h3 class="flex-none font-bold text-2xl text-verdigris-vivid">FairosRx Eligibility Module</h3>
|
||||
<div class="grow h-[1px] mt-2 ml-1 bg-bronze"></div>
|
||||
</div>
|
||||
<div class="grow flex flex-col w-full border-l-4 border-b-4 border-verdigris-vivid rounded-xl pl-2 pb-2">
|
||||
<% if @employer.claims_check_enabled? %>
|
||||
|
||||
<% else %>
|
||||
<%= link_to "Enable FairosRx Eligibility", general_employer_id_card_configuration_index_path(employer_id: @employer.slug), data: { turbo: false }, class: "flex justify-center items-center w-full h-full cursor-pointer bg-verdigris-vivid hover:bg-deepcove border-4 border-verdigris-vivid text-platinum text-xl font-bold px-3 rounded-md mt-3 transition duration-100" %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user