pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

型を付ける音「ｶﾀｶﾀ...」

Browse Source
This commit is contained in:
shibafu
2020-06-06 16:14:11 +09:00
parent 57c6eff442
commit a67a6a8be9
16 changed files with 117 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/user/profile.js → resources/assets/js/user/profile.ts
View File

@@ -1,4 +1,5 @@
import CalHeatMap from 'cal-heatmap';
import * as CalHeatMap from 'cal-heatmap';
import {subMonths} from 'date-fns';
if (document.getElementById('cal-heatmap')) {
new CalHeatMap().init({
@@ -7,9 +8,9 @@ if (document.getElementById('cal-heatmap')) {
subDomain: 'day',
domainLabelFormat: '%Y/%m',
weekStartOnMonday: false,
start: new Date().setMonth(new Date().getMonth() - 9),
start: subMonths(new Date(), 9),
range: 10,
data: JSON.parse(document.getElementById('count-by-day').textContent),
data: JSON.parse(document.getElementById('count-by-day')!.textContent as string),
legend: [1, 2, 3, 4]
});
}

33
resources/assets/js/user/stats.js → resources/assets/js/user/stats.ts
View File

@@ -1,12 +1,12 @@
import CalHeatMap from 'cal-heatmap';
import Chart from 'chart.js';
import * as CalHeatMap from 'cal-heatmap';
import * as Chart from 'chart.js';
import {addMonths, format} from 'date-fns';
const graphData = JSON.parse(document.getElementById('graph-data').textContent);
const graphData = JSON.parse(document.getElementById('graph-data')!.textContent as string);
function createLineGraph(id, labels, data) {
const context = document.getElementById(id).getContext('2d');
return new Chart(context, {
function createLineGraph(id: string, labels: string[], data: any) {
const context = (document.getElementById(id) as HTMLCanvasElement).getContext('2d');
return new Chart(context!, {
type: 'line',
data: {
labels: labels,
@@ -41,9 +41,9 @@ function createLineGraph(id, labels, data) {
});
}
function createBarGraph(id, labels, data) {
const context = document.getElementById(id).getContext('2d');
new Chart(context, {
function createBarGraph(id: string, labels: string[], data: any) {
const context = (document.getElementById(id) as HTMLCanvasElement).getContext('2d');
new Chart(context!, {
type: 'bar',
data: {
labels: labels,
@@ -73,10 +73,7 @@ function createBarGraph(id, labels, data) {
});
}
/**
* @param {Date} from
*/
function createMonthlyGraphData(from) {
function createMonthlyGraphData(from: Date) {
const keys = [];
const values = [];
@@ -90,9 +87,13 @@ function createMonthlyGraphData(from) {
return {keys, values};
}
function getCurrentYear() {
const year = location.pathname.split('/').pop();
return /^(20[0-9]{2})$/.test(year) ? year : null;
function getCurrentYear(): number {
const year = location.pathname.split('/').pop() || '';
if (/^(20[0-9]{2})$/.test(year)) {
return parseInt(year, 10);
} else {
throw 'Invalid year';
}
}
if (document.getElementById('cal-heatmap')) {