<div class="modal fade profile_modal" id="userNameCard" tabindex="-1" role="dialog" aria-labelledby="userNameCard" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content-wrap d-flex align-items-center m-auto" style="width:100%;"> <div class="modal-content"> <div class="modal-header border-0" style="display: block;"> <div class="profile_desc_ d-flex flex-row" style="align-items: flex-start;"> <img src="{{profileUrl}}" onError="this.src='./img/noImage.png'" /> <div class="profile_name d-flex justify-content-center align-items-center" style="width: 75%;"> <span style="overflow-wrap: break-word; width: 100%;">{{name}}</span></div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" style="font-size:40px;">×</span> </button> </div> </div> <div class="modal-body" id="userNameCard-scroll"> {{#groupPathList}} <li onclick="Namecard.moveContactPage({{groupId}});"><b>{{groupPath}}</b></li> {{/groupPathList}} </div> <div class="modal-footer border-0 justify-content-center"> <button type="button" class="border-0" id="favoriteButton"> <div class="d-flex flex-column"> {{#isFavorite}} <span class="star active shopmember_{{shopMemberId}}" onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span> <span>お気に入り解除</span> {{/isFavorite}} {{^isFavorite}} <span class="star disable shopmember_{{shopMemberId}}" onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span> <span>お気に入り登録</span> {{/isFavorite}} </div> </button> <button type="button" class="border-0" onclick="Namecard.startVoice('{{shopMemberId}}','{{name}}');"> <div class="d-flex flex-column"> <div class="img_wrap"> <img src="icon/icon_profile_phone.svg" alt="通話"> </div> <span>通話</span> </div> </button> <button type="button" class="border-0" onclick="Namecard.startChat('{{shopMemberId}}','{{name}}');"> <div class="d-flex flex-column"> <div class="img_wrap"> <img src="icon/icon_profile_chat.svg" alt="チャット"> </div> <span>チャット</span> </div> </button> </div> </div> </div> </div> </div>