503 lines
22 KiB
JavaScript
503 lines
22 KiB
JavaScript
let urlPrefix = getUrlPrefix()
|
||
let browser = checkVersion()
|
||
let env = EnvCheck();
|
||
if (env == 'test') {
|
||
new VConsole();
|
||
}
|
||
// 封裝layer消息提醒框
|
||
let layerIndex
|
||
var langReplace;
|
||
var localLang;
|
||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||
layer.open({
|
||
type: 2,
|
||
shadeClose: false,
|
||
content,
|
||
success(e) {
|
||
layerIndex = $(e).attr('index')
|
||
}
|
||
})
|
||
}
|
||
const hideLoading = (index) => {
|
||
layer.close(index)
|
||
}
|
||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||
layer.open({
|
||
content,
|
||
time,
|
||
skin: 'msg'
|
||
})
|
||
}
|
||
var guildId = null; //公会ID
|
||
var applyQuitButtonFlag;
|
||
var roleTypes;
|
||
var searTime;
|
||
var guildNick;
|
||
var avatar;
|
||
var backgroundUrl;
|
||
var payoneer;
|
||
var usdt;
|
||
var payPal;
|
||
var familyMemberId;
|
||
var partitionId;
|
||
// 初始化函數
|
||
$(function () {
|
||
getInfoFromClient();
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
setTimeout(function () {
|
||
// 頁面全屏
|
||
if (browser.app) {
|
||
if (browser.android) {
|
||
window.androidJsObj.initShowNav(false)
|
||
} else {
|
||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||
}
|
||
};
|
||
// 頂部返回事件
|
||
$('.back img').click(() => {
|
||
if (browser.android) {
|
||
window.androidJsObj.closeWebView()
|
||
} else {
|
||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||
}
|
||
})
|
||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||
langReplace = window.lang.replace;
|
||
localLang = window.lang;
|
||
translateFun();
|
||
get();
|
||
}, 100)
|
||
})
|
||
function translateFun() {
|
||
if (getQueryString().lang == "tr") {
|
||
$('.headerBox .headerBox_in div .why').hide();
|
||
}
|
||
var langReplace = window.lang.replace;
|
||
var localLang = window.lang;
|
||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||
// $('.text2').text(langReplace(localLang.demoModule.text2));
|
||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||
$('.text16').attr('placeholder', langReplace(localLang.demoModule.text16));
|
||
$('.texts1').text(langReplace(localLang.demoModule.texts1));
|
||
$('.texts2').text(langReplace(localLang.demoModule.texts2));
|
||
$('.texts3').text(langReplace(localLang.demoModule.texts3));
|
||
$('.texts4').text(langReplace(localLang.demoModule.texts4));
|
||
$('.texts5').text(langReplace(localLang.demoModule.texts5));
|
||
$('.newtext1').text(langReplace(localLang.demoModule.newtext1));
|
||
$('.newtext2').text(langReplace(localLang.demoModule.newtext2));
|
||
$('.newtext3').text(langReplace(localLang.demoModule.newtext3));
|
||
$('.newtext4').text(langReplace(localLang.demoModule.newtext4));
|
||
$('.newtext5').text(langReplace(localLang.demoModule.newtext5));
|
||
$('.newtext6').text(langReplace(localLang.demoModule.newtext6));
|
||
$('.newtext7').text(langReplace(localLang.demoModule.newtext7));
|
||
$('.audit').text(langReplace(localLang.demoModule.audit));
|
||
$('.weeklyRewardsText1').text(langReplace(localLang.demoModule.weeklyRewardsText1));
|
||
// if (window.localStorage.getItem('partitionId') == 2) {
|
||
// $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
|
||
// } else if (window.localStorage.getItem('partitionId') == 8) {
|
||
// $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
|
||
// }
|
||
$('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
|
||
$('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
|
||
$('.Game_income').text(langReplace(localLang.demoModule.Game_income));
|
||
$('.Diamond_income').text(langReplace(localLang.demoModule.Diamond_income));
|
||
// $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
|
||
}
|
||
// 判断公会身份函数
|
||
function guildFun(type) {
|
||
// 公会长
|
||
if (type == 1) {
|
||
$('.guildList .top img').show()
|
||
$('.guildList .top input').show()
|
||
$('.header .headerBox .myWages').hide()
|
||
}
|
||
// 管理员
|
||
else if (type == 2) {
|
||
$('.header .headerBox .guildInfoSet').hide();
|
||
$('.header .headerBox .adminSet').hide();
|
||
$('.guildList .top input').show()
|
||
$('.memberFlow2').hide()
|
||
}
|
||
// 普通成员
|
||
else if (type == 3) {
|
||
$('.header .headerBox .guildInfoSet').hide();
|
||
$('.header .headerBox .adminSet').hide();
|
||
$('.header .headerBox .memberFlow').hide();
|
||
$('.header .memberFlowMy').show()
|
||
$('.header .guildNick').show()
|
||
$('.guildList .top input').show()
|
||
$('.memberFlow2').hide();
|
||
|
||
}
|
||
// 非公会成员
|
||
else {
|
||
}
|
||
}
|
||
// 配置接口
|
||
function get() {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/guild/get',
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
// 存储分区id partitionId
|
||
partitionId = res.data.partitionId;
|
||
window.localStorage.setItem('partitionId', res.data.partitionId);
|
||
if (partitionId == 8) {
|
||
$('.weeklyRewards').hide();
|
||
}
|
||
if (partitionId == 2) {
|
||
$('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
|
||
} else if (partitionId == 8) {
|
||
$('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
|
||
}
|
||
if(partitionId == 16){
|
||
$('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText6));
|
||
$('.headerBox .headerBox_in div .why').hide();
|
||
}else{
|
||
$('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
|
||
}
|
||
// 判断身份
|
||
roleTypes = res.data.roleType;
|
||
if (roleTypes == 1 && res.data.isReview == true) {
|
||
$('.audit').show();
|
||
}
|
||
// 退出公会标识 true-显示，false-关闭
|
||
applyQuitButtonFlag = res.data.applyQuitButtonFlag;
|
||
if (roleTypes !== 1 && applyQuitButtonFlag == true) {
|
||
$(".quitAgency").html(langReplace(localLang.demoModule.text18))
|
||
$(".quitAgency").show()
|
||
guildId = res.data.id;
|
||
}
|
||
guildFun(roleTypes);
|
||
if (res.data.wageEnable == false) {
|
||
$('.hmemberFlow2').hide()
|
||
$('.header .headerBox .myWages').hide()
|
||
}
|
||
$('.text2').text(res.data.name)
|
||
// 渲染贵族等级
|
||
var cycleDiamondWageLevel = res.data.cycleDiamondWageLevel;
|
||
$('.agencylevel .agencylevelInfo h3 b').text(cycleDiamondWageLevel.curLevel);
|
||
$('.agencylevel .agencylevelInfo h4 b').text(cycleDiamondWageLevel.nextLevelGap);
|
||
$('.agencylevel .agencylevelInfo .bottom div').eq(0).text(`${cycleDiamondWageLevel.curLevel}(${unitProcessingAr(cycleDiamondWageLevel.curLevelWage, 0)})`);
|
||
if (cycleDiamondWageLevel.nextLevelWage) {
|
||
$('.agencylevel .agencylevelInfo .bottom div').eq(1).text(`${cycleDiamondWageLevel.nextLevel}(${unitProcessingAr(cycleDiamondWageLevel.nextLevelWage, 0)})`);
|
||
$('.agencylevel .agencylevelInfo .line .line_in').css('width', (cycleDiamondWageLevel.curDiamond - cycleDiamondWageLevel.curLevelWage) / (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.curLevelWage) * 100 + '%')
|
||
} else {
|
||
$('.agencylevel .agencylevelInfo .bottom div').eq(1).hide();
|
||
$('.agencylevel .agencylevelInfo .line .line_in').css('width', '100%')
|
||
}
|
||
res.data.authCodes.forEach((res) => {
|
||
console.log(res);
|
||
if (res == 'set_info') {
|
||
$('.guildInfoSet').show();
|
||
}
|
||
if (res == 'set_manager') {
|
||
$('.adminSet').show();
|
||
}
|
||
if (res == 'look_income') {
|
||
$('.memberFlow').show();
|
||
}
|
||
if (res == 'guild_usd_account') {
|
||
$('.memberFlow2').show();
|
||
}
|
||
})
|
||
// 渲染基本信息
|
||
$('.header .tx').attr('src', res.data.avatar);
|
||
$('.header .nick').text(res.data.name);
|
||
guildNick = res.data.name;
|
||
avatar = res.data.avatar;
|
||
backgroundUrl = res.data.backgroundUrl;
|
||
if (res.data.payAccount) {
|
||
payoneer = res.data.payAccount.payoneer;
|
||
usdt = res.data.payAccount.usdt;
|
||
payPal = res.data.payAccount.payPal;
|
||
}
|
||
familyMemberId = res.data.familyMemberId;
|
||
$('.header .id').text('ID：' + res.data.owner.erbanNo);
|
||
$('.header').css({ "background": `url(${res.data.backgroundUrl}) no-repeat`, "background-size": "cover" });
|
||
$('.header .guildNick').text(langReplace(localLang.demoModule.text11) + res.data.name);
|
||
// 处理成员
|
||
var str = '';
|
||
$('.guildList .top i').text(`(${res.data.members.length})`);
|
||
$('.guildList ul li').remove();
|
||
|
||
// 公会长、管理员可以删除公会其他普通成员
|
||
res.data.members.forEach((res, i) => {
|
||
str += `
|
||
<li>
|
||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||
<div class="user">
|
||
<p>${res.nick}</p>
|
||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||
<img src="${res.userLevel.experUrl}" alt="" class="wealth">
|
||
<img src="${res.userLevel.charmUrl}" alt="" class="charm">
|
||
<b>ID:${res.erbanNo}</b>
|
||
</div>
|
||
${roleTypes == 1 && res.roleType != 1 ? `<div uid=${res.uid} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 && applyQuitButtonFlag == true ? `<div uid=${res.uid} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid} class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
|
||
|
||
</li >
|
||
`
|
||
});
|
||
$('.guildList ul').append(str);
|
||
// 渲染周奖励
|
||
// if (res.data.weekLevelReward.dateRange && res.data.weekLevelReward.itemList[0]) {
|
||
// $('.weeklyRewards .weeklyRewards_in .box .left span').text(unitProcessingAr(res.data.weekLevelReward.itemList[0].rewardNum, 2));
|
||
// $('.weeklyRewards .weeklyRewards_in .box .right .textTop .l b').text(res.data.weekLevelReward.itemList[0].level);
|
||
// $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b1').text(res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum);
|
||
// $('.weeklyRewards .weeklyRewards_in .box .right .textTop .r .b2').text(res.data.weekLevelReward.itemList[0].maxNum);
|
||
// $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress span').text(res.data.weekLevelReward.itemList[0].preMaxNum);
|
||
// $('.weeklyRewards .weeklyRewards_in .box .right .speedOfProgress b').text(res.data.weekLevelReward.itemList[0].maxNum);
|
||
// var widthVal = ((res.data.weekLevelReward.itemList[0].processNum + res.data.weekLevelReward.itemList[0].preMaxNum) - (res.data.weekLevelReward.itemList[0].preMaxNum)) / (res.data.weekLevelReward.itemList[0].maxNum - res.data.weekLevelReward.itemList[0].preMaxNum) * 100
|
||
// $('.weeklyRewards .weeklyRewards_in .box .right .line .line_in').css('width', `${widthVal}%`);
|
||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('id', res.data.weekLevelReward.itemList[0].id);
|
||
// if (res.data.weekLevelReward.itemList[0].status == 1) {
|
||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getAct');
|
||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').attr('status', res.data.weekLevelReward.itemList[0].status);
|
||
// }
|
||
// if (res.data.weekLevelReward.itemList[0].status == 2) {
|
||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').addClass('getOut');
|
||
// $('.weeklyRewards .weeklyRewards_in .box .left .get').text(langReplace(localLang.weeklyRewards.text5))
|
||
// }
|
||
// } else {
|
||
// $('.weeklyRewards').hide();
|
||
// }
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
// 领取按钮
|
||
$('.weeklyRewards .weeklyRewards_in .box .left .get').click(function () {
|
||
var status = $(this).attr('status');
|
||
var id = $(this).attr('id');
|
||
if (status == 1) {
|
||
getReward(id);
|
||
}
|
||
})
|
||
function getReward(id) {
|
||
showLoading()
|
||
networkRequest({
|
||
type: 'post',
|
||
url: urlPrefix + '/guildMemberWeekLevelReward/getReward',
|
||
data: {
|
||
id,
|
||
},
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
get();
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
// 监听移除输入框
|
||
$(".guildList .top input").bind("input propertychange", function () {
|
||
let value = $(this).val()//拿到输入的值
|
||
clearTimeout(searTime);
|
||
searTime = setTimeout(function () {
|
||
searchUser(value);
|
||
}, 800)
|
||
})
|
||
// 搜索移除接口
|
||
function searchUser(erbanNo) {
|
||
if (erbanNo == '') {
|
||
get();
|
||
} else {
|
||
$('.guildList ul li').remove();
|
||
networkRequest({
|
||
type: 'get',
|
||
url: urlPrefix + '/guild/searchUser',
|
||
data: { erbanNo, type: 2 },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
var res = res.data;
|
||
var str = `
|
||
<li>
|
||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||
<div class="user">
|
||
<p>${res.nick}</p>
|
||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||
<img src="${res.userLevelVo.experUrl}" alt="" class="wealth">
|
||
<img src="${res.userLevelVo.charmUrl}" alt="" class="charm">
|
||
<b>ID:${res.erbanNo}</b>
|
||
</div>
|
||
${roleTypes == 1 && res.roleType != 1 ? `<div uid=${res.uid} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid} class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
|
||
</li>
|
||
`
|
||
$('.guildList ul').append(str);
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
}
|
||
// 移除按钮
|
||
$('.guildList ul').on('click', 'li .but', function () {
|
||
var uid = $(this).attr('uid');
|
||
$('.pub .pub_in h1').html(langReplace(localLang.demoModule.text15_h1));
|
||
$('.pub .pub_in p').html(langReplace(localLang.demoModule.text15));
|
||
$('.pub .pub_in .butBox .ok').attr("uid", uid);
|
||
$('.pub').show();
|
||
})
|
||
// 跳转个人资料页
|
||
$('.guildList ul').on('click', 'li .tx', function () {
|
||
var uid = $(this).attr('uid');
|
||
if (browser.ios) {
|
||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||
setTimeout(function () { lock = true; }, 200)
|
||
} else if (browser.android) {
|
||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||
window.androidJsObj.openPersonPage(uid);
|
||
}
|
||
}
|
||
})
|
||
|
||
//移除接口
|
||
function setManager(targetUid) {
|
||
$('.guildList ul li').remove();
|
||
networkRequest({
|
||
type: 'post',
|
||
url: urlPrefix + '/guild/removeMember',
|
||
data: { targetUid },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
$('.pub').hide();
|
||
get();
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
|
||
}
|
||
// 确认移除此人/退出公会按钮
|
||
$('.pub .pub_in .butBox .ok').click(function () {
|
||
var uid = $(this).attr('uid');
|
||
var quitFlag = $(this).attr('quit');
|
||
if (quitFlag) {
|
||
quit()
|
||
} else {
|
||
setManager(uid)
|
||
}
|
||
})
|
||
// 关闭弹窗
|
||
$('.pub .pub_in .butBox .close').click(function () {
|
||
$('.pub').hide();
|
||
$('.pub .pub_in .butBox .ok').attr("quit", 0);
|
||
})
|
||
|
||
// 退出公会
|
||
$('.quitAgency').click(function () {
|
||
$('.pub .pub_in h1').html(langReplace(localLang.demoModule.text17_h1));
|
||
$('.pub .pub_in p').html(langReplace(localLang.demoModule.text17));
|
||
$('.pub .pub_in .butBox .ok').attr("quit", 1);
|
||
$('.pub').show();
|
||
})
|
||
//退出公会 接口
|
||
function quit() {
|
||
networkRequest({
|
||
type: 'post',
|
||
url: urlPrefix + '/guild/manager/applyQuit',
|
||
data: { guildId },
|
||
success(res) {
|
||
if (res.code === 200) {
|
||
$('.pub').hide();
|
||
toastMsg(res.message)
|
||
setTimeout(() => {
|
||
if (browser.android) {
|
||
window.androidJsObj.closeWebView()
|
||
} else {
|
||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||
}
|
||
}, 1500);
|
||
} else {
|
||
toastMsg(res.message)
|
||
}
|
||
hideLoading(layerIndex)
|
||
},
|
||
error(err) {
|
||
hideLoading(layerIndex)
|
||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||
}
|
||
})
|
||
}
|
||
|
||
// 管理员设置
|
||
$('.adminSet').click(function () {
|
||
window.location.href = `./adminSet2.html?roleTypes=${roleTypes}`
|
||
})
|
||
// 公会信息设置
|
||
$('.guildInfoSet').click(function () {
|
||
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&avatar=${avatar}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
|
||
})
|
||
// 我的收入 - 钻石收益
|
||
$('.Diamond_incomeBox').click(function (params) {
|
||
window.location.href = `./personal.html?roleTypes=${roleTypes}&partitionId=${partitionId}`
|
||
})
|
||
// 薪资账户
|
||
$('.memberFlow2 b').click(function (params) {
|
||
window.location.href = `./salary_account.html`
|
||
return
|
||
})
|
||
$('.memberFlow2 .why').click(function () {
|
||
window.location.href = `./guide.html`
|
||
return
|
||
})
|
||
// 邀请成员
|
||
$('.inveMember').click(function (params) {
|
||
window.location.href = `./invitation.html`
|
||
})
|
||
// 我的工资
|
||
$(`.myWages`).click(function (params) {
|
||
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
|
||
})
|
||
// 游戏收益
|
||
$('.Game_incomeBox').click(function (params) {
|
||
window.location.href = `./GameIncome.html`
|
||
})
|
||
// $('.guildList .top ').on('focus', 'input', () => {
|
||
// $('.headerBox').css('margin','-0.9rem auto 0rem')
|
||
// console.log("聚焦");
|
||
// });
|
||
|
||
// $('.guildList .top').on('blur', 'input', () => {
|
||
// console.log("失焦");
|
||
// $('.headerBox').css('margin','-0.4rem auto 0rem')
|
||
// });
|