From 5d53cc545d8b6d6c0a2b644fdeadf5c2ae765ec3 Mon Sep 17 00:00:00 2001
From: Konatsu <kona21.web@gmail.com>
Date: Thu, 8 Aug 2024 16:39:19 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=E3=83=97=E3=83=AD=E3=83=95=E3=82=A3?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E3=82=AB=E3=83=BC=E3=83=89=E5=91=A8=E3=82=8A?=
 =?UTF-8?q?=E3=82=92=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/develop/_layouts/two-column.html          |  2 +-
 src/develop/admin/user/field.html             | 60 +++++++++++++++++++
 src/develop/images/icons/facebook.svg         | 11 ++++
 src/develop/images/icons/github.svg           |  3 +
 src/develop/images/icons/x.svg                |  3 +
 src/develop/include/head/js.html              |  2 +-
 src/develop/include/parts/profile-card.html   | 20 -------
 .../include/user-profile/profile-card.html    | 37 ++++++++++++
 8 files changed, 116 insertions(+), 22 deletions(-)
 create mode 100644 src/develop/admin/user/field.html
 create mode 100644 src/develop/images/icons/facebook.svg
 create mode 100644 src/develop/images/icons/github.svg
 create mode 100644 src/develop/images/icons/x.svg
 delete mode 100644 src/develop/include/parts/profile-card.html
 create mode 100644 src/develop/include/user-profile/profile-card.html

diff --git a/src/develop/_layouts/two-column.html b/src/develop/_layouts/two-column.html
index 8161ec3..662f78f 100644
--- a/src/develop/_layouts/two-column.html
+++ b/src/develop/_layouts/two-column.html
@@ -89,7 +89,7 @@ <h2 class="sr-only">キーワード検索</h2>
           
           <section class="mt-8">
             <h2 class="mb-5 text-gray-800 font-bold">プロフィール</h2>
-            @include("/include/parts/profile-card.html")
+            @include("/include/user-profile/profile-card.html")
           </section>
           @endsection
         </div>
diff --git a/src/develop/admin/user/field.html b/src/develop/admin/user/field.html
new file mode 100644
index 0000000..626d684
--- /dev/null
+++ b/src/develop/admin/user/field.html
@@ -0,0 +1,60 @@
+<h3 class="acms-admin-admin-title2">プロフィール</h3>
+<table class="adminTable acms-admin-table-admin-edit">
+  <tr>
+    <th><label for="input-text-position">所属</label><i data-acms-tooltip="ユーザーが所属する部署などです。" class="acms-admin-icon-tooltip js-acms-tooltip-hover"></i></th>
+    <td>
+      <input type="text" name="position" value="{position}" size="30" id="input-text-position">
+      <input type="hidden" name="field[]" value="position">
+    </td>
+  </tr>
+  <tr>
+    <th><label for="input-text-user_title">肩書き</label><i data-acms-tooltip="ユーザーの肩書きです。" class="acms-admin-icon-tooltip js-acms-tooltip-hover"></i></th>
+    <td>
+      <input type="text" name="user_title" value="{user_title}" size="30" id="input-text-user_title">
+      <input type="hidden" name="field[]" value="user_title">
+    </td>
+  </tr>
+  <tr>
+    <th>画像
+      <i class="acms-admin-icon-tooltip js-acms-tooltip" data-acms-tooltip="ユーザーの画像です。"></i>
+    </th>
+    <td class="js-media-field">
+      <div class="js-droparea" data-thumbnail="{image@thumbnail}" data-type="image" style="width:200px"></div>
+      <p class="js-text acms-admin-text-danger" style="display:none">許可されていないファイルのため挿入できません。</p>
+      <div class="acms-admin-margin-top-mini">
+        <button type="button" class="js-insert acms-admin-btn" data-type="image">メディアを選択</button>
+      </div>
+      <input type="hidden" name="image" value="{image}" class="js-value">
+      <input type="hidden" name="field[]" value="image">
+      <input type="hidden" name="image:extension" value="media">
+    </td>
+  </tr>
+  <tr>
+    <th><label for="input-text-image-alt">代替テキスト</label><i data-acms-tooltip="ユーザーが登録した画像に代替をつけることができます。" class="acms-admin-icon-tooltip js-acms-tooltip-hover"></i></th>
+    <td>
+      <input type="text" name="image@alt" value="{image@alt}" size="30" id="input-text-image-alt">
+      <input type="hidden" name="field[]" value="image@alt">
+    </td>
+  </tr>
+  <tr>
+    <th><label for="input-text-x_twitter">X（旧Twitter）</label><i data-acms-tooltip="X（旧Twitter）のユーザページのURLを設定します。" class="acms-admin-icon-tooltip js-acms-tooltip-hover"></i></th>
+    <td>
+      <input type="text" name="x_twitter" value="{x_twitter}" size="50" id="input-text-x_twitter">
+      <input type="hidden" name="field[]" value="x_twitter">
+    </td>
+  </tr>
+  <tr>
+    <th><label for="input-text-facebook">Facebook</label><i data-acms-tooltip="FacebookのユーザページのURLを設定します。" class="acms-admin-icon-tooltip js-acms-tooltip-hover"></i></th>
+    <td>
+      <input type="text" name="facebook" value="{facebook}" size="50" id="input-text-facebook">
+      <input type="hidden" name="field[]" value="facebook">
+    </td>
+  </tr>
+  <tr>
+    <th><label for="input-text-github">Github</label><i data-acms-tooltip="GithubのプロフィールページのURLを設定します。" class="acms-admin-icon-tooltip js-acms-tooltip-hover"></i></th>
+    <td>
+      <input type="text" name="github" value="{github}" size="50" id="input-text-github">
+      <input type="hidden" name="field[]" value="github">
+    </td>
+  </tr>
+</table>
diff --git a/src/develop/images/icons/facebook.svg b/src/develop/images/icons/facebook.svg
new file mode 100644
index 0000000..29a684f
--- /dev/null
+++ b/src/develop/images/icons/facebook.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3329_4)">
+<path d="M24 12C24 5.37264 18.6274 0 12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12H24Z" fill="#0866FF"/>
+<path d="M16.7002 15.6672L17.3737 12H13.454V10.703C13.454 8.76526 14.2143 8.01982 16.1818 8.01982C16.7929 8.01982 17.2849 8.0347 17.5681 8.06446V4.74046C17.0314 4.59118 15.7196 4.44238 14.9593 4.44238C10.9493 4.44238 9.10087 6.3355 9.10087 10.4198V12H6.62646V15.6672H9.10087V23.6467C10.0292 23.8771 11.0002 24 11.9996 24C12.4916 24 12.9769 23.9697 13.4535 23.9121V15.6672H16.6997H16.7002Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3329_4">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/develop/images/icons/github.svg b/src/develop/images/icons/github.svg
new file mode 100644
index 0000000..0a4d654
--- /dev/null
+++ b/src/develop/images/icons/github.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9642 0C5.34833 0 0 5.38776 0 12.0531C0 17.3811 3.42686 21.8912 8.18082 23.4874C8.77518 23.6074 8.9929 23.2281 8.9929 22.909C8.9929 22.6296 8.97331 21.6718 8.97331 20.6738C5.64514 21.3923 4.95208 19.237 4.95208 19.237C4.41722 17.8401 3.62473 17.4811 3.62473 17.4811C2.53543 16.7427 3.70408 16.7427 3.70408 16.7427C4.91241 16.8225 5.54645 17.9799 5.54645 17.9799C6.61592 19.8157 8.33927 19.297 9.03257 18.9776C9.13151 18.1993 9.44865 17.6606 9.78539 17.3613C7.13094 17.0819 4.33812 16.0442 4.33812 11.4144C4.33812 10.0974 4.81322 9.01984 5.56604 8.1818C5.44727 7.88253 5.03118 6.64506 5.68506 4.98882C5.68506 4.98882 6.69527 4.66947 8.97306 6.22604C9.94827 5.9622 10.954 5.82799 11.9642 5.82686C12.9744 5.82686 14.0042 5.96669 14.9552 6.22604C17.2332 4.66947 18.2434 4.98882 18.2434 4.98882C18.8973 6.64506 18.481 7.88253 18.3622 8.1818C19.1349 9.01984 19.5904 10.0974 19.5904 11.4144C19.5904 16.0442 16.7976 17.0618 14.1233 17.3613C14.5592 17.7404 14.9353 18.4587 14.9353 19.5962C14.9353 21.2126 14.9158 22.5098 14.9158 22.9087C14.9158 23.2281 15.1337 23.6074 15.7278 23.4877C20.4818 21.8909 23.9087 17.3811 23.9087 12.0531C23.9282 5.38776 18.5603 0 11.9642 0Z" fill="#24292F"/>
+</svg>
diff --git a/src/develop/images/icons/x.svg b/src/develop/images/icons/x.svg
new file mode 100644
index 0000000..beeee68
--- /dev/null
+++ b/src/develop/images/icons/x.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5222 10.9238L19.4785 4H18.0671L12.8952 10.0118L8.76437 4H4L10.2466 13.0909L4 20.3516H5.41155L10.8732 14.0029L15.2356 20.3516H20L13.5218 10.9238H13.5222ZM11.5889 13.171L10.956 12.2658L5.92015 5.06259H8.0882L12.1522 10.8758L12.7851 11.7811L18.0677 19.3373H15.8997L11.5889 13.1714V13.171Z" fill="black"/>
+</svg>
diff --git a/src/develop/include/head/js.html b/src/develop/include/head/js.html
index 2720385..9d2acc3 100755
--- a/src/develop/include/head/js.html
+++ b/src/develop/include/head/js.html
@@ -4,7 +4,7 @@
 <script src="%{JS_LIB_JQUERY_DIR}jquery-%{JS_LIB_JQUERY_DIR_VERSION}.min.js" charset="UTF-8"></script><!-- BEGIN_MODULE Js -->
 <script src="/acms.js{arguments}" charset="UTF-8" id="acms-js"></script><!-- END_MODULE Js -->
 <!-- END_MODULE Touch_SessionWithContribution -->
-<!-- <script src="https://unpkg.com/htmx.org@2.0.1" integrity="sha384-QWGpdj554B4ETpJJC9z+ZHJcA/i59TyjxEPXiiUgN2WmTyV5OEZWCD6gQhgkdpB/" crossorigin="anonymous"></script> -->
+<script src="https://unpkg.com/htmx.org@2.0.1" integrity="sha384-QWGpdj554B4ETpJJC9z+ZHJcA/i59TyjxEPXiiUgN2WmTyV5OEZWCD6gQhgkdpB/" crossorigin="anonymous"></script>
 <!-- BEGIN_MODULE Vite -->
 <!-- BEGIN_IF [{useDevServer}/eq/1] -->
 <script type="module" src="{devServerUrl}/@vite/client"></script>
diff --git a/src/develop/include/parts/profile-card.html b/src/develop/include/parts/profile-card.html
deleted file mode 100644
index 656d4a1..0000000
--- a/src/develop/include/parts/profile-card.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="w-full mt-3 border border-gray-200 rounded-lg shadow-sm">
-  <div class="flex flex-col items-center justify-center p-5">
-    <img class="w-32 h-32 mb-6 rounded-full" src="https://cdn.devdojo.com/images/june2021/headshot2.jpg">
-    <h2 class="text-gray-800 text-lg font-medium">John Doe</h2>
-    <p class="font-medium text-blue-500">CEO and Founder</p>
-    <p class="text-gray-400">Team member as of 2015
-  </div>
-
-  <div class="flex border-t border-gray-200 divide-x divide-gray-200">
-    <a href="#_" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="w-6 h-6 mx-auto" aria-hidden="true"><!-- !Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
-    </a>
-    <a href="#_" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
-      <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mx-auto fill-current" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /></svg>
-    </a>
-    <a href="#_" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
-      <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mx-auto fill-current" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
-    </a>
-  </div>
-</div>
diff --git a/src/develop/include/user-profile/profile-card.html b/src/develop/include/user-profile/profile-card.html
new file mode 100644
index 0000000..343cc43
--- /dev/null
+++ b/src/develop/include/user-profile/profile-card.html
@@ -0,0 +1,37 @@
+<!-- BEGIN_MODULE User_Profile id="" -->
+<!-- BEGIN user:loop -->
+<div class="w-full mt-3 border border-gray-200 rounded-lg shadow-sm">
+  <div class="flex flex-col items-center justify-center p-5">
+    <!-- BEGIN_IF [{image@path}/nem] -->
+    <img class="w-32 h-32 mb-6 rounded-full" src="%{MEDIA_ARCHIVES_DIR}{image@path}" alt="{image@alt}">
+    <!-- ELSE_IF [{icon}/nem] -->
+    <img class="w-32 h-32 mb-6 rounded-full" src="%{ARCHIVES_DIR}{icon}" alt="">
+    <!-- END_IF -->
+
+    <h2 class="text-indigo-500 text-lg font-bold">{name}</h2><!-- BEGIN position:veil -->
+    <p class="text-gray-800">{position}</p><!-- END position:veil --><!-- BEGIN title:veil -->
+    <p class="text-gray-800">{user_title}</p><!-- END title:veil -->
+  </div>
+
+  <!-- BEGIN sns:veil -->
+  <div class="flex border-t border-gray-200 divide-x divide-gray-200">
+    <!-- BEGIN x_twitter:veil -->
+    <a href="{x_twitter}" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
+      <img src="/images/icons/x.svg" alt="" class="w-6 h-6 mx-auto">
+    </a>
+    <!-- END x_twitter:veil -->
+    <!-- BEGIN facebook:veil -->
+    <a href="{facebook}" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
+      <img src="/images/icons/facebook.svg" alt="" class="w-6 h-6 mx-auto">
+    </a>
+    <!-- END facebook:veil -->
+    <!-- BEGIN github:veil -->
+    <a href="{github}" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
+      <img src="/images/icons/github.svg" alt="" class="w-6 h-6 mx-auto">
+    </a>
+    <!-- END github:veil -->
+  </div>
+  <!-- END sns:veil -->
+</div>
+<!-- END user:loop -->
+<!-- END_MODULE User_Profile -->
\ No newline at end of file