horizon1_nfuim/modules/member/member_index11.html.erb

91 lines
2.4 KiB
Plaintext

<div class="i-member index-member-11">
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<div data-list="roles" data-level="0">
<div class="i-member-section">
<div data-level="1" data-list="status-list">
<h3 class="i-member-status-title">{{status-title}}</h3>
<div class="i-member-list" data-level="2" data-list="members">
<div class="i-member-item row">
<div class="i-member-item-inner clearfix">
<div class="i-member-profile-data-wrap">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span>
<span class="i-member-value {{value_class}}">{{value}}</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{pagination_goes_here}}
<script>
for(var i = 0;i < $('.i-member img').length ; i++){
if($('.i-member img').eq(i).attr('alt')=="" ){
$('.i-member img').eq(i).attr('alt','noname');
$('.i-member img').eq(i).attr('title','noname');
$('.i-member img').eq(i).parent().attr('title','noname');
}
}
for(var i = 0;i < $('.i-member span.member-data-value-name a').length ; i++){
if($('.i-member span.member-data-value-name a').eq(i).html().trim().replace('&nbsp;','') == "")
$('.i-member span.member-data-value-name a').eq(i).html('noname');
}
</script>
<style>
.i-member-profile-item{
border-top: 1px solid #ddd;
}
.i-member-title{
background-color: #d5e5fa;
display: inline-block;
padding: 8px;
text-align: center;
width: 40%;
}
.member-data-title-name {
display: none;
}
.member-data-value-name{
width:100%!important;
background-color: #024897;
display: inline-block;
width: 100%;
padding: 8px;
color: #fff;
font-size: 1.5em;
a {
color: #fff;
}
}
.i-member-item-inner{
border: 1px solid #000000;
background-color: #edf4fc;
width: 100%;
padding: 0;
}
ul.i-member-profile-list {
padding: 0;
margin: 0;
@media(max-width:768px){
overflow-x: scroll;
width: 100%;
}
}
.i-member-item {
margin-bottom: 1em;
}
span.i-member-value {
display: inline-block;
width: 60%;
padding: 8px;
}
.i-member-profile-item{
display: flex;
}
</style>