98 lines
3.8 KiB
Plaintext
98 lines
3.8 KiB
Plaintext
<div class="i-member index-member-9">
|
||
<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-pic-wrap col-sm-12">
|
||
<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-12">
|
||
<div class="i-member-profile-list" data-list="profile_data" data-level="3">
|
||
<div class="i-member-profile-item">
|
||
<span class="i-member-title {{title_class}}">{{title}}</span>
|
||
<span class="i-member-value {{value_class}}">{{value}}</span>
|
||
</div>
|
||
</div>
|
||
</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 () {
|
||
$('.i-member-item').each(function () {
|
||
var $root = $(this);
|
||
|
||
// 找到該 member 區塊內所有 profile item（只限自己的區塊）
|
||
var $profileItems = $root.find('.i-member-profile-item');
|
||
|
||
// 1) titlesection：包含 member-data-value-1 或 member-data-value-name 的項目
|
||
var $titleItems = $profileItems.filter(function () {
|
||
return $(this).find('.member-data-value-1, .member-data-value-name').length > 0
|
||
&& $(this).closest('.titlesection').length === 0;
|
||
});
|
||
|
||
if ($titleItems.length) {
|
||
$titleItems.wrapAll('<div class="titlesection"></div>');
|
||
}
|
||
|
||
// 取得當前區塊的 titlesection 參考
|
||
var $titleSection = $root.find('.titlesection').first();
|
||
|
||
// 2) infosection：包含 mobile-no、fax、office-tel 或 email
|
||
var $infoItems = $profileItems.filter(function () {
|
||
return $(this).find('.member-data-value-mobile-no, .member-data-value-fax, .member-data-value-office-tel, .member-data-value-email').length > 0
|
||
&& $(this).closest('.infosection').length === 0;
|
||
});
|
||
|
||
if ($infoItems.length) {
|
||
$infoItems.wrapAll('<div class="infosection"></div>');
|
||
}
|
||
// 3) deputy class：在該 member 區塊內，含 member-data-value-3 的 i-member-profile-item 加上 class
|
||
$profileItems.filter(function () {
|
||
return $(this).find('.member-data-value-3').length > 0;
|
||
}).addClass('deputy');
|
||
|
||
// 4) 修改部分：含 member-data-value-2 的項目移動到 .titlesection 內的第一個位置
|
||
var $deputyItem = $profileItems.filter(function () {
|
||
return $(this).find('.member-data-value-2').length > 0;
|
||
});
|
||
|
||
if ($deputyItem.length && $titleSection.length) {
|
||
// 使用 prependTo 移至 titlesection 的最前方
|
||
$deputyItem.prependTo($titleSection);
|
||
}
|
||
|
||
// 5) 只移動當前 i-member-item 裡的 infosection 到 titlesection 裡
|
||
var $infoSection = $root.find('.infosection');
|
||
|
||
if ($titleSection.length && $infoSection.length) {
|
||
$infoSection.appendTo($titleSection);
|
||
}
|
||
|
||
});
|
||
});
|
||
|
||
|
||
</script> |