<div id="archive_player" class="player"> </div> <div class="archive_detail_desc"> <div class="archive_detail_fl_nm item"> <h2 class="ttl" id="archiveFileName">FileName</h2> <span>{{fileName}}</span> </div> <div class="archive_detail_sv_date item"> <h2 class="ttl" id="archiveInsertDate">InsertDate</h2> <span>{{insertDate}}</span> </div> <div class="archive_detail_room_nm item"> <h2 class="ttl" id="archiveRoomName">ChatRoomName</h2> <span class="archive_chat_room">{{chatRoomName}}</span> <button id="joinChatRoom"> <img src="icon/icon_join_room.svg" alt="チャットルームへ"> </button> </div> <div class="archive_detail_sv_user item"> <h2 class="ttl" id="archiveSaveUser">SaveUser</h2> <div class="d-flex flex-row"> <div class="d-flex flex-column"> <img src="{{profileImage}}" alt="プロフィール画像" onclick="Namecard.makeNameCard({{userId}})"> <p>{{userName}}</p> </div> </div> </div> <div class="archive_detail_user_list item"> <h2 class="ttl" id="archiveAttendUser">AttendUser</h2> <ul class="d-flex flex-row" id="attendUser"> </ul> </div> </div>