「小圣杯」最萌大战 » 讨论
（对小圣杯1206版本更新后的说明）【组件】计算个人目前所持有的的股票以及股息

新番角色数：200 新番持股量：200

持股总数：1200 每周股息：5300

$("#grail .horizontalOptions").append(

"<div><span>新番角色数：200</span><span>新番持股量：200</span></div>"+

"<div><span>持股总数：1200</span><span>每周股息：5300</span></div>")

// ==UserScript==

// @name         badge Calculator for tiny Grail

// @namespace    chitanda.Cedar.TinyGrailBadgeCalc

// @version      1.0

// @description  Calculate badge income for tiny Grail

// @author       chitanda, Cedar

// @include      /^https?://(bgm\.tv|bangumi\.tv)/user/.+$/

// ==/UserScript==



(function() {

  'use strict';



  const api = 'https://www.tinygrail.com/api/';

  function getData(url, callback) {

    if (!url.startsWith('http')) url = api + url;

    $.ajax({

      url: url,

      type: 'GET',

      xhrFields: {withCredentials: true},

      success: callback

    });

  }



  let fakeEl = $(document.createElement('span')).html('-')[0];

  let totalStockNumEl = fakeEl.cloneNode(true);

  let badgeCharaNumEl = fakeEl.cloneNode(true);

  let badgeStockNumEl = fakeEl.cloneNode(true);

  let stockIncomeEl = fakeEl.cloneNode(true);

  // let templeNumEl = fakeEl.cloneNode(true);

  // let templeStockNumEl = fakeEl.cloneNode(true);

  // let templeIncomeEl = fakeEl.cloneNode(true);

  // let totalIncomeEl = fakeEl.cloneNode(true);



  let elWrapper = $(document.createElement('span')).css('margin-left', '10px');

  let stockEl = $(document.createElement('div'))

    .css({'padding': '10px 0', 'font-weight': 'bold', 'font-size': '14px'})

    .append(

      $(document.createElement('div')).append(

        elWrapper.clone().html("持股总数：").append(totalStockNumEl),

        elWrapper.clone().html("新番角色数：").append(badgeCharaNumEl),

        elWrapper.clone().html("新番持股量：").append(badgeStockNumEl),

        elWrapper.clone().html("角色股息：").append(stockIncomeEl)

      ),

/*       $(document.createElement('div')).append(

        elWrapper.clone().html("圣殿数量：").append(templeNumEl),

        elWrapper.clone().html("圣殿持股：").append(templeStockNumEl),

        elWrapper.clone().html("圣殿股息：").append(templeIncomeEl),

        elWrapper.clone().html("每周股息：").append(totalIncomeEl)

      ) */

    );



  function countStocks(charaData) {

    let normalStockNum = 0;

    let badgeStockNum = 0;

    let stockIncome = 0;

    let badgeBox = document.getElementsByClassName('badgeBox');

    let charaName = document.querySelectorAll('.grail_list.chara_list .avatar.name');



    charaData.forEach((chara, i) => {

      stockIncome += chara.Rate*chara.State;

      let bonusNum = chara.Bonus;

      if (bonusNum) {

        badgeBox[i].innerHTML = bonusNum;

        badgeBox[i].style.visibility = 'visible';

        charaName[i].classList.add('badgeName');

        badgeStockNum += chara.State;

      }

      else {

        normalStockNum += chara.State;

      }

    });



    badgeCharaNumEl.innerHTML = document.getElementsByClassName('badgeName').length;

    badgeStockNumEl.innerHTML = badgeStockNum;

    totalStockNumEl.innerHTML = badgeStockNum + normalStockNum;

    stockIncomeEl.innerHTML = stockIncome.toFixed(2);

  }



  function calcIncome(charaData) {

    let bgmId = window.location.pathname.split('user/')[1];

    getData(`chara/user/assets/${bgmId}/true`, function(d) {

      if (d.State !== 0) return;

      let charaData = d.Value.Characters;

      countStocks(charaData);

      //countAssets(d.Value.Temples);

    });

  }



  let MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

  let observer = new MutationObserver(function() {

      let $initTab = $('#initTab');

      if(!$initTab.length) return;

      observer.disconnect();

      let badgeBox = $(document.createElement('span')).addClass('badgeBox').html('0');

      $('#grail .grail_list.chara_list li').prepend(badgeBox);

      let $countBtn = $(document.createElement('a')).attr('href', "javascript:void(0)")

        .addClass("chiiBtn").html('计算股息').on('click', calcIncome);

      $initTab.after($countBtn);

      $("#grail .horizontalOptions").append(stockEl);

    });

  observer.observe(document.getElementById('user_home'), {'childList': true});

})();