<div class="modal-dialog"> <div class="modal-content floatOverFlow"> <div class="modalProfileLeftBox"> <div class="modalUserPhoto spacer30"> <% if(User.photo){%> <img src="/files/user/photo/<%= User.photo_dir %>/lesson_view_<%= User.photo %>" alt="" width="100" height="100" /> <% }else{ %> <img src="https://dummyimage.com/100x100/e6e6e6/fff.gif&amp;text=no+image" width="100" height="100"> <% } %> <div class="badgeCountField text-center"> <i class="icon-badge"></i> <span class="BadgeCount"> <%= countBadge %> </span> <!-- /.badgeCountField --></div> <!-- /.modalProfileLeftBox --></div> <div class="modalToolType spacer20"> <ul> <li class="<% if(User.facebook_id !=0) { %>authoricated<% } %>"> <span>Facebook</span> </li> <li class="<% if(User.is_email_confirmed) { %>authoricated<% } %>"> <span>Mail</span> </li> <li class="<% if(false) { %>authoricated<% } %>"> <span>電話番号</span> </li> <li class="<% if(Message.length > 0) { %>authoricated<% } %>"> <span>レビュー</span> </li> </ul> <!-- /.modalAuthType .spacer30 --></div> <!-- /.modalProfileLeftBox --></div> <div class="modalProfileRightBox"> <div class="spacer30"> <ul class="list-inline sexArea"> <li> <% if(0 === User.sex || 1 === User.sex || 2 === User.sex ){ %> <img src="/img/layout/icon-<% if(User.sex==0){ %>male<% }else if(User.sex==1){ %>female<% } %>-s.png" alt="" width="20" class="buret marker" /> <% } %> <% if(User.nickname){%> <%= User.nickname %> <% }else if(User.family_name){ %> <%= User.family_name %> <%= User.first_name %> <% }else{ %> NO NAME <% } %> </li> <% if(ArrayPrefecture.title){%> <li> <span> <img src="/img/layout/icon-location-s.png" alt="" width="20" class="buret marker" /> <%= ArrayPrefecture.title%> </span> </li> <% } %> </ul> <!-- /.spacer50 --></div> <div class="spacer20"> <ul class="list-inline modalMediaImg"> <li> <% if(User.facebook_page_url) { %> <a rel="nofollow" href="<%= User.facebook_page_url%>"> <img src="/img/layout/img_modal_fb-on.png" width="37" /> </a> <% }else{ %> <img src="/img/layout/img_modal_fb-off.png" width="37" /> <% } %> </li> <li> <% if(User.twitter_user_name) { %> <a rel="nofollow" href="https://twitter.com/<%= User.twitter_user_name%>"> <img src="/img/layout/img_modal_twitter-on.png" width="37" /> </a> <% }else{ %> <img src="/img/layout/img_modal_twitter-off.png" width="37" /> <% } %> </li> <li> <% if(User.hp_url) { %> <a rel="nofollow" href="<%= User.hp_url%>"> <img src="/img/layout/img_modal_hp-on.png" width="38" /> </a> <% }else{ %> <img src="/img/layout/img_modal_hp-off.png" width="38" /> <% } %> </li> <li class="imgBasePad"> <% if(User.base_shop_url) { %> <a rel="nofollow" href="<%= User.base_shop_url %>" target="_blank"> <img src="/img/layout/logo_base_l.png" width="66" /> </a> <% } %> </li> </ul> <!-- /.spacer20 --></div> <div class="txtArea text-left spacer20"> <p class="selfIntroduction"> <%= User.self_introduction %> </p> <!-- /.txtArea.spacer20 --></div> <div class="text-center spacer20"> <a class="btnType1 color2 modalMessageBtn" href="#"> <img src="/img/layout/icon-email.png" alt="" width="24" class="buret marker"> メッセージを送る </a> <!-- /.text-center.spacer20 --></div> <div class="text-center spacer10"> <a class="btnType1 colorBlue modalSupportBtn" href="#"> <img src="/img/layout/icon-skull01.png" alt="" width="22" class="buret marker"> サポートに通報する </a> <!-- /.text-center.spacer10 --></div> <!-- /.clearfix --></div> <!-- /.modal-content .floatOverFlow --></div> <!-- /.modal-dialog --></div>