参加表の基礎実装

cloudnativedaysjp · May 1, 2024 · 02cf92a · 02cf92a
1 parent 5af35ec
commit 02cf92a
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 2 deletions.
diff --git a/app/controllers/profiles_controller.rb b/app/controllers/profiles_controller.rb
@@ -2,7 +2,7 @@ class ProfilesController < ApplicationController
   include Secured
 
   before_action :set_conference
-  before_action :set_current_profile, only: [:edit, :update, :destroy, :checkin]
+  before_action :set_current_profile, only: [:edit, :update, :destroy, :checkin, :entry_sheet]
   skip_before_action :logged_in_using_omniauth?, only: [:new]
   before_action :is_admin?, :find_profile, only: [:destroy_id, :set_role]
 
@@ -114,6 +114,8 @@ def checkin
     end
   end
 
+  def entry_sheet;end
+
   helper_method :profile_url
 
   private

diff --git a/app/javascript/stylesheets/_entry_sheet.scss b/app/javascript/stylesheets/_entry_sheet.scss
@@ -0,0 +1,39 @@
+.a8-container {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+  height: 100vh;
+  width: 100vw;
+}
+
+.a8 {
+  border: 1px solid black;
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: column;
+  align-items: center;
+  .logo-image{
+    margin-top: 3rem;
+  }
+  .profile {
+    display: inherit;
+    margin-top: 2rem;
+    flex-direction: row;
+    .qrcode{
+      display: inherit;
+      margin-right: 2rem;
+      flex-direction: column;
+    }
+    .detail{
+      display: inherit;
+      margin-left: 2rem;
+      flex-direction: column;
+    }
+  }
+}
+
+@media print {
+  .a8-container {
+    page-break-after: always; // コンテンツの後に改ページ
+  }
+}
diff --git a/app/javascript/stylesheets/cndt2023.scss b/app/javascript/stylesheets/cndt2023.scss
@@ -16,8 +16,9 @@
 @import "./_speaker_dashboard.scss";
 @import "./_event.scss";
 @import "./_checkin.scss";
+@import "./_entry_sheet.scss";
 @import "./_copy.scss";
 @import "./_contents.scss";
 @import "./cndt2023/_cndt2023.scss";
 // Import custom utilities
-@import "./cndt2023/_utilities.scss";
+@import "./cndt2023/_utilities.scss";
diff --git a/app/views/profiles/entry_sheet.html.erb b/app/views/profiles/entry_sheet.html.erb
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>EntrySheet</title>
+  </head>
+  <body>
+    <div class="a8-container">
+      <%= render 'profiles/partial_entry_sheet/up_left_cell'%>
+      <div class="a8">Content 2.1</div>
+      <div class="a8">Content 3</div>
+      <div class="a8">Content 4</div>
+    </div>
+  </body>
+</html>
+
diff --git a/app/views/profiles/partial_entry_sheet/_up_left_cell.html.erb b/app/views/profiles/partial_entry_sheet/_up_left_cell.html.erb
@@ -0,0 +1,16 @@
+<div class="a8">
+  <div class="logo-image">
+    <%= image_tag "cndt2023/header_logo.png", class: "img-fluid header_logo" %>
+  </div>
+  <div class="profile">
+    <div class="qrcode">
+      <img src=<%= "data:image/png;base64,#{@profile.qrcode_image}" %> />
+      <%= h("受付用QRコード") %>
+    </div>
+    <div class="detail">
+      <%= h("<Attendee>") %>
+      <%= image_tag @profile.public_profile.avatar_url(:small) %>
+      Name: <%= @profile.public_profile.nickname %>
+    </div>
+  </div>
+</div>
diff --git a/config/routes.rb b/config/routes.rb
@@ -147,6 +147,7 @@
     get 'profiles', to: 'profiles#edit'
     get 'profiles/edit', to: 'profiles#edit'
     get 'profiles/checkin', to: 'profiles#checkin'
+    get 'profiles/entry_sheet' => 'profiles#entry_sheet'
     resources :public_profiles