148 lines
4.1 KiB
Plaintext
148 lines
4.1 KiB
Plaintext
<div class="i-member index-member-2 index-member-9">
|
|
<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-pic-wrap col-sm-3">
|
|
<a href="{{link_to_show}}" title="{{name}}">
|
|
<img class="i-member-pic img-thumbnail" src="{{image}}" title="{{name}}">
|
|
</a>
|
|
</div>
|
|
<div class="i-member-profile-data-wrap col-sm-9">
|
|
<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(' ','') == "")
|
|
$('.i-member span.member-data-value-name a').eq(i).html('noname');
|
|
}
|
|
function moveProfileItemsIntoPicWrap() {
|
|
$('.i-member-item').each(function () {
|
|
const $memberItem = $(this);
|
|
const $picWrap = $memberItem.find('.i-member-pic-wrap');
|
|
|
|
if (!$picWrap.length) return;
|
|
|
|
// ① 有姓名的 profile-item
|
|
const $nameProfileItem = $memberItem
|
|
.find('.i-member-profile-item')
|
|
.has('.member-data-value-name');
|
|
|
|
if ($nameProfileItem.length) {
|
|
$nameProfileItem.appendTo($picWrap);
|
|
}
|
|
|
|
// ② 只抓「本 i-member-item 中，包含 .member-data-title-8 的 profile-item」
|
|
const $title8ProfileItems = $memberItem
|
|
.find('.i-member-profile-item')
|
|
.has('.member-data-title-8');
|
|
|
|
// 避免重複移動
|
|
$title8ProfileItems.each(function () {
|
|
if (!$(this).closest('.i-member-pic-wrap').length) {
|
|
$(this).appendTo($picWrap);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
$(function () {
|
|
moveProfileItemsIntoPicWrap();
|
|
});
|
|
function removeEmptyMemberDetails() {
|
|
$('.i-member-item').each(function() {
|
|
// 在當前的 .i-member-item 中找到 .member-intro
|
|
var $memberIntro = $(this).find('.member-intro');
|
|
|
|
// 檢查 .member-intro 是否為空(去除空白後)
|
|
if ($.trim($memberIntro.text()) === '' && $memberIntro.children().length === 0) {
|
|
// 移除當前 .i-member-item 內的 .member-details
|
|
$(this).find('.member-details').remove();
|
|
}
|
|
});
|
|
}
|
|
$(document).ready(function() {
|
|
removeEmptyMemberDetails();
|
|
});
|
|
|
|
</script>
|
|
<style>
|
|
.member-data-title-5 {
|
|
display: none;
|
|
}
|
|
details.member-details {
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
q {
|
|
border: 3px solid #f29d4b;
|
|
border-radius: 20px;
|
|
padding: 0.4em;
|
|
display: inline-block;
|
|
margin-right: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
@media(max-width:480px){
|
|
|
|
}
|
|
}
|
|
.member-data-title-name {
|
|
display: none !important;
|
|
}
|
|
.i-member-title {
|
|
font-weight: bold;
|
|
color: #8b281f;
|
|
font-size: 1.2em;
|
|
display: block;
|
|
}
|
|
.i-member-profile-item{
|
|
@media(min-width:480px){
|
|
width: 50%;
|
|
float: left;
|
|
&:last-child{
|
|
width:100%;
|
|
|
|
}
|
|
}
|
|
}
|
|
.member-data-value-name{
|
|
font-weight: 700;
|
|
font-size: 1.5em;
|
|
}
|
|
.i-member-pic-wrap{
|
|
.i-member-profile-item{
|
|
margin-top: 1em;
|
|
@media(min-width:480px){
|
|
width: 100%;
|
|
float:none;
|
|
}
|
|
}
|
|
}
|
|
.i-member-profile-data-wrap.col-sm-9 {
|
|
background: #fff;
|
|
border-radius: 1em;
|
|
padding: 0.8em;
|
|
}
|
|
</style> |