Greasy Fork is available in English.
To dear sbeamer!
当前为
// ==UserScript==
// @name steam补充包工具
// @namespace http://tampermonkey.net/
// @version 2.3
// @description To dear sbeamer!
// @author 逍遥千寻
// @match https://steamcommunity.com//tradingcards/boostercreator/
// @match https://steamcommunity.com/tradingcards/boostercreator/
// @include *steamcommunity.com/*boostercreator*
// @icon https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f4/f41c579d01a4e5fa0f4f91d69cb93896b8478ccf_medium.jpg
// steamcn https://steamcn.com/suid-457526
// steam https://steamcommunity.com/id/zhangxuerui/
// ==/UserScript==
//获取cookie，组装存储key
const cookie = document.cookie;
const boosterKey = 'steam_booster'
const sessionId = cookie.split('sessionid=')[1].split(';')[0];
//游戏选择器
let gameSelector = document.getElementById("booster_game_selector");
//下方展示部分
let gameForm = document.getElementsByClassName('booster_creator_right')[0]
//所有游戏
let backUpOptions = []
//已收藏游戏
let collectOptions = []
///未收藏游戏
let outOptions = []
//补充包队列
let boosterOptions = []
//当前可以做补充包的游戏，用于一键做包，只会操作补充包队列的游戏
let availableGame = []
let doneList = []
//游戏管理页面
let searchInfo = ''
let searchResult = [];
let pageNum = 1;
let totalCount = 0;
const pageSize = 10
let priceData = {}
//该用户存储的补充包信息，包括默认展示类型、是否自动查询补充包价格等
let boosterInfo = {}
//市场宝珠价格
let gemsSackPrice = 0
//所有游戏的信息，包括appid/name/price/series/available_at_time
const GAME_INFO = CBoosterCreatorPage.sm_rgBoosterData
//按钮样式
const classObj = {
disableButton:'btnv6_blue_blue_innerfade btn_medium btn_makepack btn_disabled',
enableButton:'btnv6_blue_blue_innerfade btn_medium btn_makepack',
}
//游戏操作按钮
const operateButton = {
outToCollect: {
text: '添加收藏',
style: 'height:26px;width:70px;float:right;margin-top:14px'
},
outToBooster: {
text: '加入队列',
style: 'height:26px;width:70px;float:right;margin-top:14px;background:forestgreen'
},
collectToBooster: {
text: '加入队列',
style: 'height:26px;width:70px;float:right;margin-top:14px;background:forestgreen'
},
collectToOut: {
text: '移出收藏',
style: 'height:26px;width:70px;float:right;margin-top:14px;background:darkgoldenrod'
},
boosterToCollect: {
text: '移入收藏',
style: 'height:26px;width:70px;float:right;margin-top:14px;background:mediumslateblue'
},
boosterToOut: {
text: '删除',
style: 'height:26px;width:70px;float:right;margin-top:14px;background:crimson'
}
}
//获取市场上一袋宝珠价格
function getGemsSackPrice() {
if(gemsSackPrice > 0){
return
}
$J.get('https://steamcommunity.com/market/listings/753/753-Sack%20of%20Gems',function (data) {
let nameid = data.match(/Market_LoadOrderSpread\( (\d+)/)[1];
let currency = parseInt(data.match(/"wallet_currency":(\d+)/)[1]);
let language = data.match(/g_strLanguage = "([^"]+)"/)[1];
let country = data.match(/g_strCountryCode = "([^"]+)"/)[1];
$J.ajax({
url: 'https://steamcommunity.com/market/itemordershistogram',
type: 'GET',
data: {
country: country,
language: language,
currency: currency,
item_nameid: nameid
}
}).success(function (price) {
let sellOrder = price.sell_order_graph;
if(sellOrder && sellOrder.length >= 0){
gemsSackPrice = sellOrder[0]['0']
}
}).error(function () {
})
})
}
//构建补充包市场地址
function buildBoosterUrl(item) {
if(!item || stringBlank(item.name)){
return
}
//特殊处理名字中带 / 、&的游戏
let tempName = item.name.replace(new RegExp('/','g'),"-");
let url = 'https://steamcommunity.com/market/listings/753/'+item.appid+'-'+encodeURIComponent(tempName)+'%20Booster%20Pack'
url = url.replace(new RegExp('amp%3B','g'),'');
return url
}
//查询当前页面的补充包的价格
function getBoosterPrice(gameList) {
if(!gameList || gameList.length === 0){
return
}
for (let i = 0; i < gameList.length; i++) {
let item = GAME_INFO[gameList[i]]
if(priceData[item.appid]){
continue
}
let priceInfo = {
sellPrice:'未知',
buyPrice:'未知',
sold:'未知'
}
$J.get(buildBoosterUrl(item),function (data) {
let nameid = data.match(/Market_LoadOrderSpread\( (\d+)/)[1];
let currency = parseInt(data.match(/"wallet_currency":(\d+)/)[1]);
let language = data.match(/g_strLanguage = "([^"]+)"/)[1];
let country = data.match(/g_strCountryCode = "([^"]+)"/)[1];
$J.ajax({
url: 'https://steamcommunity.com/market/itemordershistogram',
type: 'GET',
data: {
country: country,
language: language,
currency: currency,
item_nameid: nameid
}
}).success(function (price) {
let sellOrder = price.sell_order_graph;
let buyOrder = price.buy_order_graph;
if(buyOrder && buyOrder.length >= 0){
priceInfo.buyPrice = buyOrder[0]['0']
}
if(sellOrder && sellOrder.length >= 0){
priceInfo.sellPrice = sellOrder[0]['0']
}
generateCreateButton()
generateGameList(pageNum, pageSize, searchResult)
}).error(function () {
generateCreateButton()
generateGameList(pageNum, pageSize, searchResult)
})
//查询销量，请求过多，暂时屏蔽
// $J.ajax({
// url: 'https://steamcommunity.com/market/priceoverview',
// type: 'GET',
// data: {
// country: country,
// currency: currency,
// appid:753,
// market_hash_name: item.appid + '-' + item.name + ' Booster Pack'
// }
// }).success(function (data) {
// if(data && data.volume ){
// priceInfo.sold = data.volume
// }else {
// priceInfo.sold = 0
// }
// generateCreateButton()
// generateGameList(pageNum, pageSize, searchResult)
// }).error(function () {
// generateCreateButton()
// generateGameList(pageNum, pageSize, searchResult)
// })
})
priceData[item.appid] = priceInfo
}
}
//循环制作补充包
function createBooster(index) {
if(availableGame.length === 0 ){
return
}
if(index === 0){
//重复点击直接返回
if(document.getElementById("createButton").innerHTML === '正在制作'){
return
}else {
document.getElementById("createButton").innerHTML = "正在制作"
}
}
let item = availableGame[index]
$J.ajax({
url: 'https://steamcommunity.com/tradingcards/ajaxcreatebooster/',
type: 'POST',
data: {
sessionid: sessionId,
appid: item.value,
series: GAME_INFO[item.value].series,
tradability_preference: 1
},
crossDomain: true,
xhrFields: {withCredentials: true}
}).success(function () {
doneList.push(item.value)
if (index + 1 < availableGame.length) {
createBooster(index + 1)
} else {
setUnavalilable()
buildFilterAndAvailable()
generateCreateButton()
}
}).error(function () {
document.getElementById("createButton").innerHTML = "宝石不足或其他原因"
});
}
//制包成功后将对应option设置为unavalilable
function setUnavalilable() {
if(doneList && doneList.length > 0){
for (let i = 0; i < backUpOptions.length; i++) {
if (doneList.indexOf(backUpOptions[i].value) > -1) {
backUpOptions[i].setAttribute("class", "unavailable")
}
}
}
}
//判断字符串是否为空，不为空是true，为空是false
function stringNotBlank(value) {
if (!value || value.trim() === '') {
return false;
} else {
return true;
}
}
//判断字符串是否为空，为空是true，不为空是false
function stringBlank(value) {
if (!value || value.trim() === '') {
return true;
} else {
return false;
}
}
//执行搜索
function doSearch() {
let inputValue = document.getElementById('searchInput').value
let typeSelect = document.getElementById('typeSelect')
if (stringNotBlank(inputValue)) {
searchInfo = inputValue.trim()
} else {
searchInfo = ''
}
if(boosterInfo.typeIndex !== typeSelect.selectedIndex){
boosterInfo.typeIndex = typeSelect.selectedIndex
saveStorage(boosterKey,boosterInfo)
}
searchResult = []
let tempGameInfo = {}
if (boosterInfo.typeIndex === 0) {
backUpOptions.map(function (item) {
tempGameInfo[item.value] = GAME_INFO[item.value]
})
} else if (boosterInfo.typeIndex === 1) {
boosterOptions.map(function (item) {
tempGameInfo[item.value] = GAME_INFO[item.value]
})
} else if (boosterInfo.typeIndex === 2) {
collectOptions.map(function (item) {
tempGameInfo[item.value] = GAME_INFO[item.value]
})
} else if (boosterInfo.typeIndex === 3) {
outOptions.map(function (item) {
tempGameInfo[item.value] = GAME_INFO[item.value]
})
}
if (stringBlank(searchInfo)) {
for (let key in tempGameInfo) {
searchResult.push(tempGameInfo[key])
}
} else {
//支持大小写不敏感匹配、appid匹配、多个字符串匹配
for (let key in tempGameInfo) {
if (searchInfo.indexOf(' ') !== -1) {
let match = true
let keyWordArray = searchInfo.split(' ')
for (let i = 0; i < keyWordArray.length; i++) {
if (tempGameInfo[key].name.toUpperCase().indexOf(keyWordArray[i].trim().toUpperCase()) === -1) {
match = false
break
}
}
if (match) {
searchResult.push(tempGameInfo[key])
}
} else if (searchInfo === tempGameInfo[key].appid || tempGameInfo[key].name.toUpperCase().indexOf(searchInfo.toUpperCase()) > -1) {
searchResult.push(tempGameInfo[key])
}
}
}
pageNum = 1
generateGameList(pageNum, pageSize, searchResult)
}
//构建市场搜索链接
function buildMarketUrl(name) {
if(stringBlank(name)){
return 'https://store.steampowered.com/'
} else {
let searchUrl = 'https://steamcommunity.com/market/search?q='
let keyArray = name.split(' ')
searchUrl += keyArray[0]
for (let i = 1; i < keyArray.length; i++) {
searchUrl = searchUrl + '+' + keyArray[i]
}
searchUrl = searchUrl.replace(new RegExp('&','g'),'%26');
return searchUrl
}
}
//切换是否自动查询
function autoQuerySwitch() {
boosterInfo.autoQuery = !boosterInfo.autoQuery
saveStorage(boosterKey,boosterInfo)
generateGameList(pageNum, pageSize, searchResult)
}
//生成游戏列表
function generateGameList(pageNum, pageSize, searchResult) {
//重新生成，删除旧数据
for (let i = gameForm.childNodes.length - 1; i >= 0; i--) {
gameForm.removeChild(gameForm.childNodes[i]);
}
gameForm.setAttribute('style', 'width:860px')
//搜索输入框
let searchInput = document.createElement('input');
searchInput.setAttribute('id', 'searchInput')
searchInput.setAttribute('style', 'background-color: rgba( 103, 193, 245, 0.2 ); color: #fff; border: 1px solid #000;border-radius: 3px; width: 240px;padding: 5px;')
if (searchInfo && searchInfo.trim() !== '') {
searchInput.value = searchInfo
}
//要搜索价格的游戏列表
let gameList = []
//搜索类型选择
let typeSelect = document.createElement('select')
let allOption = document.createElement('option')
allOption.setAttribute('value','all')
allOption.innerHTML = '全部'
let boosterOption = document.createElement('option')
boosterOption.setAttribute('value','booster')
boosterOption.innerHTML = '补充包队列'
let filterOption = document.createElement('option')
filterOption.setAttribute('value','filter')
filterOption.innerHTML = '已收藏'
let outOption = document.createElement('option')
outOption.setAttribute('value','out')
outOption.innerHTML = '未收藏'
typeSelect.add(allOption)
typeSelect.add(boosterOption)
typeSelect.add(filterOption)
typeSelect.add(outOption)
typeSelect.selectedIndex = boosterInfo.typeIndex
typeSelect.setAttribute('style','margin-left:30px;width:100px')
typeSelect.setAttribute('id','typeSelect')
//是否自动查询开关
let switchSpan = document.createElement('span')
switchSpan.innerHTML = '自动查询'
switchSpan.setAttribute('style','margin-left:30px')
let switcher = document.createElement('input')
switcher.setAttribute('id', 'switcher')
switcher.setAttribute('type', 'checkbox')
switcher.setAttribute('style', 'position: relative;top: 2px')
switcher.checked = boosterInfo.autoQuery
switcher.onclick = function () {
autoQuerySwitch()
}
let queryCurrent = document.createElement('button')
queryCurrent.innerHTML = '查询当前页价格'
queryCurrent.setAttribute('class', classObj.enableButton)
queryCurrent.setAttribute('style', 'margin-left: 30px;width: 110px; height: 26px;')
queryCurrent.onclick = function () {
getBoosterPrice(gameList)
}
//搜索按钮
let searchButton = document.createElement('button')
searchButton.setAttribute('id', 'searchButton')
searchButton.innerHTML = '搜索'
searchButton.setAttribute('style', 'border-radius: 2px; border: none;padding: 1px;cursor: pointer;color: #67c1f5 !important;background: rgba( 103, 193, 245, 0.2 );height: 26px;width: 100px;float: right;margin-bottom: 32px;')
searchButton.onclick = function () {
doSearch()
}
gameForm.appendChild(searchInput)
gameForm.appendChild(typeSelect)
gameForm.appendChild(switchSpan)
gameForm.appendChild(switcher)
if(!boosterInfo.autoQuery){
gameForm.appendChild(queryCurrent)
}
gameForm.appendChild(searchButton)
let startIndex = (pageNum - 1) * pageSize
let table = document.createElement('table')
table.setAttribute('style', 'width:100%')
let th1 = document.createElement('th')
th1.innerHTML = '游戏'
th1.setAttribute('style','width:116px')
th1.setAttribute('title','点击可以跳转到市场对应游戏的物品列表')
let th2 = document.createElement('th')
th2.innerHTML = '名称'
th2.setAttribute('style','width:226px')
let th3 = document.createElement('th')
th3.innerHTML = '状态'
th3.setAttribute('style','width:124px')
let th4 = document.createElement('th')
th4.innerHTML = '宝石数'
th4.setAttribute('style','width:49px')
let th5 = document.createElement('th')
th5.innerHTML = '成本'
th5.setAttribute('style','width:37px')
th5.setAttribute('title','按照直接购买宝石价格计算，略高')
let th6 = document.createElement('th')
th6.innerHTML = '卖单'
th6.setAttribute('style','width:37px')
th6.setAttribute('title','按最低卖单卖出税后收入，按照15%税率粗略计算，高于成本会变黄')
let th7 = document.createElement('th')
th7.innerHTML = '买单'
th7.setAttribute('style','width:39px')
th7.setAttribute('title','按买单直接卖出税后收入，按照15%税率粗略计算，高于成本会变黄')
let th8 = document.createElement('th')
th8.innerHTML = '利润率'
th8.setAttribute('style','width:50px')
th8.setAttribute('title','（最低卖单税后-成本）/ 成本 ')
let th9 = document.createElement('th')
th9.innerHTML = '操作'
let thred = document.createElement('thred')
thred.appendChild(th1)
thred.appendChild(th2)
thred.appendChild(th3)
thred.appendChild(th4)
thred.appendChild(th5)
thred.appendChild(th6)
thred.appendChild(th7)
thred.appendChild(th8)
thred.appendChild(th9)
table.appendChild(thred)
let tbody = document.createElement('tbody')
if(searchResult.length > 0){
for (let i = startIndex; i < searchResult.length && i < startIndex + pageSize; i++) {
let item = searchResult[i]
let tr = document.createElement('tr');
tr.setAttribute('style', 'height:60px')
//游戏缩略图，点击跳转到市场
let img = document.createElement('img');
img.setAttribute('src', 'https://steamcdn-a.akamaihd.net/steam/apps/' + item.appid + '/capsule_sm_120.jpg')
let aTag = document.createElement('a');
aTag.setAttribute('href', buildMarketUrl(item.name))
aTag.setAttribute('target', '_blank')
aTag.appendChild(img)
//游戏名称
let name = document.createElement('span')
name.innerHTML = item.name
name.setAttribute('style', 'display: inline-block;overflow: hidden;text-overflow: ellipsis;width: 210px;white-space: nowrap; margin-left: 10px;position: relative;top: -12px;')
name.setAttribute('title', item.name)
//制作冷却
let availableTime = document.createElement('span')
if(item.available_at_time){
availableTime.innerHTML = item.available_at_time
availableTime.setAttribute('style', 'display: inline-block;width: 120px; margin-left: 10px;position: relative;top: -12px;')
availableTime.setAttribute('title','下次可制作补充包时间')
}else {
availableTime.innerHTML = '当前可制作'
availableTime.setAttribute('style', 'display: inline-block;width: 120px; margin-left: 10px;position: relative;top: -12px;color:yellow')
}
//补充包需要宝石数
let price = document.createElement('span')
price.innerHTML = item['price']
price.setAttribute('style', 'display: inline-block;width: 40px; margin-left: 10px;position: relative;top: -12px;')
//制作成本
let cost = document.createElement('span')
cost.setAttribute('style', 'display: inline-block;width: 30px; margin-left: 10px;position: relative;top: -12px;')
let costPrice = 0.00
if (gemsSackPrice > 0) {
let tempCost = item['price'] / 1000 * gemsSackPrice
if (!isNaN(tempCost)) {
costPrice = parseFloat(tempCost.toFixed(2))
cost.innerHTML = costPrice.toString()
}
}
//最低卖单价格
let sellPrice = document.createElement('span')
sellPrice.setAttribute('style', 'display: inline-block;width: 30px; margin-left: 10px;position: relative;top: -12px;')
sellPrice.setAttribute('title','市场最低售价税后收入，高于成本会变黄')
//最高买单价格
let buyPrice = document.createElement('span')
buyPrice.setAttribute('style', 'display: inline-block;width: 30px; margin-left: 10px;position: relative;top: -12px;')
buyPrice.setAttribute('title','市场最高买价税后收入，高于成本会变黄')
//利润率，（最低卖单税后-成本）/ 成本
let profitRate = document.createElement('span')
profitRate.setAttribute('style', 'display: inline-block;width: 30px; margin-left: 10px;position: relative;top: -12px;')
profitRate.setAttribute('title','利润率，（最低卖单税后-成本）/ 成本')
if (priceData[item.appid]) {
if(isNaN( priceData[item.appid].sellPrice)){
sellPrice.innerHTML = priceData[item.appid].sellPrice
}else {
let tempSellPrice = priceData[item.appid].sellPrice
tempSellPrice = tempSellPrice/1.15
sellPrice.innerHTML = tempSellPrice.toFixed(2)
if (costPrice > 0 && !isNaN(tempSellPrice)) {
if (costPrice < tempSellPrice) {
sellPrice.setAttribute('style', 'display: inline-block;width: 30px; margin-left: 10px;color:yellow;position: relative;top: -12px;')
}
}
if(costPrice > 0){
let rate = (tempSellPrice - costPrice) / costPrice
profitRate.innerHTML = (Math.round(rate * 10000)/100).toFixed(2) + '%'
}
}
if(isNaN(priceData[item.appid].buyPrice)){
buyPrice.innerHTML = priceData[item.appid].buyPrice
}else {
let tempBuyPrice = priceData[item.appid].buyPrice
tempBuyPrice = tempBuyPrice/1.15
buyPrice.innerHTML = tempBuyPrice.toFixed(2)
if (costPrice > 0 && !isNaN(tempBuyPrice)) {
if (costPrice < tempBuyPrice) {
buyPrice.setAttribute('style', 'display: inline-block;width: 30px; margin-left: 10px;color:yellow;position: relative;top: -12px;')
}
}
}
} else {
gameList.push(item.appid)
}
//收藏、移除、移入收藏、加入队列、彻底删除等操作
let button1;
let button2;
if (boosterInfo.game.indexOf(item.appid.toString()) > -1) {
button1 = generateOperateButton(item, 'boosterToCollect')
button2 = generateOperateButton(item, 'boosterToOut')
} else if (boosterInfo.collect.indexOf(item.appid.toString()) > -1) {
button1 = generateOperateButton(item, 'collectToBooster')
button2 = generateOperateButton(item, 'collectToOut')
} else {
button1 = generateOperateButton(item, 'outToBooster')
button2 = generateOperateButton(item, 'outToCollect')
}
button1.setAttribute('style',button1.getAttribute('style')+';margin-right:10px')
tr.appendChild(aTag);
tr.appendChild(name)
tr.appendChild(availableTime)
tr.appendChild(price)
tr.appendChild(cost)
tr.appendChild(sellPrice)
tr.appendChild(buyPrice)
tr.appendChild(profitRate)
tr.appendChild(button2)
tr.appendChild(button1)
tbody.appendChild(tr)
}
}
table.appendChild(tbody)
gameForm.appendChild(table)
//计算页数
totalCount = Math.ceil(searchResult.length / pageSize)
//上一页按钮
let beforeButton = document.createElement('button');
beforeButton.setAttribute('id', 'beforeButton')
beforeButton.innerHTML = '上一页'
beforeButton.setAttribute('class',pageNum === 1 ? classObj.disableButton:classObj.enableButton)
beforeButton.setAttribute('style', 'height: 25px;margin-right: 30px;width: 80px;')
beforeButton.onclick = function () {
beforePage()
}
gameForm.appendChild(beforeButton)
let pageSpan = document.createElement('span');
pageSpan.innerHTML = '共 '+ searchResult.length +' 个结果， '+pageNum+' / '+totalCount
gameForm.appendChild(pageSpan)
//下一页按钮
let afterButton = document.createElement('button');
afterButton.setAttribute('id', 'afterButton')
afterButton.innerHTML = '下一页'
afterButton.setAttribute('class',pageNum === totalCount ? classObj.disableButton:classObj.enableButton)
afterButton.setAttribute('style', 'height: 25px;margin-left: 30px;width: 80px;')
afterButton.onclick = function () {
afterPage()
}
gameForm.appendChild(afterButton)
//跳转页输入
let jumpInput = document.createElement('input');
jumpInput.setAttribute('id', 'jumpInput')
jumpInput.setAttribute('style', 'background-color: rgba( 103, 193, 245, 0.2 );color: #fff;border: 1px solid #000;border-radius: 3px;width: 60px;padding: 5px;margin-left: 30px;')
gameForm.appendChild(jumpInput)
//跳转按钮
let jumpButton = document.createElement('button');
jumpButton.setAttribute('id', 'jumpButton')
jumpButton.innerHTML = '跳转'
jumpButton.setAttribute('class',classObj.enableButton)
jumpButton.setAttribute('style', 'height: 25px;margin-left: 30px;width: 80px;')
jumpButton.onclick = function () {
jumpPage()
}
gameForm.appendChild(jumpButton)
if(boosterInfo.autoQuery && gameList.length > 0){
getBoosterPrice(gameList)
}
}
//生成操作按钮
function generateOperateButton(item, type) {
let button = document.createElement('button')
button.innerHTML = operateButton[type].text
button.setAttribute('class', classObj.enableButton)
button.setAttribute('style', operateButton[type].style)
button.setAttribute('id', item.appid.toString() + '+' + type)
button.onclick = function () {
operateGame(item.appid.toString(), type)
}
return button
}
//跳转到指定页
function jumpPage() {
let jumpNum = document.getElementById('jumpInput').value
if(isNaN(jumpNum) || stringBlank(jumpNum) || parseInt(jumpNum) < 1){
return
}
pageNum = parseInt(jumpNum)
if (pageNum > totalCount) {
pageNum = 1
}
document.getElementById('jumpInput').value =''
generateGameList(pageNum,pageSize,searchResult)
}
//上一页
function beforePage() {
if (pageNum < 2) {
return
}
pageNum = pageNum - 1
generateGameList(pageNum, pageSize, searchResult)
}
//下一页
function afterPage() {
if (pageNum > totalCount - 1) {
return
}
pageNum = pageNum + 1
generateGameList(pageNum, pageSize, searchResult)
}
//生成一键做包等
function generateCreateButton() {
//每次删除后重新创建
let tempCreate = document.getElementById('createButton')
if (tempCreate !== null) {
tempCreate.parentNode.removeChild(tempCreate)
}
let tempConvert = document.getElementById('convertButton')
if (tempConvert !== null) {
tempConvert.parentNode.removeChild(tempConvert)
}
//更新下拉列表
gameSelector.options.length = 0;
if (boosterInfo.filter) {
boosterOptions.map((item) => {
gameSelector.add(item)
})
} else {
backUpOptions.map((item) => {
gameSelector.add(item)
})
}
//绘制创建按钮
let createButton = document.createElement('button')
createButton.setAttribute('title','只操作补充包队列的游戏')
createButton.setAttribute('id', 'createButton')
createButton.onclick = function () {
document.getElementById("createButton").setAttribute('class', classObj.disableButton)
doneList = []
createBooster(0)
}
if (availableGame.length === 0) {
createButton.innerHTML = '队列全部冷却中'
createButton.setAttribute('class', classObj.disableButton)
} else {
let totalCost = countGemsCost()
createButton.innerHTML = '一键制作 ' + availableGame.length + ' 个补充包' + ' ( ' + totalCost + ' ) '
createButton.setAttribute('class', classObj.enableButton)
}
createButton.setAttribute('style', 'height: 29px; margin-top: 16px;width: 208px;')
document.getElementsByClassName('booster_game_selector')[0].appendChild(createButton)
//绘制转换按钮
let convertButton = document.createElement('button')
convertButton.setAttribute('id', 'convertButton')
convertButton.setAttribute('class', classObj.enableButton)
convertButton.innerHTML = boosterInfo.filter ? '展示全部' : '展示队列'
convertButton.setAttribute('style', 'height: 29px; margin-top: 16px;width: 80px;margin-left:12px')
convertButton.onclick = function () {
boosterInfo.filter = !boosterInfo.filter
saveStorage(boosterKey, boosterInfo)
generateCreateButton()
}
document.getElementsByClassName('booster_game_selector')[0].appendChild(convertButton)
}
//计算一键做包需要的宝石数
function countGemsCost() {
let totalCost = 0
if (availableGame.length > 0) {
availableGame.map(function (item) {
if (GAME_INFO[item.value] && GAME_INFO[item.value]['price']) {
totalCost += parseInt(GAME_INFO[item.value]['price'])
}
})
}
return totalCost
}
//收藏和移除操作时，重新构建下拉数据
function buildFilterAndAvailable() {
collectOptions = []
boosterOptions = []
availableGame = []
outOptions = []
for (let i = 0; i < backUpOptions.length; i++) {
let item = backUpOptions[i];
if (item.value) {
if (boosterInfo.game.indexOf(item.value) > -1) {
boosterOptions.push(item)
if (item.getAttribute("class") === "available") {
availableGame.push(item)
}
} else if (boosterInfo.collect.indexOf(item.value) > -1) {
collectOptions.push(item)
} else {
outOptions.push(item)
}
}
}
}
//对游戏的收藏、删除等操作
function operateGame(appid, type) {
switch (type) {
case 'outToCollect':
if (boosterInfo.collect.indexOf(appid) > -1) {
return
} else {
boosterInfo.collect.push(appid)
}
break
case 'outToBooster':
if (boosterInfo.game.indexOf(appid) > -1) {
return
} else {
boosterInfo.game.push(appid)
}
break
case 'collectToOut':
if (boosterInfo.collect.indexOf(appid) === -1) {
return
} else {
boosterInfo.collect.splice(boosterInfo.collect.indexOf(appid), 1)
}
break
case 'collectToBooster':
if (boosterInfo.collect.indexOf(appid) === -1) {
return
} else {
boosterInfo.collect.splice(boosterInfo.collect.indexOf(appid), 1)
boosterInfo.game.push(appid)
}
break
case 'boosterToOut':
if (boosterInfo.game.indexOf(appid) === -1) {
return
} else {
boosterInfo.game.splice(boosterInfo.game.indexOf(appid), 1)
}
break
case 'boosterToCollect':
if (boosterInfo.game.indexOf(appid) === -1) {
return
} else {
boosterInfo.game.splice(boosterInfo.game.indexOf(appid), 1)
boosterInfo.collect.push(appid)
}
break
default:
return
}
checkBoosterInfo()
saveStorage(boosterKey, boosterInfo)
//刷新下拉列表，重新生成按钮和表单
buildFilterAndAvailable()
generateCreateButton()
generateGameList(pageNum, pageSize, searchResult)
}
//从localStorage取值
function getStorage(key) {
return JSON.parse(localStorage.getItem(key))
}
//将值存入从localStorage
function saveStorage(key, item) {
localStorage.setItem(key, JSON.stringify(item))
}
//校验存储信息，以补充包队列为准
function checkBoosterInfo() {
if (boosterInfo.game.length === 0 || boosterInfo.collect.length === 0) {
return
} else {
let errorIndex = []
for (let i = 0; i < boosterInfo.collect.length; i++) {
if (boosterInfo.game.indexOf(boosterInfo.collect[i]) > -1) {
errorIndex.push(i)
}
}
if (errorIndex.length > 0) {
errorIndex.reverse()
errorIndex.map(function (i) {
boosterInfo.collect.splice(i, 1)
})
}
}
}
//初始化数据
function init() {
//没有可以做补充包的游戏，直接返回
if (!gameSelector || gameSelector.length === 0) {
return
}
//查询宝珠价格，用于计算成本
getGemsSackPrice()
//删除默认展示
for (let i = gameForm.childNodes.length - 1; i >= 0; i--) {
gameForm.removeChild(gameForm.childNodes[i]);
}
//删除下拉列表第一个‘请选择’
if (stringBlank(gameSelector.options[0].value)) {
gameSelector.options.remove(0)
}
//从localStorage取用户自定义值，默认为空
boosterInfo = getStorage(boosterKey)
if (!boosterInfo) {
boosterInfo = {game: [], collect: [], filter: true, typeIndex: 0, autoQuery: false}
}
if(!boosterInfo.game){
boosterInfo.game = []
}
if(!boosterInfo.collect){
boosterInfo.collect = []
}
//默认将所有信息加入搜索结果
for (let key in GAME_INFO) {
searchResult.push(GAME_INFO[key])
}
//每个游戏都放入backUpOptions
for (let i = 0; i < gameSelector.length; i++) {
backUpOptions.push(gameSelector.options[i])
}
//构建collectOptions、boosterOptions、availableGame
buildFilterAndAvailable()
//生成一键制作补充包等按钮
generateCreateButton()
//生成下部游戏列表展示
generateGameList(pageNum, pageSize, searchResult)
//如果保存的搜索类型不是默认，首先执行一次搜索
if (boosterInfo.typeIndex !== 0) {
doSearch()
}
}
//执行初始化工作
init();