[BitoEX] exchange differences

add exchange differences in BitoEX

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         [BitoEX] exchange differences
// @namespace    http://tampermonkey.net/
// @version      0.1.1
// @description  add exchange differences in BitoEX
// @author       SSARCandy
// @match        https://www.bitoex.com/charts*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    $( document ).ajaxComplete(function( event, xhr, settings ) {
        if (xhr.responseJSON.length === 4) {
            const [buy, sell] = xhr.responseJSON.slice(0, 2).map(x => Number(x.replace(/,/g, '')));

            if (!$('#buy-sell').length){
                const html = `<div class="buy col-xs-12 col-md-3 col-lg-3"><h4 class="sync_rate_buy" id="buy-sell"><span>${(buy-sell).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}</span></h4><p>差價 (TWD)</p></div>`;
                $('body > div.container.content > div.rate_row.clearfix.fadeIn.animated').prepend(html);
            } else {
                $('#buy-sell')[0].innerText = (buy-sell).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            }
        }
    });
    $('.cal').attr('style','margin-left:0 !important');
})();