ported
/
egaz-pool
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

high-charts

master
yuriy0803 2 years ago
parent
2936227256
commit
f3d60c431c
3 changed files with 261 additions and 250 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 460
      www/app/controllers/index.js
  2. 3
      www/app/templates/index.hbs
  3. 2
      www/translations/en-us.yaml

460
www/app/controllers/index.js
Unescape View File

@ -1,292 +1,305 @@
import Ember from 'ember'; function formatDate(date, format) {
date = new Date(date);
var formattedDate = {
year: date.getFullYear(),
month: date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1,
day: date.getDate() < 10 ? "0" + date.getDate() : date.getDate(),
hours: date.getHours() < 10 ? "0" + date.getHours() : date.getHours(),
minutes: date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(),
seconds: date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(),
};
for (var key in formattedDate) {
format = format.replace(key, formattedDate[key]);
}
return format;
}
function formatHashrate(hashrate, showUnit) {
var units = ["H/s", "KH/s", "MH/s", "GH/s", "TH/s", "PH/s"];
var index = 0;
while (hashrate > 1e3) {
hashrate /= 1e3;
index++;
}
return showUnit
? hashrate.toFixed(2) + " " + units[index]
: hashrate.toFixed(2) + " " + units[index];
}
function formatNumber(number) {
var units = ["H/s", "KH/s", "MH/s", "GH/s", "TH/s", "PH/s"];
var index = 0;
while (number >= 1e3) {
number /= 1e3;
index++;
}
number = number < 10 ? number.toFixed(2) : number.toFixed(2);
return number.replace(".00", "") + " " + units[index];
}
import Ember from "ember";
export default Ember.Controller.extend({ export default Ember.Controller.extend({
applicationController: Ember.inject.controller('application'), applicationController: Ember.inject.controller("application"),
stats: Ember.computed.reads('applicationController'), stats: Ember.computed.reads("applicationController"),
config: Ember.computed.reads('applicationController.config'), config: Ember.computed.reads("applicationController.config"),
cachedLogin: Ember.computed('login', { cachedLogin: Ember.computed("login", {
get() { get() {
return this.get('login') || Ember.$.cookie('login'); return this.get("login") || Ember.$.cookie("login");
}, },
set(key, value) { set(key, value) {
Ember.$.cookie('login', value); Ember.$.cookie("login", value);
this.set('model.login', value); this.set("model.login", value);
return value; return value;
} },
}), }),
chartOptions: Ember.computed("model.hashrate", { chartOptions: Ember.computed("model.hashrate", "model.poolCharts", "model.netCharts", {
get() { get() {
var now = new Date();
var e = this, var e = this,
t = e.getWithDefault("stats.model.poolCharts"), t = e.getWithDefault("model.poolCharts", []),
netCharts = e.getWithDefault("model.netCharts", []),
a = { a = {
chart: { chart: {
backgroundColor: "rgba(255, 255, 255, 0.1)", backgroundColor: "rgba(48, 97, 63, 0.0) ",
type: "spline", type: "areaspline",
height: 220, height: 270,
marginRight: 10, ignoreHiddenSeries: !1,
events: { events: {
load: function () { load: function () {
var series = this.series[0]; var self = this;
setInterval(function () {
var x = (new Date()).getTime(), y = e.getWithDefault("model.Hashrate") / 1000000; var chartInterval = setInterval(function () {
series.addPoint([x, y], true, true); var series = self.series;
}, 1090000000); if (!series) {
} clearInterval(chartInterval);
return;
} }
t = e.getWithDefault("model.poolCharts", []);
netCharts = e.getWithDefault("model.netCharts", []);
// Hashrate chart
var hashData = [];
t.forEach(function (entry) {
var x = new Date(1000 * entry.x);
var l = x.toLocaleString();
var y = entry.y;
hashData.push({ x: x, y: y, d: l });
});
// Point for now
var now = new Date();
var l = now.toLocaleString();
var y = e.getWithDefault("model.hashrate");
var lastHash = { x: now, y: y, d: l };
{ hashData.push(lastHash); }
// Network Difficulty chart
var netDiffData = [];
netCharts.forEach(function (entry) {
var x = new Date(1000 * entry.x);
var l = x.toLocaleString();
var y = entry.y;
netDiffData.push({ x: x, y: y, d: l });
});
series[0].setData(hashData, true, {}, true);
series[1].setData(netDiffData, true, {}, true);
}, 88 * 1000);
},
},
}, },
title: { title: {
text: "Pool Hashrate", text: '<b>Ethereum Classic - PPLNS </b>',
align: 'center',
x: 0,
y: 15,
useHTML: false,
style: { style: {
color: "#000" color: "rgba(0,0,0,0.76)",
fontSize: '15px',
fontFamily: 'Arial',
fontWeight: '400'
} }
}, },
xAxis: { xAxis: {
ordinal: false,
gridLineWidth: 1,
type: "datetime",
labels: { labels: {
style: { style: {
color: "#000" color: "#000",
} },
formatter: function () {
return formatDate(this.value, "hours:minutes");
}, },
ordinal: false,
type: "datetime"
}, },
yAxis: { },
yAxis: [
{
index: 0,
tickAmount: 4,
title: { title: {
text: "HASHRATE", text: "Pool Hashrate",
style: { style: {
color: "#000" color: "#32e400",
} },
}, },
min: 0, min: 0,
labels: { labels: {
enabled: true,
style: { style: {
color: "#000" color: "#000",
}
}
}, },
plotLines: [{
value: 0,
width: 1,
color: "#ccc"
}],
legend: {
enabled: true
},
tooltip: {
formatter: function () { formatter: function () {
return this.y > 1000000000000 ? "<b>" + this.point.d + "<b><br>Hashrate&nbsp;" + (this.y / 1000000000000).toFixed(2) + "&nbsp;TH/s</b>" : this.y > 1000000000 ? "<b>" + this.point.d + "<b><br>Hashrate&nbsp;" + (this.y / 1000000000).toFixed(2) + "&nbsp;GH/s</b>" : this.y > 1000000 ? "<b>" + this.point.d + "<b><br>Hashrate&nbsp;" + (this.y / 1000000).toFixed(2) + "&nbsp;MH/s</b>" : "<b>" + this.point.d + "<b><br>Hashrate<b>&nbsp;" + this.y.toFixed(2) + "&nbsp;H/s</b>"; return formatNumber(this.value);
}, },
useHTML: true
}, },
exporting: {
enabled: false
},
series: [{
color: "#15BD27",
name: "Hashrate",
data: function () {
var e, a = [];
if (null != t) {
for (e = 0; e <= t.length - 1; e += 1) {
var n = 0,
r = 0,
l = 0;
r = new Date(1e3 * t[e].x);
l = r.toLocaleString();
n = t[e].y; a.push({
x: r,
d: l,
y: n
});
}
} else {
a.push({
x: 0,
d: 0,
y: 0
});
}
return a;
}()
}]
};
return a;
}
}),
chartDiff: Ember.computed("model.hashrate", {
get() {
var e = this,
t = e.getWithDefault("stats.model.netCharts"),
a = {
chart: {
backgroundColor: "rgba(255, 255, 255, 0.1)",
type: "spline",
height: 250,
marginRight: 10,
//zoomType: 'xy',
/* events: {
load: function() {
var series = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), y = e.getWithDefault("difficulty") / 1000000;
series.addPoint([x, y], true, true);
}, 1090000000);
}
} */
}, },
{
index: 1,
tickAmount: 4,
title: { title: {
text: "Network Difficulty", text: "NETWORK DIFFICULTY",
style: { style: {
color: "#000" color: "#007BFF",
}
}, },
rangeSelector: {
enabled: true,
selected: 4,
allButtonsEnabled: true,
inputDateFormat: '%Y/%m/%d %H:%M',
inputEditDateFormat: '%Y/%m/%d %H:%M',
inputEnabled: false,
buttons: [{
type: 'hour',
count: 1,
text: '1h'
}, },
{ min: 0,
type: 'hour', labels: {
count: 2, enabled: true,
text: '2h' style: {
color: "#000",
}, },
{ formatter: function () {
type: 'hour', return formatNumber(this.value);
count: 4,
text: '4h'
}, },
{
type: 'hour',
count: 6,
text: '6h'
}, },
{ opposite: true,
type: 'hour',
count: 12,
text: '12h'
}, },
{
type: 'all',
text: 'All'
}
], ],
}, plotOptions: {
navigator: { areaspline: {
enabled: true marker: {
},
/* scrollbar: {
enabled:true,
barBackgroundColor: 'gray',
barBorderRadius: 7,
barBorderWidth: 0,
buttonBackgroundColor: 'gray',
buttonBorderWidth: 0,
buttonArrowColor: 'yellow',
buttonBorderRadius: 7,
rifleColor: 'yellow',
trackBackgroundColor: 'white',
trackBorderWidth: 1,
trackBorderColor: 'silver',
trackBorderRadius: 7
}, */
credits: {
enabled: false, enabled: false,
position: {
align: 'right',
x: -10,
verticalAlign: 'bottom',
y: -5
},
href: "https://highcharts.com",
text: "Highcharts"
},
xAxis: {
labels: {
style: {
color: "#000"
}
//minRange: 1
}, },
ordinal: false,
type: "datetime"
}, },
yAxis: {
title: {
text: "DIFFICULTY",
style: {
color: "#000"
}
}, },
plotLines: [
labels: { {
style: {
color: "#000"
}
}
},
plotLines: [{
value: 0, value: 0,
width: 1, width: 1,
color: "#000" color: "#000",
}], },
],
legend: { legend: {
enabled: false symbolRadius: 4,
borderWidth: 1,
itemStyle: {
color: "rgba(0,0,0,0.76)",
}, },
tooltip: { itemHoverStyle: {
formatter: function () { color: "#000000",
return this.y > 1000000000000 ? "<b>" + this.point.d + "<b><br>Difficulty&nbsp;" + (this.y / 1000000000000).toFixed(2) + "&nbsp;TH/s</b>" : this.y > 1000000000 ? "<b>" + this.point.d + "<b><br>Difficulty&nbsp;" + (this.y / 1000000000).toFixed(2) + "&nbsp;GH/s</b>" : this.y > 1000000 ? "<b>" + this.point.d + "<b><br>Difficulty&nbsp;" + (this.y / 1000000).toFixed(2) + "&nbsp;MH/s</b>" : "<b>" + this.point.d + "<b><br>Difficulty<b>&nbsp;" + this.y.toFixed(2) + "&nbsp;H/s</b>"; },
itemHiddenStyle: {
color: "#A8A2A2",
}, },
useHTML: true },
tooltip: {
borderRadius: 7,
borderWidth: 1,
shared: false,
headerFormat: "",
shared: false,
headerFormat: "",
}, },
exporting: { exporting: {
enabled: true enabled: false,
},
series: [
{
yAxis: 0,
name: "Pool Hashrate",
fillColor: "rgba(49, 227, 0, 0.22)",
color: "#32e400",
tooltip: {
pointFormatter: function () {
return (
formatDate(this.x, "day.month.year hours:minutes") +
"<br><b>Pool Hashrate: " +
formatHashrate(this.y, true) +
"</b>"
);
},
},
states: {
inactive: {
opacity: 0.1,
},
}, },
series: [{
color: "#F87217",
name: "Difficulty",
data: function () { data: function () {
var e, a = []; var hashData = [];
if (null != t) { if (null != t) {
for (e = 0; e <= t.length - 1; e += 1) { t.forEach(function (entry) {
var n = 0, var x = new Date(1000 * entry.x);
r = 0, var l = x.toLocaleString();
l = 0; var y = entry.y;
r = new Date(1e3 * t[e].x); hashData.push({ x: x, y: y, d: l });
l = r.toLocaleString();
n = t[e].y; a.push({
x: r,
d: l,
y: n
}); });
} }
} else {
a.push({ var l = now.toLocaleString();
x: 0, var y = e.getWithDefault("model.hashrate");
d: 0, var lastHash = { x: now, y: y, d: l };
y: 0 { hashData.push(lastHash); }
return hashData;
}()
},
{
yAxis: 1,
name: "NETWORK DIFFICULTY",
fillColor: "rgba(212, 175, 55, 0.35)",
color: "#007BFF",
tooltip: {
pointFormatter: function () {
return (
formatDate(this.x, "day.month.year hours:minutes") +
"<br><b>NETWORK DIFFICULTY: " +
formatNumber(this.y) +
"</b>"
);
},
},
states: {
inactive: {
opacity: 0.1,
},
},
data: function () {
var netDiffData = [];
if (null != netCharts) {
netCharts.forEach(function (entry) {
var x = new Date(1000 * entry.x);
var l = x.toLocaleString();
var y = entry.y;
netDiffData.push({ x: x, y: y, d: l });
}); });
} }
return a;
}()
}] return netDiffData;
}()
},
],
}; };
return a; return a;
} },
}), }),
dag: Ember.computed("stats", "model", { dag: Ember.computed("stats", "model", {
get() { get() {
var percent = (this.get("epoch") * 8192) / 1024 / 1024 + 1; var percent = (this.get("epoch") * 8192) / 1024 / 1024 + 1;
@ -296,9 +309,10 @@ export default Ember.Controller.extend({
return percent; return percent;
}, },
}), }),
epoch: Ember.computed("model.stats", { epoch: Ember.computed("model.stats", {
get() { get() {
return parseInt(this.get("applicationController.height") / 60000); /* etchash 60000 ethash 30000 */ return parseInt(this.get("applicationController.height") / 30000);
}, },
}) }),
}); });

3
www/app/templates/index.hbs
Unescape View File

@ -56,9 +56,6 @@
<div> <div>
{{high-charts mode=chartMode chartOptions=chartOptions content=chartData}} {{high-charts mode=chartMode chartOptions=chartOptions content=chartData}}
</div> </div>
<div>
{{high-charts mode=mode chartOptions=chartDiff content=chartData}}
</div>
<div class="stats"> <div class="stats">
<h3>{{t "home.query_history"}}</h3> <h3>{{t "home.query_history"}}</h3>
<div class="input-group"> <div class="input-group">

2
www/translations/en-us.yaml
Unescape View File

@ -41,7 +41,7 @@ home:
payouts_run: every {interval}. payouts_run: every {interval}.
payout_scheme_detail: Real time PPLNS payout scheme. payout_scheme_detail: Real time PPLNS payout scheme.
miners_online: Miners Online miners_online: Miners Online
pool_hashrate: Pool Hash Rate pool_hashrate: Pool Hashrate
pool_fee: Pool Fee pool_fee: Pool Fee
last_block_found: Last Block Found last_block_found: Last Block Found
network_difficulty: Network Difficulty network_difficulty: Network Difficulty

Write Preview
Loading…
Cancel
Save