yuriy0803
2 years ago
73 changed files with 51558 additions and 0 deletions
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 596 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 952 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 38 KiB |
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 717 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 140 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,7 @@
|
||||
<html> |
||||
<head><title>404 Not Found</title></head> |
||||
<body> |
||||
<center><h1>404 Not Found</h1></center> |
||||
<hr><center>nginx/1.18.0 (Ubuntu)</center> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 178 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
@ -0,0 +1,112 @@
|
||||
/* |
||||
Template Name: Cyber Pool Responsive Template |
||||
Author: Cyber Harry |
||||
Email: cyberharry@cyberpool.org |
||||
File: app.js |
||||
*/ |
||||
|
||||
$(function () { |
||||
"use strict"; |
||||
$(".search-btn-mobile").on("click", function () { |
||||
$(".search-bar").addClass("full-search-bar"); |
||||
}); |
||||
$(".search-arrow-back").on("click", function () { |
||||
$(".search-bar").removeClass("full-search-bar"); |
||||
}); |
||||
$(document).ready(function () { |
||||
$(window).on("scroll", function () { |
||||
if ($(this).scrollTop() > 60) { |
||||
$('.top-header').addClass('bg-dark'); |
||||
$('.nav-container').addClass('bg-dark sticky-top-header'); |
||||
} else { |
||||
$('.top-header').removeClass('bg-dark'); |
||||
$('.nav-container').removeClass('bg-dark sticky-top-header'); |
||||
} |
||||
}); |
||||
$('.back-to-top').on("click", function () { |
||||
$("html, body").animate({ |
||||
scrollTop: 0 |
||||
}, 600); |
||||
return false; |
||||
}); |
||||
}); |
||||
$(function () { |
||||
$('.metismenu-card').metisMenu({ |
||||
toggle: false, |
||||
triggerElement: '.card-header', |
||||
parentTrigger: '.card', |
||||
subMenu: '.card-body' |
||||
}); |
||||
}); |
||||
|
||||
$(function () { |
||||
$('[data-toggle="tooltip"]').tooltip() |
||||
}) |
||||
|
||||
$(function () { |
||||
$('.card-collapse').metisMenu({ |
||||
toggle: false, |
||||
triggerElement: '.card-header', |
||||
parentTrigger: '.card', |
||||
subMenu: '.card-body' |
||||
}); |
||||
}); |
||||
|
||||
if ($('#webticker').length) {
|
||||
$("#webticker").webTicker({ |
||||
height:'auto',
|
||||
duplicate:true, |
||||
startEmpty:false,
|
||||
rssfrequency:5, |
||||
direction: 'left' |
||||
}); |
||||
} |
||||
|
||||
$(".toggle-btn").click(function () { |
||||
if ($(".wrapper").hasClass("toggled")) { |
||||
// unpin sidebar when hovered
|
||||
$(".wrapper").removeClass("toggled"); |
||||
$(".sidebar-wrapper").unbind("hover"); |
||||
} else { |
||||
$(".wrapper").addClass("toggled"); |
||||
$(".sidebar-wrapper").hover(function () { |
||||
$(".wrapper").addClass("sidebar-hovered"); |
||||
}, function () { |
||||
$(".wrapper").removeClass("sidebar-hovered"); |
||||
}) |
||||
} |
||||
}); |
||||
|
||||
$(".toggle-btn-mobile").on("click", function () { |
||||
$(".wrapper").removeClass("toggled"); |
||||
}); |
||||
|
||||
$(function () { |
||||
for (var i = window.location, o = $(".metismenu li a").filter(function () { |
||||
return this.href == i; |
||||
}).addClass("").parent().addClass("");;) { |
||||
if (!o.is("li")) break; |
||||
o = o.parent("").addClass("").parent("").addClass(""); |
||||
} |
||||
}), |
||||
|
||||
$(function () { |
||||
$('#menu').metisMenu(); |
||||
}); |
||||
|
||||
$(document).ready(function () { |
||||
$(window).on("scroll", function () { |
||||
if ($(this).scrollTop() > 300) { |
||||
$('.back-to-top').fadeIn(); |
||||
} else { |
||||
$('.back-to-top').fadeOut(); |
||||
} |
||||
}); |
||||
$('.back-to-top').on("click", function () { |
||||
$("html, body").animate({ |
||||
scrollTop: 0 |
||||
}, 600); |
||||
return false; |
||||
}); |
||||
}); |
||||
}); |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,808 @@
|
||||
//[Data Javascript]
|
||||
//Project: Responsive Pool Template
|
||||
//Should Be Included In All Pages. It Controls Data And Charts
|
||||
|
||||
var WebURL = "https://example.org/"; |
||||
var API = "https://example.org/api/"; |
||||
var stratumAddress = "stratum+tcp://example.org"; |
||||
var infoLink = "https://etcblockexplorer.com/block/"; |
||||
var txLink = "https://etcblockexplorer.com/tx/"; |
||||
var defaultPool = 'etc'; |
||||
var currentPool = defaultPool; |
||||
|
||||
// Check browser compatibility
|
||||
var nua = navigator.userAgent; |
||||
var is_IE = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Trident') > -1) && !(nua.indexOf('Chrome') > -1)); |
||||
if (is_IE) { console.log('Running in IE browser is not supported - ', nua); } |
||||
|
||||
// General formatter function
|
||||
function _formatter(value, decimal, unit) { |
||||
if (value === 0) { |
||||
return "0 " + unit; |
||||
} else { |
||||
var si = [ |
||||
{ value: 1, symbol: "" }, |
||||
{ value: 1e3, symbol: "K" }, |
||||
{ value: 1e6, symbol: "M" }, |
||||
{ value: 1e9, symbol: "G" }, |
||||
{ value: 1e12, symbol: "T" }, |
||||
{ value: 1e15, symbol: "P" }, |
||||
{ value: 1e18, symbol: "E" }, |
||||
{ value: 1e21, symbol: "Z" }, |
||||
{ value: 1e24, symbol: "Y" } |
||||
]; |
||||
for (var i = si.length - 1; i > 0; i--) { |
||||
if (value >= si[i].value) { |
||||
break; |
||||
} |
||||
} |
||||
return ((value / si[i].value).toFixed(decimal).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, "$1") + " " + si[i].symbol + unit); |
||||
} |
||||
} |
||||
|
||||
// Time convert Local -> UTC
|
||||
function convertLocalDateToUTCDate(date, toUTC) { |
||||
date = new Date(date); |
||||
var localOffset = date.getTimezoneOffset() * 60000; |
||||
var localTime = date.getTime(); |
||||
if (toUTC) { |
||||
date = localTime + localOffset; |
||||
} else { |
||||
date = localTime - localOffset; |
||||
} |
||||
newDate = new Date(date); |
||||
return newDate; |
||||
} |
||||
|
||||
// Time convert UTC -> Local
|
||||
function convertUTCDateToLocalDate(date) { |
||||
var newDate = new Date(date.getTime() + date.getTimezoneOffset() * 60 * 1000); |
||||
var localOffset = date.getTimezoneOffset() / 60; |
||||
var hours = date.getUTCHours(); |
||||
newDate.setHours(hours - localOffset); |
||||
return newDate; |
||||
} |
||||
|
||||
// String convert -> Date
|
||||
function dateConvertor(date) { |
||||
var options = { |
||||
year: "numeric", |
||||
month: "numeric", |
||||
day: "numeric" |
||||
}; |
||||
var newDateFormat = new Date(date).toLocaleDateString("en-US", options); |
||||
var newTimeFormat = new Date(date).toLocaleTimeString(); |
||||
var dateAndTime = newDateFormat + ' ' + newTimeFormat |
||||
return dateAndTime |
||||
} |
||||
|
||||
// Converts seconds
|
||||
function readableSeconds(t) { |
||||
var seconds = Math.round(t); |
||||
var minutes = Math.floor(seconds / 60); |
||||
var hours = Math.floor(minutes / 60); |
||||
var days = Math.floor(hours / 24); |
||||
if (days === Infinity) days = 0; |
||||
hours = hours - (days * 24); |
||||
if (isNaN(hours)) hours = 0; |
||||
if (hours === Infinity) hours = 0; |
||||
minutes = minutes - (days * 24 * 60) - (hours * 60); |
||||
if (isNaN(minutes)) minutes = 0; |
||||
if (minutes === Infinity) minutes = 0; |
||||
seconds = seconds - (days * 24 * 60 * 60) - (hours * 60 * 60) - (minutes * 60); |
||||
if (isNaN(seconds)) seconds = 0; |
||||
if (seconds === Infinity) seconds = 0; |
||||
if (days > 0) { |
||||
return (days + "d " + hours + "h " + minutes + "m " + seconds + "s"); |
||||
} |
||||
if (hours > 0) { |
||||
return (hours + "h " + minutes + "m " + seconds + "s"); |
||||
} |
||||
if (minutes > 0) { |
||||
return (minutes + "m " + seconds + "s"); |
||||
} |
||||
return (seconds + "s"); |
||||
} |
||||
|
||||
// Time different calculation
|
||||
function timeDiff(tstart, tend) { |
||||
var diff = Math.floor((tend - tstart) / 1000), units = [ |
||||
{ d: 60, l: "s" }, |
||||
{ d: 60, l: "m" }, |
||||
{ d: 24, l: "h" }, |
||||
{ d: 7, l: "d" } |
||||
]; |
||||
var s = ''; |
||||
for (var i = 0; i < units.length; ++i) { |
||||
s = (diff % units[i].d) + units[i].l + " " + s; |
||||
diff = Math.floor(diff / units[i].d); |
||||
} |
||||
return s; |
||||
} |
||||
|
||||
function timeDiffSec(tstart, tend) { |
||||
var diff = Math.floor((tend - tstart) / 1000), units = [ |
||||
{ d: 60, l: " seconds" } |
||||
]; |
||||
var s = ''; |
||||
for (var i = 0; i < units.length; ++i) { |
||||
s = (diff % units[i].d) + units[i].l + " " + s; |
||||
diff = Math.floor(diff / units[i].d); |
||||
} |
||||
return s; |
||||
} |
||||
|
||||
// Scroll to top of the page
|
||||
function scrollPageTop() { |
||||
document.body.scrollTop = 0; |
||||
document.documentElement.scrollTop = 0; |
||||
var elmnt = document.getElementById("page-scroll-top"); |
||||
elmnt.scrollIntoView(); |
||||
} |
||||
|
||||
// Check if file exits
|
||||
function doesFileExist(urlToFile) { |
||||
var xhr = new XMLHttpRequest(); |
||||
xhr.open('HEAD', urlToFile, false); |
||||
xhr.send(); |
||||
if (xhr.status == "404") { |
||||
return false; |
||||
} else { |
||||
return true; |
||||
} |
||||
} |
||||
|
||||
// Load Pool Stats Content
|
||||
function loadStatsPage() { |
||||
setInterval( |
||||
(function load() { |
||||
loadStatsData(); |
||||
loadSettingsData(); |
||||
loadPoolHashrateChart(); |
||||
loadPoolMinerChart(); |
||||
loadPoolWorkerChart(); |
||||
loadNetDiffChart(); |
||||
loadNetHashChart(); |
||||
loadStatsPrice(); |
||||
loadStatsTicker(); |
||||
return load; |
||||
})(), 5000 |
||||
); |
||||
} |
||||
|
||||
// Load Pool Stats Data
|
||||
function loadStatsData() { |
||||
$.when( |
||||
$.ajax(API + "stats").done(function (data) { |
||||
$.each(data.nodes, function (index, value) { |
||||
difficulty = value.difficulty; |
||||
nethash = value.difficulty / value.blocktime; |
||||
blocktime = value.blocktime; |
||||
chainheight = value.height; |
||||
}) |
||||
}), |
||||
$.ajax(API + "stats").done(function (data) { |
||||
var lastBlockDateStats = convertLocalDateToUTCDate(new Date(data.stats.lastBlockFound * 1000), false); |
||||
convertedBlockDateStats = dateConvertor(lastBlockDateStats); |
||||
shares = data.stats.roundShares; |
||||
poolhash = data.hashrate; |
||||
miners = data.minersTotal; |
||||
workers = data.totalWorkers; |
||||
}) |
||||
) |
||||
.then(function () { |
||||
ttf = Math.round((nethash / poolhash) * blocktime); |
||||
roundVariance = ((shares / difficulty) * 100).toFixed(2); |
||||
roundShares = (shares / 1000000000).toFixed(2); |
||||
$("#currentEffort").text(roundVariance + " %"); |
||||
$("#currentShares").text(roundShares); |
||||
$("#poolTTF").text(readableSeconds(ttf)); |
||||
$("#poolHashrate").text(_formatter(poolhash, 3, "H/s")); |
||||
$("#poolStatsHashrate").text(_formatter(poolhash, 3, "H/s")); |
||||
$("#networkHashrate").text(_formatter(nethash, 3, "H/s")); |
||||
$("#networkStatsHashrate").text(_formatter(nethash, 3, "H/s")); |
||||
$("#poolMiners").text(miners + " Miner(s)"); |
||||
$("#poolStatsMiners").text(miners + " Miner(s)"); |
||||
$("#poolWorkers").text(workers + " Worker(s)"); |
||||
$("#poolStatsWorkers").text(workers + " Worker(s)"); |
||||
$("#netBlockTime").text(blocktime + " s"); |
||||
$("#networkDifficulty").text(_formatter(difficulty, 3, "H/s")); |
||||
$("#networkStatsDifficulty").text(_formatter(difficulty, 3, "H/s")); |
||||
$("#blockchainHeight").text(chainheight); |
||||
$("#lastBlockStats").text(convertedBlockDateStats); |
||||
}); |
||||
} |
||||
|
||||
// Load Pool Stats Settings
|
||||
function loadSettingsData() { |
||||
return $.ajax(API + "stats").done(function (data) { |
||||
hold = (data.PayoutThreshold / 1000000000).toFixed(2); |
||||
fee = data.PoolFee; |
||||
pay = data.PayoutInterval; |
||||
$("#payoutSheme").text("PROP"); |
||||
$("#poolFee").text(fee + " %"); |
||||
$("#payInterval").text(pay); |
||||
$("#minPayment").text(hold + " ETC"); |
||||
}) |
||||
.fail(function () { |
||||
$.notify( |
||||
{ message: "Error: No response from API.<br>(loadSettingsData)" }, |
||||
{ type: "danger", timer: 3000 } |
||||
); |
||||
}); |
||||
} |
||||
|
||||
// Load Pool Stats Ticker
|
||||
function loadStatsTicker() { |
||||
$.when( |
||||
$.ajax(API + "stats").done(function (data) { |
||||
hold = (data.PayoutThreshold / 1000000000).toFixed(2); |
||||
fee = data.PoolFee; |
||||
pay = data.PayoutInterval; |
||||
}), |
||||
$.ajax(API + "stats").done(function (data) { |
||||
shares = data.stats.roundShares; |
||||
poolhash = data.hashrate; |
||||
miners = data.minersTotal; |
||||
workers = data.totalWorkers; |
||||
difficulty = data.nodes[0].difficulty; |
||||
nethash = data.nodes[0].difficulty / data.nodes[0].blocktime; |
||||
blocktime = data.nodes[0].blocktime; |
||||
chainheight = data.nodes[0].height; |
||||
}) |
||||
) |
||||
.then(function () { |
||||
$("#payoutShemeTicker").text("PROP"); |
||||
$("#poolFeeTicker").text(fee + " %"); |
||||
$("#payIntervalTicker").text(pay); |
||||
$("#minPaymentTicker").text(hold + " ETC"); |
||||
$("#poolHashrateTicker").text(_formatter(poolhash, 3, "H/s")); |
||||
$("#networkHashrateTicker").text(_formatter(nethash, 3, "H/s")); |
||||
$("#networkDifficultyTicker").text(_formatter(difficulty, 3, "H/s")); |
||||
$("#poolMinersTicker").text(miners + " Miner(s)"); |
||||
$("#poolWorkersTicker").text(workers + " Worker(s)"); |
||||
$("#blockchainHeightTicker").text(chainheight); |
||||
}); |
||||
} |
||||
|
||||
// Load Pool Hashrate Charts
|
||||
function loadPoolHashrateChart() { |
||||
return $.ajax(API + "stats").done(function (data) { |
||||
labels = []; |
||||
poolHashrate = []; |
||||
$.each(data.poolCharts, function (index, value) { |
||||
if (labels.length === 0 || (labels.length + 1) % 6 === 1) { |
||||
var createDate = new Date(value.x * 1000); |
||||
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes()); |
||||
} else { |
||||
labels.push(""); |
||||
} |
||||
poolHashrate.push(value.y); |
||||
}); |
||||
var dataPoolHash = { labels: labels, series: [poolHashrate] }; |
||||
var chartPoolhash = { |
||||
height: "377px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false }, |
||||
fullWidth: true, chartPadding: { right: 10, left: -5, bottom: -10 }, |
||||
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } }, |
||||
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 }) |
||||
}; |
||||
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]]; |
||||
Chartist.Line("#chartStatsPoolHashrate", dataPoolHash, chartPoolhash, responsiveOptions); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Miner Charts
|
||||
function loadPoolMinerChart() { |
||||
return $.ajax(API + "stats").done(function (data) { |
||||
labels = []; |
||||
poolMiner = []; |
||||
$.each(data.clientCharts, function (index, value) { |
||||
if (labels.length === 0 || (labels.length + 1) % 6 === 1) { |
||||
var createDate = new Date(value.x * 1000); |
||||
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes()); |
||||
} else { |
||||
labels.push(""); |
||||
} |
||||
poolMiner.push(value.y); |
||||
}); |
||||
var dataPoolMiner = { labels: labels, series: [poolMiner] }; |
||||
var chartPoolMiner = { |
||||
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false }, |
||||
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 }, |
||||
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, ""); } }, |
||||
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 }) |
||||
}; |
||||
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]]; |
||||
Chartist.Line("#chartStatsPoolMiner", dataPoolMiner, chartPoolMiner, responsiveOptions); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Worker Charts
|
||||
function loadPoolWorkerChart() { |
||||
return $.ajax(API + "stats").done(function (data) { |
||||
labels = []; |
||||
poolWorker = []; |
||||
$.each(data.workerCharts, function (index, value) { |
||||
if (labels.length === 0 || (labels.length + 1) % 6 === 1) { |
||||
var createDate = new Date(value.x * 1000); |
||||
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes()); |
||||
} else { |
||||
labels.push(""); |
||||
} |
||||
poolWorker.push(value.y); |
||||
}); |
||||
var dataPoolWorker = { labels: labels, series: [poolWorker] }; |
||||
var chartPoolWorker = { |
||||
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false }, |
||||
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 }, |
||||
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, ""); } }, |
||||
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 }) |
||||
}; |
||||
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]]; |
||||
Chartist.Line("#chartStatsPoolWorker", dataPoolWorker, chartPoolWorker, responsiveOptions); |
||||
}) |
||||
} |
||||
|
||||
// Load Net Difficulty Charts
|
||||
function loadNetDiffChart() { |
||||
return $.ajax(API + "stats").done(function (data) { |
||||
labels = []; |
||||
netDiff = []; |
||||
$.each(data.netCharts, function (index, value) { |
||||
if (labels.length === 0 || (labels.length + 1) % 6 === 1) { |
||||
var createDate = new Date(value.x * 1000); |
||||
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes()); |
||||
} else { |
||||
labels.push(""); |
||||
} |
||||
netDiff.push(value.y); |
||||
}); |
||||
var dataNetDiff = { labels: labels, series: [netDiff] }; |
||||
var chartNetDiff = { |
||||
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false }, |
||||
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 }, |
||||
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } }, |
||||
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 }) |
||||
}; |
||||
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]]; |
||||
Chartist.Line("#chartStatsNetDiff", dataNetDiff, chartNetDiff, responsiveOptions); |
||||
}) |
||||
} |
||||
|
||||
// Load Net Hashrate Charts
|
||||
function loadNetHashChart() { |
||||
return $.ajax(API + "stats").done(function (data) { |
||||
labels = []; |
||||
netHash = []; |
||||
var blockTime = data.nodes[0].blocktime; |
||||
$.each(data.netCharts, function (index, value) { |
||||
if (labels.length === 0 || (labels.length + 1) % 6 === 1) { |
||||
var createDate = new Date(value.x * 1000); |
||||
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes()); |
||||
} else { |
||||
labels.push(""); |
||||
} |
||||
netHash.push(value.y / blockTime); |
||||
}); |
||||
var dataNetHash = { labels: labels, series: [netHash] }; |
||||
var chartNetHash = { |
||||
height: "125px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false }, |
||||
fullWidth: true, chartPadding: { right: 5, left: -5, bottom: -15 }, |
||||
axisY: { offset: 47, scale: "logcc", labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } }, |
||||
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 }) |
||||
}; |
||||
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[1]; } } }]]; |
||||
Chartist.Line("#chartStatsNetHash", dataNetHash, chartNetHash, responsiveOptions); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Stats Price
|
||||
function loadStatsPrice() { |
||||
return $.ajax("https://api.coingecko.com/api/v3/coins/ethereum-classic").done(function (data) { |
||||
coins = 2.500; |
||||
price = (data.market_data.current_price.usd).toFixed(2); |
||||
blockRewardUSD = (coins * price).toFixed(2); |
||||
$("#etcToUSD").html("$ " + data.market_data.current_price.usd.toFixed(2)); |
||||
$("#etcToBTC").html(data.market_data.current_price.btc.toFixed(8)); |
||||
$("#priceHigh").html("$ " + data.market_data.high_24h.usd.toFixed(2)); |
||||
$("#priceHighBTC").html(data.market_data.high_24h.btc.toFixed(8)); |
||||
$("#priceLow").html("$ " + data.market_data.low_24h.usd.toFixed(2)); |
||||
$("#priceLowBTC").html(data.market_data.low_24h.btc.toFixed(8)); |
||||
$("#changeBTC").html(data.market_data.price_change_24h_in_currency.btc.toFixed(8)); |
||||
$("#changeBTCPercent").html(data.market_data.price_change_percentage_24h_in_currency.btc.toFixed(2) + " %"); |
||||
$("#marketCap").html(data.market_data.market_cap_rank); |
||||
$("#genesisDate").html(data.genesis_date); |
||||
$("#blockToUSD").html(blockRewardUSD + " $"); |
||||
$("#lastBlockReward").html(coins + " ETC"); |
||||
}); |
||||
} |
||||
|
||||
// Load Pool Blocks Overview Content
|
||||
function loadBlocksOverviewPage() { |
||||
setInterval( |
||||
(function load() { |
||||
loadBlocksPage(); |
||||
loadImmaturePage(); |
||||
loadAvgTotalPage(); |
||||
loadluckPage(); |
||||
return load; |
||||
})(), 5000 |
||||
); |
||||
} |
||||
|
||||
// Load Pool Blocks Content
|
||||
function loadBlocksPage() { |
||||
return $.ajax(API + "blocks").done(function (data) { |
||||
var blockList = ""; |
||||
if (data.matured.length > 0) { |
||||
$.each(data.matured, function (index, value) { |
||||
var createDate = convertLocalDateToUTCDate(new Date(value.timestamp * 1000), false); |
||||
convertedDate = dateConvertor(createDate); |
||||
var effort = ((value.shares / value.difficulty) * 100).toFixed(2); |
||||
var reward = (value.reward / 1000000000000000000).toFixed(4); |
||||
var effortClass = ""; |
||||
if (effort < 100) { |
||||
effortClass = "effort1"; |
||||
} else if (effort < 200) { |
||||
effortClass = "effort2"; |
||||
} else if (effort < 500) { |
||||
effortClass = "effort3"; |
||||
} else { |
||||
effortClass = "effort4"; |
||||
} |
||||
blockList += "<tr>"; |
||||
blockList += "<td class='text-white'>" + convertedDate + "</td>"; |
||||
var blockart = value.uncle; |
||||
if (value.uncle == false) { |
||||
blockList += "<td><span class='badge badge-success'>Block</span></td>"; |
||||
} else if (value.uncle == true) { |
||||
blockList += "<td><span class='badge badge-info'>Uncle</span></td>"; |
||||
} else { |
||||
blockList += "<td>" + blockart + "</td>"; |
||||
} |
||||
blockList += "<td><a href='" + infoLink + "' target='_blank'>" + value.height + "</a></td>"; |
||||
blockList += "<td class='text-white'><a href='" + infoLink + value.hash + "' target='_blank'>" + value.hash.substring(0, 8) + " … " + value.hash.substring(value.hash.length - 8) + "</a></td>"; |
||||
blockList += "<td class='text-white'>" + _formatter(value.difficulty, 5, "H/s") + "</td>"; |
||||
blockList += "<td><span class='" + effortClass + "'>" + effort + "%</span></td>"; |
||||
var status = value.orphan; |
||||
if (value.orphan == false) { |
||||
blockList += "<td><span class='badge badge-success'>Confirmed</span></td>"; |
||||
} else if (value.orphan == true) { |
||||
blockList += "<td><span class='badge badge-danger'>Orphaned</span></td>"; |
||||
} else { |
||||
blockList += "<td>" + status + "</td>"; |
||||
} |
||||
blockList += "<td class='text-white'>" + reward + " ETC</td>"; |
||||
blockList += "</tr>"; |
||||
}); |
||||
} else { |
||||
blockList += '<tr><td colspan="6">No Blocks Found Yet</td></tr>'; |
||||
} |
||||
$("#blockList").html(blockList); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Immature Content
|
||||
function loadImmaturePage() { |
||||
$.when( |
||||
$.ajax(API + "stats").done(function (data) { |
||||
var lastBlockDate = convertLocalDateToUTCDate(new Date(data.stats.lastBlockFound * 1000), false); |
||||
convertedBlockDate = dateConvertor(lastBlockDate); |
||||
$.each(data.nodes, function (index, value) { |
||||
chainheight = value.height; |
||||
}); |
||||
$("#lastBlock").html(convertedBlockDate); |
||||
}), |
||||
$.ajax(API + "blocks").done(function (data) { |
||||
var immaList = ""; |
||||
if (data.immature.length > 0) { |
||||
$.each(data.immature, function (index, value) { |
||||
var createDate = convertLocalDateToUTCDate(new Date(value.timestamp * 1000), false); |
||||
convertedDate = dateConvertor(createDate); |
||||
blockheight = value.height; |
||||
var effort = ((value.shares / value.difficulty) * 100).toFixed(2); |
||||
var reward = (value.reward / 1000000000000000000).toFixed(4); |
||||
var confirm = chainheight - blockheight; |
||||
var effortClass = ""; |
||||
if (effort < 100) { |
||||
effortClass = "effort1"; |
||||
} else if (effort < 200) { |
||||
effortClass = "effort2"; |
||||
} else if (effort < 500) { |
||||
effortClass = "effort3"; |
||||
} else { |
||||
effortClass = "effort4"; |
||||
} |
||||
var confclass = ""; |
||||
if (confirm < 100) { |
||||
confclass = confirm; |
||||
} else { |
||||
confclass = "100"; |
||||
} |
||||
immaList += "<tr>"; |
||||
immaList += "<td class='text-white'>" + convertedDate + "</td>"; |
||||
if (value.uncle = false) { |
||||
immaList += "<td><span class='badge badge-success'>Block</span></td>"; |
||||
} else { |
||||
immaList += "<td><span class='badge badge-info'>Pending</span></td>"; |
||||
} |
||||
immaList += "<td><a href='" + infoLink + "' target='_blank'>" + value.height + "</a></td>"; |
||||
immaList += "<td class='text-white'><a href='" + infoLink + value.hash + "' target='_blank'>" + value.hash.substring(0, 8) + " … " + value.hash.substring(value.hash.length - 8) + "</a></td>"; |
||||
immaList += "<td class='text-white'>" + _formatter(value.difficulty, 5, "H/s") + "</td>"; |
||||
immaList += "<td><span class='" + effortClass + "'>" + effort + "%</span></td>"; |
||||
immaList += "<td class='text-white'>" + reward + " ETC</td>"; |
||||
immaList += "<td><div class='progress-bar progress-bar-striped bg-info progress-bar-animated' role='progressbar' aria-valuenow='" + confclass + "' aria-valuemin='0' aria-valuemax='100' style='width: " + confclass + "%'><span class='text-white'>" + confclass + "% Completed</span></div></td>"; |
||||
immaList += "</tr>"; |
||||
}); |
||||
} else { |
||||
immaList += "<tr><td colspan='6'>No Immature Blocks Found</td></tr>"; |
||||
} |
||||
$("#immaList").html(immaList); |
||||
}), |
||||
) |
||||
} |
||||
|
||||
// Load Pool Average Total Content
|
||||
function loadAvgTotalPage() { |
||||
return $.ajax(API + "blocks").done(function (data) { |
||||
var total = 0; |
||||
var totalCoin = 0; |
||||
var luckListAll = ""; |
||||
if (data.matured.length > 0) { |
||||
$.each(data.matured, function (index, value) { |
||||
total += parseFloat(value.shares / value.difficulty); |
||||
totalCoin += parseFloat(value.reward); |
||||
var avg = ((total * 100) / data.matured.length).toFixed(2); |
||||
var effortClass = ""; |
||||
if (avg < 100) { |
||||
effortClass = "effort1"; |
||||
} else if (avg < 200) { |
||||
effortClass = "effort2"; |
||||
} else if (avg < 500) { |
||||
effortClass = "effort3"; |
||||
} else { |
||||
effortClass = "effort4"; |
||||
} |
||||
luckListAll = "<span class='" + effortClass + "'>" + avg + " %</span>"; |
||||
}); |
||||
} |
||||
var coins = (totalCoin / 1000000000000000000).toFixed(4); |
||||
$("#avgLuckTotal").html(luckListAll); |
||||
$("#totalBlocks").html(data.matured.length + " Blocks"); |
||||
$("#totalCoins").html(coins + " ETC"); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Luck Content
|
||||
function loadluckPage() { |
||||
return $.ajax(API + "blocks").done(function (data) { |
||||
var imma = data.immatureTotal; |
||||
$.each(data.luck, function (index, value) { |
||||
uncle = value.uncleRate; |
||||
}); |
||||
$("#uncleRate").html(uncle + " %"); |
||||
$("#immature").html(imma + " Blocks"); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Miners Content
|
||||
function loadTopMinersPage() { |
||||
setInterval( |
||||
(function load() { |
||||
loadMinersPage(); |
||||
return load; |
||||
})(), 5000 |
||||
); |
||||
} |
||||
|
||||
// Load Pool Miners
|
||||
function loadMinersPage() { |
||||
return $.ajax(API + "miners").done(function (data) { |
||||
var minerList = ""; |
||||
if (data.miners) { |
||||
var minerCount = 0; |
||||
$.each(data.miners, function (index, value) { |
||||
minerCount++; |
||||
start = new Date(value.lastBeat).valueOf(); |
||||
end = new Date().getTime(); |
||||
lastShareDiff = timeDiffSec(start, end); |
||||
minerList += "<tr>"; |
||||
minerList += "<td class='text-success'><b>" + minerCount + "</b></td>"; |
||||
minerList += "<td class='text-white'><a href='dashboard.html?#" + currentPool + "/stats?address=" + index + "'>" + index + "</td>"; |
||||
minerList += "<td class='text-white'>" + lastShareDiff + " ago</td>"; |
||||
minerList += "<td class='text-white'>" + _formatter(value.hr, 5, "H/s") + "</td>"; |
||||
minerList += "</tr>"; |
||||
}); |
||||
} else { |
||||
minerList += '<tr><td class="text-danger" colspan="4">No Miner Connected</td></tr>'; |
||||
} |
||||
$("#minerList").html(minerList); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Dashboard Content
|
||||
function loadDashboardPage() { |
||||
function render() { |
||||
setInterval( |
||||
(function load() { |
||||
loadDashboardData($("#walletAddress").val()); |
||||
loadDashboardWorkerList($("#walletAddress").val()); |
||||
loadDashboardPaymentList($("#walletAddress").val()); |
||||
loadDashboardChart($("#walletAddress").val()); |
||||
loadMinerAddressPage($("#walletAddress").val()); |
||||
return load; |
||||
})(), 5000 |
||||
); |
||||
} |
||||
var walletQueryString = window.location.hash.split(/[#/?]/)[3]; |
||||
if (walletQueryString) { |
||||
var wallet = window.location.hash.split(/[#/?]/)[3].replace("address=", ""); |
||||
if (wallet) { |
||||
$(walletAddress).val(wallet); |
||||
localStorage.setItem(currentPool + "-walletAddress", wallet); |
||||
render(); |
||||
} |
||||
} |
||||
if (localStorage[currentPool + "-walletAddress"]) { |
||||
$("#walletAddress").val(localStorage[currentPool + "-walletAddress"]); |
||||
} |
||||
} |
||||
|
||||
// Load Pool Dashboard Wallet
|
||||
function loadWallet() { |
||||
console.log('Loading wallet address:', $("#walletAddress").val()); |
||||
if ($("#walletAddress").val().length > 0) { |
||||
localStorage.setItem(currentPool + "-walletAddress", $("#walletAddress").val()); |
||||
} |
||||
var coin = window.location.hash.split(/[#/?]/)[1]; |
||||
var currentPage = window.location.hash.split(/[#/?]/)[2] || "stats"; |
||||
window.location.href = "#" + currentPool + "/" + currentPage + "?address=" + $("#walletAddress").val(); |
||||
} |
||||
|
||||
// Load Pool Dashboard Data
|
||||
function loadDashboardData(walletAddress) { |
||||
return $.ajax(API + "accounts/" + walletAddress).done(function (data) { |
||||
coins = ((data.stats.paid + data.stats.balance) / 1000000000).toFixed(4); |
||||
rshares = data.roundShares / 1000000000; |
||||
pendsbal = (data.stats.balance / 1000000000).toFixed(8); |
||||
$("#minerHashrate").text(_formatter(data.currentHashrate, 3, "H/s")); |
||||
$("#pendingBalance").text(pendsbal + " ETC"); |
||||
$("#lifetimeBalance").text(coins + " ETC"); |
||||
$("#minerShares").text(rshares); |
||||
$("#avgHash").text(_formatter(data.hashrate, 3, "H/s")); |
||||
$("#blocksFound").text(data.stats.blocksFound); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Dashboard Worker
|
||||
function loadDashboardWorkerList(walletAddress) { |
||||
return $.ajax(API + "accounts/" + walletAddress).done(function (data) { |
||||
var workerList = ""; |
||||
if (data.workers) { |
||||
var workerCount = 0; |
||||
$.each(data.workers, function (index, value) { |
||||
workerCount++; |
||||
start = new Date(value.lastBeat).valueOf(); |
||||
end = new Date().getTime(); |
||||
lastShareDiff = timeDiffSec(start, end); |
||||
workerList += "<tr>"; |
||||
workerList += "<td class='text-success'><b>" + workerCount + "</b></td>"; |
||||
workerList += "<td class='text-white'>" + index + "</td>"; |
||||
workerList += "<td class='text-white'>" + _formatter(value.hr, 3, "H/s") + "</td>"; |
||||
workerList += "<td class='text-white'>" + lastShareDiff + " ago</td>"; |
||||
workerList += "</tr>"; |
||||
}); |
||||
} else { |
||||
workerList += '<tr><td class="text-danger" colspan="4">No Worker Connected</td></tr>'; |
||||
} |
||||
$("#workerCount").text(workerCount); |
||||
$("#workerList").html(workerList); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Dashboard Payment
|
||||
function loadDashboardPaymentList(walletAddress) { |
||||
return $.ajax(API + "accounts/" + walletAddress).done(function (data) { |
||||
var wpaymentList = ""; |
||||
if (data.payments) { |
||||
var wpaymentCount = 0; |
||||
$.each(data.payments, function (index, value) { |
||||
wpaymentCount++; |
||||
var createDate = convertLocalDateToUTCDate(new Date(value.timestamp * 1000), false); |
||||
convertedDate = dateConvertor(createDate); |
||||
wtxid = value.tx; |
||||
paid = (value.amount / 1000000000).toFixed(4); |
||||
wpaymentList += "<tr>"; |
||||
wpaymentList += "<td class='text-success'><b>" + wpaymentCount + "</b></td>"; |
||||
wpaymentList += "<td class='text-white'>" + convertedDate + "</td>"; |
||||
wpaymentList += "<td class='text-white'>" + paid + " ETC</td>"; |
||||
wpaymentList += "<td class='text-white'><a href='" + txLink + wtxid + "' target='_blank'>" + wtxid.substring(0, 5) + " … " + wtxid.substring(wtxid.length - 5) + "</a></td>"; |
||||
wpaymentList += "</tr>"; |
||||
}); |
||||
} else { |
||||
wpaymentList += '<tr><td class="text-danger" colspan="4">No Payments Done</td></tr>'; |
||||
} |
||||
$("#wpaymentCount").html(wpaymentCount); |
||||
$("#wpaymentList").html(wpaymentList); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Dashboard Chart
|
||||
function loadDashboardChart(walletAddress) { |
||||
return $.ajax(API + "accounts/" + walletAddress).done(function (data) { |
||||
labels = []; |
||||
minerHashrate = []; |
||||
$.each(data.minerCharts, function (index, value) { |
||||
if (labels.length === 0 || (labels.length + 1) % 4 === 1) { |
||||
var createDate = new Date(value.x * 1000); |
||||
labels.push(createDate.getHours() + ":" + (createDate.getMinutes() < 10 ? '0' : '') + createDate.getMinutes()); |
||||
} else { |
||||
labels.push(""); |
||||
} |
||||
minerHashrate.push(value.minerHash); |
||||
}); |
||||
var data = { labels: labels, series: [minerHashrate] }; |
||||
var options = { |
||||
height: "300px", showArea: true, showPoint: false, seriesBarDistance: 1, axisX: { showGrid: false }, |
||||
fullWidth: true, chartPadding: { right: 10, left: -5, bottom: -10, top: 10 }, |
||||
axisY: { offset: 47, labelInterpolationFnc: function (value) { return _formatter(value, 1, "H/s"); } }, |
||||
lineSmooth: Chartist.Interpolation.simple({ divisor: 2 }) |
||||
}; |
||||
var responsiveOptions = [["screen and (max-width: 640px)", { axisX: { labelInterpolationFnc: function (value) { return value[0]; } } }]]; |
||||
Chartist.Line("#chartDashboardHashrate", data, options, responsiveOptions); |
||||
}) |
||||
} |
||||
|
||||
// Load Pool Miner Address
|
||||
function loadMinerAddressPage(walletAddress) { |
||||
$.when( |
||||
$.ajax(API + "accounts/" + walletAddress).done(function (data) { |
||||
minershares = data.roundShares; |
||||
minerhash = data.currentHashrate; |
||||
}), |
||||
$.ajax(API + "stats").done(function (data) { |
||||
poolshares = data.stats.roundShares; |
||||
poolhash = data.hashrate; |
||||
creward = 2.5; |
||||
}) |
||||
) |
||||
.then(function () { |
||||
var shareDominance = ((minershares * 100) / poolshares).toFixed(2); |
||||
var hashDominance = ((minerhash * 100) / poolhash).toFixed(2); |
||||
var avgpay = ((shareDominance / 100) * creward).toFixed(4); |
||||
$("#minerPercent").html(hashDominance + " %"); |
||||
$("#minerSharesDominance").html(shareDominance + " %"); |
||||
$("#avgPayout").html(avgpay + " ETC"); |
||||
}); |
||||
} |
||||
|
||||
// Load Pool Payments Content
|
||||
function loadPaymentsOverviewPage() { |
||||
setInterval( |
||||
(function load() { |
||||
loadPaymentsPage(); |
||||
return load; |
||||
})(), 5000 |
||||
); |
||||
} |
||||
|
||||
// Load Pool Payments Page
|
||||
function loadPaymentsPage() { |
||||
return $.ajax(API + "payments").done(function (data) { |
||||
var paymentList = ""; |
||||
$.each(data.payments, function (index, value) { |
||||
var createDate = convertUTCDateToLocalDate(new Date(value.timestamp * 1000), false); |
||||
convertedDate = dateConvertor(createDate); |
||||
reward = (value.amount / 1000000000).toFixed(8); |
||||
miner = value.address; |
||||
txid = value.tx; |
||||
paymentList += "<tr>"; |
||||
paymentList += "<td class='text-white'>" + convertedDate + "</td>"; |
||||
paymentList += "<td class='text-white'><a href='" + txLink + txid + "' target='_blank'>" + txid.substring(0, 8) + " … " + txid.substring(txid.length - 8) + "</a></td>"; |
||||
paymentList += "<td class='text-white'>" + miner + "</td>"; |
||||
paymentList += "<td class='text-white'>" + reward + " ETC</td>"; |
||||
paymentList += "</tr>"; |
||||
}); |
||||
$("#paymentList").html(paymentList); |
||||
}) |
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,615 @@
|
||||
.ct-label { |
||||
fill: rgba(0, 0, 0, 0.4); |
||||
color: rgba(255, 255, 255, 0.4); |
||||
font-size: 0.75rem; |
||||
line-height: 1; } |
||||
|
||||
.ct-chart-line .ct-label, |
||||
.ct-chart-bar .ct-label { |
||||
display: block; |
||||
display: -webkit-box; |
||||
display: -moz-box; |
||||
display: -ms-flexbox; |
||||
display: -webkit-flex; |
||||
display: flex; } |
||||
|
||||
.ct-chart-pie .ct-label, |
||||
.ct-chart-donut .ct-label { |
||||
dominant-baseline: central; } |
||||
|
||||
.ct-label.ct-horizontal.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-label.ct-horizontal.ct-end { |
||||
-webkit-box-align: flex-start; |
||||
-webkit-align-items: flex-start; |
||||
-ms-flex-align: flex-start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-label.ct-vertical.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-end; |
||||
-webkit-justify-content: flex-end; |
||||
-ms-flex-pack: flex-end; |
||||
justify-content: flex-end; |
||||
text-align: right; |
||||
text-anchor: end; } |
||||
|
||||
.ct-label.ct-vertical.ct-end { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar .ct-label.ct-horizontal.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: center; |
||||
-webkit-justify-content: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar .ct-label.ct-horizontal.ct-end { |
||||
-webkit-box-align: flex-start; |
||||
-webkit-align-items: flex-start; |
||||
-ms-flex-align: flex-start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: center; |
||||
-webkit-justify-content: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { |
||||
-webkit-box-align: flex-start; |
||||
-webkit-align-items: flex-start; |
||||
-ms-flex-align: flex-start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { |
||||
-webkit-box-align: center; |
||||
-webkit-align-items: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: flex-end; |
||||
-webkit-justify-content: flex-end; |
||||
-ms-flex-pack: flex-end; |
||||
justify-content: flex-end; |
||||
text-align: right; |
||||
text-anchor: end; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { |
||||
-webkit-box-align: center; |
||||
-webkit-align-items: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: end; } |
||||
|
||||
.ct-grid { |
||||
stroke: rgba(0, 0, 0, 0.2); |
||||
stroke-width: 1px; |
||||
stroke-dasharray: 2px; } |
||||
|
||||
.ct-grid-background { |
||||
fill: none; } |
||||
|
||||
.ct-point { |
||||
stroke-width: 10px; |
||||
stroke-linecap: round; } |
||||
|
||||
.ct-line { |
||||
fill: none; |
||||
stroke-width: 4px; } |
||||
|
||||
.ct-area { |
||||
stroke: none; |
||||
fill-opacity: 0.1; } |
||||
|
||||
.ct-bar { |
||||
fill: none; |
||||
stroke-width: 10px; } |
||||
|
||||
.ct-slice-donut { |
||||
fill: none; |
||||
stroke-width: 60px; } |
||||
|
||||
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { |
||||
stroke: #198fed; } |
||||
|
||||
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { |
||||
fill: #198fed; } |
||||
|
||||
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { |
||||
stroke: #9fb3ca; } |
||||
|
||||
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { |
||||
fill: #9fb3ca; } |
||||
|
||||
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { |
||||
stroke: #22b3dd; } |
||||
|
||||
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { |
||||
fill: #22b3dd; } |
||||
|
||||
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { |
||||
stroke: #10c347; } |
||||
|
||||
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { |
||||
fill: #10c347; } |
||||
|
||||
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { |
||||
stroke: #f4ac2f; } |
||||
|
||||
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { |
||||
fill: #f4ac2f; } |
||||
|
||||
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { |
||||
stroke: #ff0b5b; } |
||||
|
||||
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { |
||||
fill: #ff0b5b; } |
||||
|
||||
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { |
||||
stroke: #bcc2c8; } |
||||
|
||||
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { |
||||
fill: #bcc2c8; } |
||||
|
||||
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { |
||||
stroke: #ec407a; } |
||||
|
||||
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { |
||||
fill: #d81b60; } |
||||
|
||||
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { |
||||
stroke: #ab47bc; } |
||||
|
||||
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { |
||||
fill: #8e24aa; } |
||||
|
||||
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { |
||||
stroke: #25b6b4; } |
||||
|
||||
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { |
||||
fill: #137e7d; } |
||||
|
||||
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { |
||||
stroke: #ef6c00; } |
||||
|
||||
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { |
||||
fill: #e65100; } |
||||
|
||||
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { |
||||
stroke: #3f51b5; } |
||||
|
||||
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { |
||||
fill: #283593; } |
||||
|
||||
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { |
||||
stroke: #039be5; } |
||||
|
||||
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { |
||||
fill: #01579b; } |
||||
|
||||
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { |
||||
stroke: #607d8b; } |
||||
|
||||
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { |
||||
fill: #455a64; } |
||||
|
||||
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { |
||||
stroke: #757575; } |
||||
|
||||
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { |
||||
fill: #3f3e3e; } |
||||
|
||||
.ct-square { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-square:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 100%; } |
||||
.ct-square:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-square > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-second { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-second:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 93.75%; } |
||||
.ct-minor-second:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-second > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-second { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-second:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 88.8888888889%; } |
||||
.ct-major-second:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-second > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-third { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-third:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 83.3333333333%; } |
||||
.ct-minor-third:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-third > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-third { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-third:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 80%; } |
||||
.ct-major-third:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-third > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-perfect-fourth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-perfect-fourth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 75%; } |
||||
.ct-perfect-fourth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-perfect-fourth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-perfect-fifth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-perfect-fifth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 66.6666666667%; } |
||||
.ct-perfect-fifth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-perfect-fifth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-sixth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-sixth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 62.5%; } |
||||
.ct-minor-sixth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-sixth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-golden-section { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-golden-section:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 61.804697157%; } |
||||
.ct-golden-section:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-golden-section > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-sixth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-sixth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 60%; } |
||||
.ct-major-sixth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-sixth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-seventh { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-seventh:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 56.25%; } |
||||
.ct-minor-seventh:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-seventh > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-seventh { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-seventh:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 53.3333333333%; } |
||||
.ct-major-seventh:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-seventh > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-octave { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-octave:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 50%; } |
||||
.ct-octave:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-octave > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-tenth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-tenth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 40%; } |
||||
.ct-major-tenth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-tenth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-eleventh { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-eleventh:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 37.5%; } |
||||
.ct-major-eleventh:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-eleventh > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-twelfth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-twelfth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 33.3333333333%; } |
||||
.ct-major-twelfth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-twelfth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-double-octave { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-double-octave:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 25%; } |
||||
.ct-double-octave:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-double-octave > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
/*# sourceMappingURL=chartist.css.map */ |
||||
@ -0,0 +1,615 @@
|
||||
.ct-label { |
||||
fill: rgba(0, 0, 0, 0.4); |
||||
color: rgba(255, 255, 255, 0.4); |
||||
font-size: 0.75rem; |
||||
line-height: 1; } |
||||
|
||||
.ct-chart-line .ct-label, |
||||
.ct-chart-bar .ct-label { |
||||
display: block; |
||||
display: -webkit-box; |
||||
display: -moz-box; |
||||
display: -ms-flexbox; |
||||
display: -webkit-flex; |
||||
display: flex; } |
||||
|
||||
.ct-chart-pie .ct-label, |
||||
.ct-chart-donut .ct-label { |
||||
dominant-baseline: central; } |
||||
|
||||
.ct-label.ct-horizontal.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-label.ct-horizontal.ct-end { |
||||
-webkit-box-align: flex-start; |
||||
-webkit-align-items: flex-start; |
||||
-ms-flex-align: flex-start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-label.ct-vertical.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-end; |
||||
-webkit-justify-content: flex-end; |
||||
-ms-flex-pack: flex-end; |
||||
justify-content: flex-end; |
||||
text-align: right; |
||||
text-anchor: end; } |
||||
|
||||
.ct-label.ct-vertical.ct-end { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar .ct-label.ct-horizontal.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: center; |
||||
-webkit-justify-content: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar .ct-label.ct-horizontal.ct-end { |
||||
-webkit-box-align: flex-start; |
||||
-webkit-align-items: flex-start; |
||||
-ms-flex-align: flex-start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: center; |
||||
-webkit-justify-content: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { |
||||
-webkit-box-align: flex-end; |
||||
-webkit-align-items: flex-end; |
||||
-ms-flex-align: flex-end; |
||||
align-items: flex-end; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { |
||||
-webkit-box-align: flex-start; |
||||
-webkit-align-items: flex-start; |
||||
-ms-flex-align: flex-start; |
||||
align-items: flex-start; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: start; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { |
||||
-webkit-box-align: center; |
||||
-webkit-align-items: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: flex-end; |
||||
-webkit-justify-content: flex-end; |
||||
-ms-flex-pack: flex-end; |
||||
justify-content: flex-end; |
||||
text-align: right; |
||||
text-anchor: end; } |
||||
|
||||
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { |
||||
-webkit-box-align: center; |
||||
-webkit-align-items: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: flex-start; |
||||
-webkit-justify-content: flex-start; |
||||
-ms-flex-pack: flex-start; |
||||
justify-content: flex-start; |
||||
text-align: left; |
||||
text-anchor: end; } |
||||
|
||||
.ct-grid { |
||||
stroke: rgba(0, 0, 0, 0.2); |
||||
stroke-width: 1px; |
||||
stroke-dasharray: 2px; } |
||||
|
||||
.ct-grid-background { |
||||
fill: none; } |
||||
|
||||
.ct-point { |
||||
stroke-width: 10px; |
||||
stroke-linecap: round; } |
||||
|
||||
.ct-line { |
||||
fill: none; |
||||
stroke-width: 4px; } |
||||
|
||||
.ct-area { |
||||
stroke: none; |
||||
fill-opacity: 0.1; } |
||||
|
||||
.ct-bar { |
||||
fill: none; |
||||
stroke-width: 10px; } |
||||
|
||||
.ct-slice-donut { |
||||
fill: none; |
||||
stroke-width: 60px; } |
||||
|
||||
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { |
||||
stroke: #198fed; } |
||||
|
||||
.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { |
||||
fill: #198fed; } |
||||
|
||||
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { |
||||
stroke: #9fb3ca; } |
||||
|
||||
.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { |
||||
fill: #9fb3ca; } |
||||
|
||||
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { |
||||
stroke: #22b3dd; } |
||||
|
||||
.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { |
||||
fill: #22b3dd; } |
||||
|
||||
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { |
||||
stroke: #10c347; } |
||||
|
||||
.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { |
||||
fill: #10c347; } |
||||
|
||||
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { |
||||
stroke: #f4ac2f; } |
||||
|
||||
.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { |
||||
fill: #f4ac2f; } |
||||
|
||||
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { |
||||
stroke: #ff0b5b; } |
||||
|
||||
.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { |
||||
fill: #ff0b5b; } |
||||
|
||||
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { |
||||
stroke: #bcc2c8; } |
||||
|
||||
.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { |
||||
fill: #bcc2c8; } |
||||
|
||||
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { |
||||
stroke: #ec407a; } |
||||
|
||||
.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { |
||||
fill: #d81b60; } |
||||
|
||||
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { |
||||
stroke: #ab47bc; } |
||||
|
||||
.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { |
||||
fill: #8e24aa; } |
||||
|
||||
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { |
||||
stroke: #25b6b4; } |
||||
|
||||
.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { |
||||
fill: #137e7d; } |
||||
|
||||
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { |
||||
stroke: #ef6c00; } |
||||
|
||||
.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { |
||||
fill: #e65100; } |
||||
|
||||
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { |
||||
stroke: #3f51b5; } |
||||
|
||||
.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { |
||||
fill: #283593; } |
||||
|
||||
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { |
||||
stroke: #039be5; } |
||||
|
||||
.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { |
||||
fill: #01579b; } |
||||
|
||||
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { |
||||
stroke: #607d8b; } |
||||
|
||||
.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { |
||||
fill: #455a64; } |
||||
|
||||
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { |
||||
stroke: #757575; } |
||||
|
||||
.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { |
||||
fill: #3f3e3e; } |
||||
|
||||
.ct-square { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-square:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 100%; } |
||||
.ct-square:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-square > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-second { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-second:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 93.75%; } |
||||
.ct-minor-second:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-second > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-second { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-second:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 88.8888888889%; } |
||||
.ct-major-second:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-second > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-third { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-third:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 83.3333333333%; } |
||||
.ct-minor-third:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-third > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-third { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-third:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 80%; } |
||||
.ct-major-third:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-third > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-perfect-fourth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-perfect-fourth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 75%; } |
||||
.ct-perfect-fourth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-perfect-fourth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-perfect-fifth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-perfect-fifth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 66.6666666667%; } |
||||
.ct-perfect-fifth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-perfect-fifth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-sixth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-sixth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 62.5%; } |
||||
.ct-minor-sixth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-sixth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-golden-section { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-golden-section:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 61.804697157%; } |
||||
.ct-golden-section:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-golden-section > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-sixth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-sixth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 60%; } |
||||
.ct-major-sixth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-sixth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-minor-seventh { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-minor-seventh:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 56.25%; } |
||||
.ct-minor-seventh:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-minor-seventh > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-seventh { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-seventh:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 53.3333333333%; } |
||||
.ct-major-seventh:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-seventh > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-octave { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-octave:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 50%; } |
||||
.ct-octave:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-octave > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-tenth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-tenth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 40%; } |
||||
.ct-major-tenth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-tenth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-eleventh { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-eleventh:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 37.5%; } |
||||
.ct-major-eleventh:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-eleventh > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-major-twelfth { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-major-twelfth:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 33.3333333333%; } |
||||
.ct-major-twelfth:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-major-twelfth > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
.ct-double-octave { |
||||
display: block; |
||||
position: relative; |
||||
width: 100%; } |
||||
.ct-double-octave:before { |
||||
display: block; |
||||
float: left; |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
padding-bottom: 25%; } |
||||
.ct-double-octave:after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.ct-double-octave > svg { |
||||
display: block; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; } |
||||
|
||||
/*# sourceMappingURL=chartist.css.map */ |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,7 @@
|
||||
/*! |
||||
* metismenu https://github.com/onokumus/metismenu#readme |
||||
* A jQuery menu plugin |
||||
* @version 3.0.6 |
||||
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus) |
||||
* @license: MIT |
||||
*/.metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}.metismenu .mm-active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .mm-active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .mm-active>a>.ion.arrow:before{content:"\f3d0"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-times{transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .mm-active>a>.fa.plus-minus:before{content:"\f068"}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:"";width:.5em;height:.5em;border-style:solid;border-width:1px 0 0 1px;border-color:initial;right:1em;transform:rotate(-45deg) translateY(-50%);transform-origin:top;top:50%;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;transform:rotate(135deg) translateY(-50%)}.metismenu .has-arrow[aria-expanded=true]:after,.metismenu .mm-active>.has-arrow:after{transform:rotate(-135deg) translateY(-50%)}[dir=rtl] .metismenu .has-arrow[aria-expanded=true]:after,[dir=rtl] .metismenu .mm-active>.has-arrow:after{transform:rotate(225deg) translateY(-50%)} |
||||
@ -0,0 +1,8 @@
|
||||
/*! |
||||
* metismenu https://github.com/onokumus/metismenu#readme
|
||||
* A jQuery menu plugin |
||||
* @version 3.0.6 |
||||
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
|
||||
* @license: MIT
|
||||
*/ |
||||
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],n):(e=e||self).metisMenu=n(e.jQuery)}(this,function(o){"use strict";function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o;var i,n,r,s=(n="transitionend",r={TRANSITION_END:"mmTransitionEnd",triggerTransitionEnd:function(e){i(e).trigger(n)},supportsTransitionEnd:function(){return Boolean(n)}},(i=o).fn.mmEmulateTransitionEnd=e,i.event.special[r.TRANSITION_END]={bindType:n,delegateType:n,handle:function(e){if(i(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}},r);function e(e){var n=this,t=!1;return i(this).one(r.TRANSITION_END,function(){t=!0}),setTimeout(function(){t||r.triggerTransitionEnd(n)},e),this}var t="metisMenu",g="metisMenu",l="."+g,h=o.fn[t],f={toggle:!0,preventDefault:!0,triggerElement:"a",parentTrigger:"li",subMenu:"ul"},d={SHOW:"show"+l,SHOWN:"shown"+l,HIDE:"hide"+l,HIDDEN:"hidden"+l,CLICK_DATA_API:"click"+l+".data-api"},u="metismenu",c="mm-active",p="mm-show",m="mm-collapse",T="mm-collapsing",v=function(){function r(e,n){this.element=e,this.config=a({},f,{},n),this.transitioning=null,this.init()}var e=r.prototype;return e.init=function(){var a=this,s=this.config,e=o(this.element);e.addClass(u),e.find(s.parentTrigger+"."+c).children(s.triggerElement).attr("aria-expanded","true"),e.find(s.parentTrigger+"."+c).parents(s.parentTrigger).addClass(c),e.find(s.parentTrigger+"."+c).parents(s.parentTrigger).children(s.triggerElement).attr("aria-expanded","true"),e.find(s.parentTrigger+"."+c).has(s.subMenu).children(s.subMenu).addClass(m+" "+p),e.find(s.parentTrigger).not("."+c).has(s.subMenu).children(s.subMenu).addClass(m),e.find(s.parentTrigger).children(s.triggerElement).on(d.CLICK_DATA_API,function(e){var n=o(this);if("true"!==n.attr("aria-disabled")){s.preventDefault&&"#"===n.attr("href")&&e.preventDefault();var t=n.parent(s.parentTrigger),i=t.siblings(s.parentTrigger),r=i.children(s.triggerElement);t.hasClass(c)?(n.attr("aria-expanded","false"),a.removeActive(t)):(n.attr("aria-expanded","true"),a.setActive(t),s.toggle&&(a.removeActive(i),r.attr("aria-expanded","false"))),s.onTransitionStart&&s.onTransitionStart(e)}})},e.setActive=function(e){o(e).addClass(c);var n=o(e).children(this.config.subMenu);0<n.length&&!n.hasClass(p)&&this.show(n)},e.removeActive=function(e){o(e).removeClass(c);var n=o(e).children(this.config.subMenu+"."+p);0<n.length&&this.hide(n)},e.show=function(e){var n=this;if(!this.transitioning&&!o(e).hasClass(T)){var t=o(e),i=o.Event(d.SHOW);if(t.trigger(i),!i.isDefaultPrevented()){if(t.parent(this.config.parentTrigger).addClass(c),this.config.toggle){var r=t.parent(this.config.parentTrigger).siblings().children(this.config.subMenu+"."+p);this.hide(r)}t.removeClass(m).addClass(T).height(0),this.setTransitioning(!0);t.height(e[0].scrollHeight).one(s.TRANSITION_END,function(){n.config&&n.element&&(t.removeClass(T).addClass(m+" "+p).height(""),n.setTransitioning(!1),t.trigger(d.SHOWN))}).mmEmulateTransitionEnd(350)}}},e.hide=function(e){var n=this;if(!this.transitioning&&o(e).hasClass(p)){var t=o(e),i=o.Event(d.HIDE);if(t.trigger(i),!i.isDefaultPrevented()){t.parent(this.config.parentTrigger).removeClass(c),t.height(t.height())[0].offsetHeight,t.addClass(T).removeClass(m).removeClass(p),this.setTransitioning(!0);var r=function(){n.config&&n.element&&(n.transitioning&&n.config.onTransitionEnd&&n.config.onTransitionEnd(),n.setTransitioning(!1),t.trigger(d.HIDDEN),t.removeClass(T).addClass(m))};0===t.height()||"none"===t.css("display")?r():t.height(0).one(s.TRANSITION_END,r).mmEmulateTransitionEnd(350)}}},e.setTransitioning=function(e){this.transitioning=e},e.dispose=function(){o.removeData(this.element,g),o(this.element).find(this.config.parentTrigger).children(this.config.triggerElement).off(d.CLICK_DATA_API),this.transitioning=null,this.config=null,this.element=null},r.jQueryInterface=function(i){return this.each(function(){var e=o(this),n=e.data(g),t=a({},f,{},e.data(),{},"object"==typeof i&&i?i:{});if(n||(n=new r(this,t),e.data(g,n)),"string"==typeof i){if(void 0===n[i])throw new Error('No method named "'+i+'"');n[i]()}})},r}();return o.fn[t]=v.jQueryInterface,o.fn[t].Constructor=v,o.fn[t].noConflict=function(){return o.fn[t]=h,v.jQueryInterface},v}); |
||||
@ -0,0 +1,116 @@
|
||||
/* |
||||
* Container style |
||||
*/ |
||||
.ps { |
||||
overflow: hidden !important; |
||||
overflow-anchor: none; |
||||
-ms-overflow-style: none; |
||||
touch-action: auto; |
||||
-ms-touch-action: auto; |
||||
} |
||||
|
||||
/* |
||||
* Scrollbar rail styles |
||||
*/ |
||||
.ps__rail-x { |
||||
display: none; |
||||
opacity: 0; |
||||
transition: background-color .2s linear, opacity .2s linear; |
||||
-webkit-transition: background-color .2s linear, opacity .2s linear; |
||||
height: 15px; |
||||
/* there must be 'bottom' or 'top' for ps__rail-x */ |
||||
bottom: 0px; |
||||
/* please don't change 'position' */ |
||||
position: absolute; |
||||
} |
||||
|
||||
.ps__rail-y { |
||||
display: none; |
||||
opacity: 0; |
||||
transition: background-color .2s linear, opacity .2s linear; |
||||
-webkit-transition: background-color .2s linear, opacity .2s linear; |
||||
width: 15px; |
||||
/* there must be 'right' or 'left' for ps__rail-y */ |
||||
right: 0; |
||||
/* please don't change 'position' */ |
||||
position: absolute; |
||||
} |
||||
|
||||
.ps--active-x > .ps__rail-x, |
||||
.ps--active-y > .ps__rail-y { |
||||
display: block; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.ps:hover > .ps__rail-x, |
||||
.ps:hover > .ps__rail-y, |
||||
.ps--focus > .ps__rail-x, |
||||
.ps--focus > .ps__rail-y, |
||||
.ps--scrolling-x > .ps__rail-x, |
||||
.ps--scrolling-y > .ps__rail-y { |
||||
opacity: 0.6; |
||||
} |
||||
|
||||
.ps .ps__rail-x:hover, |
||||
.ps .ps__rail-y:hover, |
||||
.ps .ps__rail-x:focus, |
||||
.ps .ps__rail-y:focus, |
||||
.ps .ps__rail-x.ps--clicking, |
||||
.ps .ps__rail-y.ps--clicking { |
||||
background-color: #eee; |
||||
opacity: 0.9; |
||||
} |
||||
|
||||
/* |
||||
* Scrollbar thumb styles |
||||
*/ |
||||
.ps__thumb-x { |
||||
background-color: #aaa; |
||||
border-radius: 6px; |
||||
transition: background-color .2s linear, height .2s ease-in-out; |
||||
-webkit-transition: background-color .2s linear, height .2s ease-in-out; |
||||
height: 6px; |
||||
/* there must be 'bottom' for ps__thumb-x */ |
||||
bottom: 2px; |
||||
/* please don't change 'position' */ |
||||
position: absolute; |
||||
} |
||||
|
||||
.ps__thumb-y { |
||||
background-color: #aaa; |
||||
border-radius: 6px; |
||||
transition: background-color .2s linear, width .2s ease-in-out; |
||||
-webkit-transition: background-color .2s linear, width .2s ease-in-out; |
||||
width: 6px; |
||||
/* there must be 'right' for ps__thumb-y */ |
||||
right: 2px; |
||||
/* please don't change 'position' */ |
||||
position: absolute; |
||||
} |
||||
|
||||
.ps__rail-x:hover > .ps__thumb-x, |
||||
.ps__rail-x:focus > .ps__thumb-x, |
||||
.ps__rail-x.ps--clicking .ps__thumb-x { |
||||
background-color: #999; |
||||
height: 11px; |
||||
} |
||||
|
||||
.ps__rail-y:hover > .ps__thumb-y, |
||||
.ps__rail-y:focus > .ps__thumb-y, |
||||
.ps__rail-y.ps--clicking .ps__thumb-y { |
||||
background-color: #999; |
||||
width: 11px; |
||||
} |
||||
|
||||
/* MS supports */ |
||||
@supports (-ms-overflow-style: none) { |
||||
.ps { |
||||
overflow: auto !important; |
||||
} |
||||
} |
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { |
||||
.ps { |
||||
overflow: auto !important; |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,212 @@
|
||||
[data-simplebar] { |
||||
position: relative; |
||||
flex-direction: column; |
||||
flex-wrap: wrap; |
||||
justify-content: flex-start; |
||||
align-content: flex-start; |
||||
align-items: flex-start; |
||||
} |
||||
|
||||
.simplebar-wrapper { |
||||
overflow: hidden; |
||||
width: inherit; |
||||
height: inherit; |
||||
max-width: inherit; |
||||
max-height: inherit; |
||||
} |
||||
|
||||
.simplebar-mask { |
||||
direction: inherit; |
||||
position: absolute; |
||||
overflow: hidden; |
||||
padding: 0; |
||||
margin: 0; |
||||
left: 0; |
||||
top: 0; |
||||
bottom: 0; |
||||
right: 0; |
||||
width: auto !important; |
||||
height: auto !important; |
||||
z-index: 0; |
||||
} |
||||
|
||||
.simplebar-offset { |
||||
direction: inherit !important; |
||||
box-sizing: inherit !important; |
||||
resize: none !important; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
bottom: 0; |
||||
right: 0; |
||||
padding: 0; |
||||
margin: 0; |
||||
-webkit-overflow-scrolling: touch; |
||||
} |
||||
|
||||
.simplebar-content-wrapper { |
||||
direction: inherit; |
||||
box-sizing: border-box !important; |
||||
position: relative; |
||||
display: block; |
||||
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ |
||||
width: auto; |
||||
visibility: visible; |
||||
max-width: 100%; /* Not required for horizontal scroll to trigger */ |
||||
max-height: 100%; /* Needed for vertical scroll to trigger */ |
||||
scrollbar-width: none; |
||||
-ms-overflow-style: none; |
||||
} |
||||
|
||||
.simplebar-content-wrapper::-webkit-scrollbar, |
||||
.simplebar-hide-scrollbar::-webkit-scrollbar { |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
|
||||
.simplebar-content:before, |
||||
.simplebar-content:after { |
||||
content: ' '; |
||||
display: table; |
||||
} |
||||
|
||||
.simplebar-placeholder { |
||||
max-height: 100%; |
||||
max-width: 100%; |
||||
width: 100%; |
||||
pointer-events: none; |
||||
} |
||||
|
||||
.simplebar-height-auto-observer-wrapper { |
||||
box-sizing: inherit !important; |
||||
height: 100%; |
||||
width: 100%; |
||||
max-width: 1px; |
||||
position: relative; |
||||
float: left; |
||||
max-height: 1px; |
||||
overflow: hidden; |
||||
z-index: -1; |
||||
padding: 0; |
||||
margin: 0; |
||||
pointer-events: none; |
||||
flex-grow: inherit; |
||||
flex-shrink: 0; |
||||
flex-basis: 0; |
||||
} |
||||
|
||||
.simplebar-height-auto-observer { |
||||
box-sizing: inherit; |
||||
display: block; |
||||
opacity: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
height: 1000%; |
||||
width: 1000%; |
||||
min-height: 1px; |
||||
min-width: 1px; |
||||
overflow: hidden; |
||||
pointer-events: none; |
||||
z-index: -1; |
||||
} |
||||
|
||||
.simplebar-track { |
||||
z-index: 1; |
||||
position: absolute; |
||||
right: 0; |
||||
bottom: 0; |
||||
pointer-events: none; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
[data-simplebar].simplebar-dragging .simplebar-content { |
||||
pointer-events: none; |
||||
user-select: none; |
||||
-webkit-user-select: none; |
||||
} |
||||
|
||||
[data-simplebar].simplebar-dragging .simplebar-track { |
||||
pointer-events: all; |
||||
} |
||||
|
||||
.simplebar-scrollbar { |
||||
position: absolute; |
||||
left: 0; |
||||
right: 0; |
||||
min-height: 10px; |
||||
} |
||||
|
||||
.simplebar-scrollbar:before { |
||||
position: absolute; |
||||
content: ''; |
||||
background: black; |
||||
border-radius: 7px; |
||||
left: 2px; |
||||
right: 2px; |
||||
opacity: 0; |
||||
transition: opacity 0.2s linear; |
||||
} |
||||
|
||||
.simplebar-scrollbar.simplebar-visible:before { |
||||
/* When hovered, remove all transitions from drag handle */ |
||||
opacity: 0.5; |
||||
transition: opacity 0s linear; |
||||
} |
||||
|
||||
.simplebar-track.simplebar-vertical { |
||||
top: 0; |
||||
width: 11px; |
||||
} |
||||
|
||||
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { |
||||
top: 2px; |
||||
bottom: 2px; |
||||
} |
||||
|
||||
.simplebar-track.simplebar-horizontal { |
||||
left: 0; |
||||
height: 11px; |
||||
} |
||||
|
||||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { |
||||
height: 100%; |
||||
left: 2px; |
||||
right: 2px; |
||||
} |
||||
|
||||
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { |
||||
right: auto; |
||||
left: 0; |
||||
top: 2px; |
||||
height: 7px; |
||||
min-height: 0; |
||||
min-width: 10px; |
||||
width: auto; |
||||
} |
||||
|
||||
/* Rtl support */ |
||||
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { |
||||
right: auto; |
||||
left: 0; |
||||
} |
||||
|
||||
.hs-dummy-scrollbar-size { |
||||
direction: rtl; |
||||
position: fixed; |
||||
opacity: 0; |
||||
visibility: hidden; |
||||
height: 500px; |
||||
width: 500px; |
||||
overflow-y: hidden; |
||||
overflow-x: scroll; |
||||
} |
||||
|
||||
.simplebar-hide-scrollbar { |
||||
position: fixed; |
||||
left: 0; |
||||
visibility: hidden; |
||||
overflow-y: scroll; |
||||
scrollbar-width: none; |
||||
-ms-overflow-style: none; |
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,232 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>MININGCRYPTO.LIVE</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark" onhashchange="loadBlocksOverviewPage()"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
MININGCRYPTO.LIVE |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon text-info"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title text-info">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"> <i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"> <i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">BLOCKS</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Block Stats</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-12 col-xl-12"> |
||||
<div class="card-deck flex-column flex-lg-row"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body text-center"> |
||||
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-cube'></i> |
||||
</div> |
||||
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="totalBlocks"></h4> |
||||
<p class="mb-0 text-white">TOTAL FOUND BY POOL</p> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body text-center"> |
||||
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-tone'></i> |
||||
</div> |
||||
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="lastPoolBlocks"></h4> |
||||
<p class="mb-0 text-white">LAST POOL BLOCKTIME</p> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body text-center"> |
||||
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-wifi-2'></i> |
||||
</div> |
||||
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="avgLuck16"></h4> |
||||
<p class="mb-0 text-white">AVERAGE LUCK LAST 16 BLOCKS</p> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body text-center"> |
||||
<div class="widgets-icons mx-auto rounded-circle"><i class='bx bx-wifi'></i> |
||||
</div> |
||||
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="avgLuckTotal"></h4> |
||||
<p class="mb-0 text-white">AVERAGE LUCK ALL BLOCKS</p> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body text-center"> |
||||
<div class="widgets-icons mx-auto rounded-circle"><i |
||||
class='bx bxs-coin-stack'></i> |
||||
</div> |
||||
<h4 class="mb-0 font-weight-bold mt-3 text-white" id="totalCoins"></h4> |
||||
<p class="mb-0 text-white">TOTAL CREATED BY POOL</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold"> |
||||
<center>LAST 50 BLOCKS FOUND BY POOL</center> |
||||
</h5> |
||||
</div> |
||||
<hr /> |
||||
<div class="table-responsive"> |
||||
<table class="table table-striped mb-0"> |
||||
<thead class="thead-light"> |
||||
<tr> |
||||
<th>Found Time</th> |
||||
<th>Block Height</th> |
||||
<th>Block Hash</th> |
||||
<th>Block Diff</th> |
||||
<th>Block Finder</th> |
||||
<th>Block Effort</th> |
||||
<th>Block Reward</th> |
||||
<th>Confirmation</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody id="blockList"></tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2022 MININGCRYPTO.LIVE</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadBlocksOverviewPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
@ -0,0 +1,305 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>open-etc-pool-friends</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon text-info"><i class="bx bx-plug"></i></div> |
||||
<div class="menu-title text-info">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">CONNECT</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Get Connected</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="row justify-content-center"> |
||||
<div class="col-12 col-lg-12 col-xl-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<img class="avatar avatar-xxl avatar-bordered" src="assets/images/usa.png" |
||||
alt="" style="width:25px;height:25px;float:left;"> |
||||
<img class="avatar avatar-xxl avatar-bordered" src="assets/images/online.png" |
||||
alt="" style="width:100px;height:25px;float:right;"> |
||||
<h5 class="mb-0 font-weight-bold"> |
||||
<center>USA SERVER</center> |
||||
</h5> |
||||
</div> |
||||
<hr /> |
||||
<div class="table-responsive"> |
||||
<table class="table table-striped mb-0"> |
||||
<tbody> |
||||
<tr> |
||||
<th class=text-white'>Server :</th> |
||||
<td class='text-white' style='text-align:center'> |
||||
raven.miningcrypto.live</td> |
||||
</tr> |
||||
<tr> |
||||
<th class='text-white'>Difficulty Variable (0.05 - 1024)</th> |
||||
<td class='text-white' style='text-align:center'>6666</td> |
||||
</tr> |
||||
<tr> |
||||
<th class='text-white'>Difficulty Variable (0.1 - 1024)</th> |
||||
<td class='text-white' style='text-align:center'>7777</td> |
||||
</tr> |
||||
<tr> |
||||
<th class='text-white'>Difficulty Variable (0.2 - 1024)</th> |
||||
<td class='text-white' style='text-align:center'>8888</td> |
||||
</tr> |
||||
<tr> |
||||
|
||||
<th class='text-white'> NiceHash Difficulty (34.5G)</th> |
||||
<td class='text-white' style='text-align:center'>9999</td> |
||||
</tr> |
||||
<tr> |
||||
<th class='text-white'>Username :</th> |
||||
<td class='text-white' style='text-align:center'>Your Wallet Address |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<th class='text-white'>Password :</th> |
||||
<td class='text-white' style='text-align:center'>X or leave empty |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<h5 class="card-title font-weight-bold text-info">Pool is Compatible with |
||||
Innosilicon A11</h5> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">A11 Firmware Download Link: <a |
||||
href="https://www.innosilicon.com/html/support_en/download.html" |
||||
target="_blank">DOWNLOAD NOW</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<h5 class="card-title font-weight-bold text-info">Settings for Gminer:</h5> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">miner.exe --algo etchash --server |
||||
open-etc-pool-friends:6666 --user YOUR_WALLET_ADDRESS.RIG_ID --pass |
||||
x<br />pause |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<h5 class="card-title font-weight-bold text-info">Settings for T-Rex:</h5> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">t-rex.exe -a etchash -o |
||||
stratum+tcp://open-etc-pool-friends:6666 -u YOUR_WALLET_ADDRESS.RIG_ID -p |
||||
x<br />pause</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<h5 class="card-title font-weight-bold text-info">Settings for Team Red Miner:</h5> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">teamredminer.exe -a etchash -o |
||||
stratum+tcp://open-etc-pool-friends:6666 -u YOUR_WALLET_ADDRESS.RIG_ID -p |
||||
x<br />pause</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<h5 class="card-title font-weight-bold text-info">Settings for Xmrig:</h5> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">xmrig.exe --coin=RVN |
||||
--url=open-etc-pool-friends:6666 --user=YOUR_WALLET_ADDRESS |
||||
--pass=x<br />pause |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<h5 class="card-title font-weight-bold text-info">Settings for NBminer:</h5> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">nbminer.exe -a etchash -o |
||||
stratum+tcp://open-etc-pool-friends:6666 -u |
||||
YOUR_WALLET_ADDRESS.RIG_ID<br />pause |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadConnectOverviewPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,297 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>open-etc-pool-friends</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark" onhashchange="loadDashboardPage()"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon text-info"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title text-info">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"> <i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"> <i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<!--page-content-wrapper--> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">DASHBOARD</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Miners Dashboard</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body p-5"> |
||||
<div class="card-title d-flex align-items-center"> |
||||
<div><i class='bx bxs-wallet mr-1 font-24 text-white'></i> |
||||
</div> |
||||
<h4 class="mb-0 text-white">INPUT YOUR MINERS WALLET ADDRESS</h4> |
||||
</div> |
||||
<hr /> |
||||
<div class="input-group mb-3 align-items-center"> |
||||
<input type="text" class="form-control" id="walletAddress" |
||||
placeholder="Your Wallet Address here ..."> |
||||
<div class="input-group-append align-items-center"> |
||||
<button id="load-wallet" onClick="loadWallet(this.id)" type="submit" |
||||
class="btn btn-light" type="button">Load Wallet Stats <i |
||||
class='bx bxs-search-alt-2 text-white'></i></button> |
||||
</div> |
||||
</div> |
||||
<div class="clearfix"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="row no-gutters row-group"> |
||||
<div class="col-12 col-lg-2"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<h4 class="mb-0 font-weight-bold" id="minerShares"></h4> |
||||
<p class="mb-0">Current Round Shares</p> |
||||
</div> |
||||
<div class="font-40"><i class='bx bx-list-check'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-2"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<h4 class="mb-0 font-weight-bold" id="minerSharesDominance"></h4> |
||||
<p class="mb-0">Round Shares Dominance</p> |
||||
</div> |
||||
<div class="font-40"><i class='bx bxs-doughnut-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-2"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<h4 class="mb-0 font-weight-bold" id="avgHash"></h4> |
||||
<p class="mb-0">Average Hashrate Last 12 Hours</p> |
||||
</div> |
||||
<div class="font-40"><i class='bx bxs-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-2"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<h4 class="mb-0 font-weight-bold" id="minerPercent"></h4> |
||||
<p class="mb-0">Hashrate Dominance</p> |
||||
</div> |
||||
<div class="font-40"><i class='bx bxs-doughnut-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-2"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<h4 class="mb-0 font-weight-bold" id="avgPayout"></h4> |
||||
<p class="mb-0">Estimated Payment this Round</p> |
||||
</div> |
||||
<div class="font-40"> |
||||
<crypto class="cf cf-etc"></crypto> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-2"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<h4 class="mb-0 font-weight-bold" id="lifetimeBalance"></h4> |
||||
<p class="mb-0">Lifetime Balance</p> |
||||
</div> |
||||
<div class="font-40"><i class='bx bxs-bank'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-deck flex-column flex-lg-row"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold"> |
||||
<center>Miner Hashrate</center> |
||||
</h5> |
||||
</div> |
||||
<hr /> |
||||
<div class="chart-container" id="chartDashboardHashrate"></div> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold"> |
||||
<center>Worker List</center> |
||||
</h5> |
||||
</div> |
||||
<hr /> |
||||
<div class="table-responsive"> |
||||
<table class="table table-striped mb-0"> |
||||
<thead class="thead-light"> |
||||
<tr> |
||||
<th>#</th> |
||||
<th>Worker Name</th> |
||||
<th>Worker Hashrate</th> |
||||
<th>Last Share</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody id="workerList"></tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadDashboardPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
@ -0,0 +1,330 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>RAVEN-SOLO.COM</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
RAVEN-SOLO.COM |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
RAVEN-SOLO.COM |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"><i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon text-info"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title text-info">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">FAQ</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Frequently Asked Questions |
||||
</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq01"> |
||||
<h5 class="card-title font-weight-bold text-info">What is difficulty?</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">Difficulty is a measure of how difficult it |
||||
is to find a hash below a given target.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq02"> |
||||
<h5 class="card-title font-weight-bold text-info">What is luck?</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">Mining is probabilistic in nature: if you |
||||
find a block earlier than you statistically should on average you are lucky |
||||
if it takes longer, you are unlucky. In a perfect World pool would find a |
||||
block on 100% luck value. Less then 100% means the pool was lucky. More then |
||||
100% means the pool was unlucky.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq03"> |
||||
<h5 class="card-title font-weight-bold text-info">What is share?</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">Share is a possible valid hash for the |
||||
block. Shares are beings sent by your rigs to the pool to prove their work. |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq04"> |
||||
<h5 class="card-title font-weight-bold text-info">What is block?</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">Transaction data is recorded in blocks. New |
||||
transactions are being processes by miners into new blocks which are added |
||||
to the end of the blockchain.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq05"> |
||||
<h5 class="card-title font-weight-bold text-info">How long does it take to find |
||||
a block?</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">It depends on amount of active miners. The |
||||
more miners work on pool → the more hashrate pool has → the more blocks are |
||||
found by the pool. However the more miners are active → the less reward you |
||||
get from each block found.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq06"> |
||||
<h5 class="card-title font-weight-bold text-info">Which payout scheme is used? |
||||
</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">Proportional (Share-based): Every time a |
||||
block is found, its reward is split between miners according to the number |
||||
of shares they submitted.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq07"> |
||||
<h5 class="card-title font-weight-bold text-info">How current payout estimate is |
||||
calculated?</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">The estimated payout is a calculated using |
||||
your percentage of valid shares on the total for current round. This |
||||
percentage is then applied to the reward of the last block found by the |
||||
network.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq08"> |
||||
<h5 class="card-title font-weight-bold text-info">I have been mining on this |
||||
pool for 1 hour but still have not received any payouts.</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">As soon as the block is found you will get |
||||
your reward. Please wait a little bit more time.</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq09"> |
||||
<h5 class="card-title font-weight-bold text-info">My hashrate is wrong! Why? |
||||
</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">Since you start to mine your hashrate grows |
||||
gradually. Please wait. The pool determines your hashrate based on the |
||||
amount of shares sent by your mining rigs (workers). This value could be a |
||||
little bit different from reported hasrate (in your mining software).</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row justify-content-center"> |
||||
<div class="col-8"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<a name="faq09"> |
||||
<h5 class="card-title font-weight-bold text-info">Pool Hopping Not Allowed</h5> |
||||
</a> |
||||
<ul class="list-group list-group-flush"> |
||||
<li class="list-group-item font-16">We consider hopping if you come with at |
||||
least double of the total pool hashrate, send tons of shares for short |
||||
period of time and leave. We respect our miners and protect them as much as |
||||
we can. All pool hoppers' shares will be removed and he or she will not get |
||||
paid. </li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadConnectOverviewPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
@ -0,0 +1,343 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>open-etc-pool-friends</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark" onhashchange="loadStatsPage()"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
|
||||
|
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon text-info"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title text-info">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"> <i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-2"> |
||||
<div class="box-body"><br> |
||||
<h2 class="text-center font-weight-bold">open-etc-pool-friends</h2><br> |
||||
<h3 class="text-center font-weight-bold">IS A HIGH PERFORMANCE <span |
||||
id="nameOfCoinHeadline2"></span>RAVEN MINING POOL</h3><br> |
||||
<div class="row"> |
||||
<div class="col-12"> |
||||
<div class="text-center mt-15 mb-25"> |
||||
<a href="connect.html" class="btn btn-info mx-auto">Let's start mining |
||||
now!</a> |
||||
</div> |
||||
</div> |
||||
</div><br> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h5 class="mb-0 text-uppercase text-center">Coin Information</h5> |
||||
<hr> |
||||
<div class="user-profile-page"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-6 border-right"> |
||||
<div class="d-md-flex align-items-center"> |
||||
<div class="mb-md-0 mb-3"> |
||||
<span id="geckoLogo"></span> |
||||
</div> |
||||
<div class="ml-md-4 flex-grow-1"> |
||||
<div class="d-flex align-items-center mb-1"> |
||||
<h4 class="mb-0">Ethereum Classic</h4> |
||||
</div> |
||||
<p class="mb-0">Ticker: ETC</p> |
||||
<p class="mb-0">Algorithm: ETCHASH</p> |
||||
<p class="mb-0"><a href="https://ethereumclassic.org/" |
||||
target='_blank'><i class='bx bx-world'></i> Ethereum Classic |
||||
Website</a></p> |
||||
<p class="mb-0"><a href="https://github.com/etclabscore/core-geth" |
||||
target='_blank'><i class='bx bxl-github'></i> Core-Geth |
||||
Github</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-6"> |
||||
<table class="table table-sm table-borderless table-striped mt-md-0 mt-3"> |
||||
<tbody> |
||||
<tr> |
||||
<th>Block Reward (Coin):</th> |
||||
<td id="lastBlockReward"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>Block Reward (USD):</th> |
||||
<td id="blockToUSD"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>Genesis Date:</th> |
||||
<td id="genesisDate"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>Market Cap Rank:</th> |
||||
<td id="marketCap"></td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h5 class="mb-0 text-uppercase text-center">Pool Information</h5> |
||||
<hr> |
||||
<div class="col-12"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="row"> |
||||
<ul id="webticker"> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Network Hashrate <span |
||||
class="text-white"> |
||||
<div id="networkHashrateTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Network Difficulty <span |
||||
class="text-white"> |
||||
<div id="networkDifficultyTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Network Blockheight <span |
||||
class="text-white"> |
||||
<div id="blockchainHeightTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Pool Hashrate <span |
||||
class="text-white"> |
||||
<div id="poolHashrateTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Pool Miners <span |
||||
class="text-white"> |
||||
<div id="poolMinersTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Pool Workers <span |
||||
class="text-white"> |
||||
<div id="poolWorkersTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Minimum Payout <span |
||||
class="text-white"> |
||||
<div id="minPaymentTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Payout Scheme <span |
||||
class="text-white"> |
||||
<div id="payoutShemeTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Payment Interval <span |
||||
class="text-white"> |
||||
<div id="payIntervalTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
<li class="br-1"> |
||||
<h3 class="mx-15 text-info text-center"> Pool Fee <span class="text-white"> |
||||
<div id="poolFeeTicker"></div> |
||||
</span></h3> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h5 class="mb-0 text-uppercase">Market Data</h5> |
||||
<hr> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="row no-gutters row-group"> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">ETC to BTC</p> |
||||
<h4 class="mb-0 font-weight-bold" id="coinToBTC"></h4> |
||||
</div> |
||||
<div class="font-40 text-warning"><i class='bx bxl-bitcoin'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">ETC to USD</p> |
||||
<h4 class="mb-0 font-weight-bold" id="coinToUSD"></h4> |
||||
</div> |
||||
<div class="font-40 text-info"><i class='bx bxs-dollar-circle'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">24 Hour High</p> |
||||
<h4 class="mb-0 font-weight-bold" id="priceHigh"></h4> |
||||
</div> |
||||
<div class="font-40 text-success"><i class='bx bx-line-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">24 Hour Low</p> |
||||
<h4 class="mb-0 font-weight-bold" id="priceLow"></h4> |
||||
</div> |
||||
<div class="font-40 text-danger"><i class='bx bx-line-chart-down'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/webticker/jquery.webticker.min.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadStatsPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
@ -0,0 +1,183 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>open-etc-pool-friends</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark" onhashchange="loadMinersPage()"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" data-toggle="dropdown"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon text-info"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title text-info">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"> <i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"> <i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">MINERS</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Miners Connected</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold"> |
||||
<center>MINERS CONNECTED TO POOL</center> |
||||
</h5> |
||||
</div> |
||||
<hr /> |
||||
<div class="table-responsive"> |
||||
<table class="table table-striped mb-0"> |
||||
<thead class="thead-light"> |
||||
<tr> |
||||
<th>#</th> |
||||
<th>Miner Address</th> |
||||
<th>Last Share</th> |
||||
<th>Invalid Shares</th> |
||||
<th>Miners Hashrate</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody id="minerList"></tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadMinersPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>open-etc-pool-friends</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark" onhashchange="loadPaymentsOverviewPage()"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
open-etc-pool-friends |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon text-info"> <i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title text-info">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"> <i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">PAYMENTS</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Pool Payments</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold"> |
||||
<center>LAST 50 PAYMENTS MADE BY POOL</center> |
||||
</h5> |
||||
</div> |
||||
<hr /> |
||||
<div class="table-responsive"> |
||||
<table class="table table-striped mb-0"> |
||||
<thead class="thead-light"> |
||||
<tr> |
||||
<th>Send Time</th> |
||||
<th>Confirmation TX</th> |
||||
<th>Miner(s) Paid</th> |
||||
<th>Total Paid</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody id="paymentList"></tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2022 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadPaymentsOverviewPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
@ -0,0 +1,463 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
|
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
||||
<title>MININGCRYPTO.LIVE</title> |
||||
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> |
||||
<link href="assets/plugins/chartist/chartist.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> |
||||
<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> |
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" /> |
||||
<link rel="stylesheet" href="assets/css/icons.css" /> |
||||
<link rel="stylesheet" href="assets/css/app.css" /> |
||||
</head> |
||||
|
||||
<body class="bg-theme bg-theme-dark" onhashchange="loadStatsPage()"> |
||||
<div class="wrapper"> |
||||
<header class="top-header"> |
||||
<nav class="navbar navbar-expand"> |
||||
<div class="sidebar-header"> |
||||
<div class="d-none d-lg-flex"> |
||||
MININGCRYPTO.LIVE |
||||
</div> |
||||
<div id="poolHeader"></div> |
||||
<a href="#" class="toggle-btn ml-lg-auto"><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<div class="top-navbar d-none d-xl-block ms-3"> |
||||
<ul class="navbar-nav align-items-center"> |
||||
|
||||
</ul> |
||||
</div> |
||||
<div class="right-topbar ml-auto"> |
||||
<ul class="navbar-nav"> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="discord"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="github"></span></li> |
||||
<li class="nav-item dropdown dropdown-lg"><span id="donations"></span></li> |
||||
<li class="nav-item dropdown dropdown-user-profile"> |
||||
<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#"> |
||||
<div class="media user-box align-items-center"> |
||||
<div class="media-body user-info"> |
||||
<p id="nameOfCoinHeader" class="user-name mb-0"></p> |
||||
<p id="algoOfCoinHeader" class="designattion mb-0"></p> |
||||
</div> |
||||
<span id="coinLogo"></span> |
||||
</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
<div class="nav-container"> |
||||
<div class="mobile-topbar-header"> |
||||
<div class=""> |
||||
MININGCRYPTO.LIVE |
||||
</div> |
||||
<div id="poolHeader2"></div> |
||||
<a href="#" class="toggle-btn ml-auto" target='_blank'><i class="bx bx-menu"></i></a> |
||||
</div> |
||||
<nav class="topbar-nav"> |
||||
<ul class="metismenu" id="menu"> |
||||
<li> |
||||
<a href="index.html"> |
||||
<div class="parent-icon"><i class="bx bx-home-alt"></i></div> |
||||
<div class="menu-title">Home</div> |
||||
</a></center> |
||||
</li> |
||||
<li> |
||||
<a href="stats.html"> |
||||
<div class="parent-icon text-info"><i class='bx bx-bar-chart-square'></i></div> |
||||
<div class="menu-title text-info">Statistics</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="dashboard.html"> |
||||
<div class="parent-icon"><i class="bx bx-tachometer"></i></div> |
||||
<div class="menu-title">Dashboard</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="miners.html"> |
||||
<div class="parent-icon"><i class="bx bx-group"></i></div> |
||||
<div class="menu-title">Miners</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="blocks.html"> |
||||
<div class="parent-icon"><i class="bx bx-cube-alt"></i></div> |
||||
<div class="menu-title">Blocks</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="payments.html"> |
||||
<div class="parent-icon"><i class="bx bx-dollar-circle"></i></div> |
||||
<div class="menu-title">Payments</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="connect.html"> |
||||
<div class="parent-icon"><i class="bx bx-plug"></i></div> |
||||
<div class="menu-title">Get Connected</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a href="faq.html"> |
||||
<div class="parent-icon"><i class="bx bx-help-circle"></i></div> |
||||
<div class="menu-title">FAQ</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="page-wrapper"> |
||||
<div class="page-content-wrapper"> |
||||
<div class="page-content"> |
||||
<div class="page-breadcrumb d-none d-md-flex align-items-center mb-3"> |
||||
<div class="breadcrumb-title pr-3">STATS</div> |
||||
<div class="pl-3"> |
||||
<nav aria-label="breadcrumb"> |
||||
<ol class="breadcrumb mb-0 p-0"> |
||||
<li class="breadcrumb-item"><a href="index.html"><i class='bx bx-home-alt'></i></a> |
||||
</li> |
||||
<li class="breadcrumb-item active" aria-current="page">Pool Statistic</li> |
||||
</ol> |
||||
</nav> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-12 col-xl-6"> |
||||
<div class="card-deck flex-column flex-lg-row"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold">Pool Hashrate</h5> |
||||
</div> |
||||
<hr /> |
||||
<h1 class="no-margin"><span class="text-white font-weight-bold"> |
||||
<div id="poolHashrate"></div> |
||||
</span></h1><br> |
||||
<a href="connect.html" class="btn btn-info">Let's start mining now!</a><br><br> |
||||
<div class="chart-container-poolhash" id="statsPoolHash"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-12 col-xl-6"> |
||||
<div class="card-deck flex-column flex-lg-row"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold">Network Hashrate</h5> |
||||
</div> |
||||
<hr /> |
||||
<h2 class="no-margin"><span class="text-white font-weight-bold"> |
||||
<div id="networkHashrate"></div> |
||||
</span></h2><br> |
||||
<div class="chart-container-nethash" id="statsNetHash"></div> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold">Network Difficulty</h5> |
||||
</div> |
||||
<hr /> |
||||
<h2 class="no-margin"><span class="text-white font-weight-bold"> |
||||
<div id="networkDifficulty"></div> |
||||
</span></h2><br> |
||||
<div class="chart-container-netdiff" id="statsNetDiff"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-deck flex-column flex-lg-row"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold">Connected Miners</h5> |
||||
</div> |
||||
<hr /> |
||||
<h2 class="no-margin"><span class="text-white font-weight-bold"> |
||||
<div id="poolMiners"></div> |
||||
</span></h2><br> |
||||
<div class="chart-container-miners" id="statsPoolMiners"></div> |
||||
</div> |
||||
</div> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="card-title"> |
||||
<h5 class="mb-0 font-weight-bold">Connected Workers</h5> |
||||
</div> |
||||
<hr /> |
||||
<h2 class="no-margin"><span class="text-white font-weight-bold"> |
||||
<div id="poolWorkers"></div> |
||||
</span></h2><br> |
||||
<div class="chart-container-workers" id="statsPoolWorkers"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h5 class="mb-0 text-uppercase text-center">Pool Information</h5> |
||||
<hr> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Expected Round Time</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="poolTTF"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-timer'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Valid Shares this Round</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="poolShares"></h5> |
||||
</div> |
||||
<div class="font-35"><i class='bx bx-list-check'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Current Round Effort</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="currentEffort"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-category-alt'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Payout Scheme</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="payoutSheme"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-abacus'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Payout Threshold</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="minpay"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bxs-vial'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Pool Fee</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="poolFee"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-pie-chart-alt-2'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Payment Interval</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="payint"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-time'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Network Hashrate</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="infNetworkHashrate"></h5> |
||||
</div> |
||||
<div class="font-35"><i class='bx bx-bar-chart-square'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Network Difficulty</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="infNetworkDifficulty"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-bar-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Blockchain Height</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="blockchainHeight"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-cube-alt'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Last Block Found By Pool</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="lastPoolBlocks"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"><i class='bx bx-network-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-middle"> |
||||
<div class="media-body"> |
||||
<p class="mb-0 text-white">Last Network Block Reward</p> |
||||
<h5 class="mb-0 font-weight-bold text-white" id="lastBlockReward"></h5> |
||||
</div> |
||||
<div class="font-35 text-white"> |
||||
<crypto class="cf cf-etc"></crypto> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<h5 class="mb-0 text-uppercase text-center">Market Data</h5> |
||||
<hr> |
||||
<div class="card radius-15 b-1"> |
||||
<div class="row no-gutters row-group"> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">ETC to BTC</p> |
||||
<h4 class="mb-0 font-weight-bold" id="coinToBTC"></h4> |
||||
</div> |
||||
<div class="font-40 text-warning"><i class='bx bxl-bitcoin'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">ETC to USD</p> |
||||
<h4 class="mb-0 font-weight-bold" id="coinToUSD"></h4> |
||||
</div> |
||||
<div class="font-40 text-info"><i class='bx bxs-dollar-circle'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">24 Hour High</p> |
||||
<h4 class="mb-0 font-weight-bold" id="priceHigh"></h4> |
||||
</div> |
||||
<div class="font-40 text-success"><i class='bx bx-line-chart'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-lg-3"> |
||||
<div class="card-body"> |
||||
<div class="media align-items-center"> |
||||
<div class="media-body"> |
||||
<p class="mb-0">24 Hour Low</p> |
||||
<h4 class="mb-0 font-weight-bold" id="priceLow"></h4> |
||||
</div> |
||||
<div class="font-40 text-danger"><i class='bx bx-line-chart-down'></i> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="overlay toggle-btn-mobile"></div> |
||||
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> |
||||
<div class="footer"> |
||||
<div class="d-flex align-items-center justify-content-between flex-wrap"> |
||||
<span class="text-success font-weight-bold"></span>Copyright © 2024 open-etc-pool-friends</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script src="assets/js/jquery.min.js"></script> |
||||
<script src="assets/js/popper.min.js"></script> |
||||
<script src="assets/js/bootstrap.min.js"></script> |
||||
<script src="assets/js/app.js"></script> |
||||
<script src="assets/js/etc.js"></script> |
||||
<script src="assets/plugins/chartist/chartist.js"></script> |
||||
<script src="assets/plugins/simplebar/js/simplebar.min.js"></script> |
||||
<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> |
||||
<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> |
||||
<script type="text/javascript"> |
||||
$(document).ready(function () { |
||||
loadStatsPage(); |
||||
}); |
||||
</script> |
||||
</body> |
||||
|
||||
|
||||
</html> |
||||
Loading…
Reference in new issue