Merge pull request #188 from syuilo/remove-charts
[Client] Remove graphs temporary
This commit is contained in:
syuilo⭐️
GitHub
commit
9be8a187a7
|
|
@ -74,7 +74,6 @@
|
||||||
"chai": "3.5.0",
|
"chai": "3.5.0",
|
||||||
"chai-http": "3.0.0",
|
"chai-http": "3.0.0",
|
||||||
"chalk": "1.1.3",
|
"chalk": "1.1.3",
|
||||||
"chart.js": "2.5.0",
|
|
||||||
"compression": "1.6.2",
|
"compression": "1.6.2",
|
||||||
"cors": "2.8.1",
|
"cors": "2.8.1",
|
||||||
"cropperjs": "1.0.0-beta",
|
"cropperjs": "1.0.0-beta",
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,6 @@
|
||||||
// Style
|
// Style
|
||||||
import './style.styl';
|
import './style.styl';
|
||||||
|
|
||||||
require('chart.js');
|
|
||||||
require('./tags');
|
require('./tags');
|
||||||
const riot = require('riot');
|
const riot = require('riot');
|
||||||
const boot = require('../boot');
|
const boot = require('../boot');
|
||||||
|
|
|
||||||
|
|
@ -81,10 +81,6 @@ require('./sub-post-content.tag');
|
||||||
require('./images-viewer.tag');
|
require('./images-viewer.tag');
|
||||||
require('./image-dialog.tag');
|
require('./image-dialog.tag');
|
||||||
require('./donation.tag');
|
require('./donation.tag');
|
||||||
require('./user-posts-graph.tag');
|
|
||||||
require('./user-friends-graph.tag');
|
|
||||||
require('./user-likes-graph.tag');
|
|
||||||
require('./post-status-graph.tag');
|
|
||||||
require('./users-list.tag');
|
require('./users-list.tag');
|
||||||
require('./user-following.tag');
|
require('./user-following.tag');
|
||||||
require('./user-followers.tag');
|
require('./user-followers.tag');
|
||||||
|
|
|
||||||
|
|
@ -1,75 +0,0 @@
|
||||||
<mk-post-status-graph>
|
|
||||||
<canvas ref="canv" width={ opts.width } height={ opts.height }></canvas>
|
|
||||||
<style>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
|
|
||||||
> canvas
|
|
||||||
margin 0 auto
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
@mixin \api
|
|
||||||
@mixin \is-promise
|
|
||||||
|
|
||||||
@post = null
|
|
||||||
@post-promise = if @is-promise @opts.post then @opts.post else Promise.resolve @opts.post
|
|
||||||
|
|
||||||
@on \mount ~>
|
|
||||||
post <~ @post-promise.then
|
|
||||||
@post = post
|
|
||||||
@update!
|
|
||||||
|
|
||||||
@api \aggregation/posts/like do
|
|
||||||
post_id: @post.id
|
|
||||||
limit: 30days
|
|
||||||
.then (likes) ~>
|
|
||||||
likes = likes.reverse!
|
|
||||||
|
|
||||||
@api \aggregation/posts/repost do
|
|
||||||
post_id: @post.id
|
|
||||||
limit: 30days
|
|
||||||
.then (repost) ~>
|
|
||||||
repost = repost.reverse!
|
|
||||||
|
|
||||||
@api \aggregation/posts/reply do
|
|
||||||
post_id: @post.id
|
|
||||||
limit: 30days
|
|
||||||
.then (replies) ~>
|
|
||||||
replies = replies.reverse!
|
|
||||||
|
|
||||||
new Chart @refs.canv, do
|
|
||||||
type: \bar
|
|
||||||
data:
|
|
||||||
labels: likes.map (x, i) ~> if i % 3 == 2 then x.date.day + '日' else ''
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: \いいね
|
|
||||||
type: \line
|
|
||||||
data: likes.map (x) ~> x.count
|
|
||||||
line-tension: 0
|
|
||||||
border-width: 2
|
|
||||||
fill: true
|
|
||||||
background-color: 'rgba(247, 121, 108, 0.2)'
|
|
||||||
point-background-color: \#fff
|
|
||||||
point-radius: 4
|
|
||||||
point-border-width: 2
|
|
||||||
border-color: \#F7796C
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: \返信
|
|
||||||
type: \bar
|
|
||||||
data: replies.map (x) ~> x.count
|
|
||||||
background-color: \#555
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: \Repost
|
|
||||||
type: \bar
|
|
||||||
data: repost.map (x) ~> x.count
|
|
||||||
background-color: \#a2d61e
|
|
||||||
}
|
|
||||||
]
|
|
||||||
options:
|
|
||||||
responsive: false
|
|
||||||
</script>
|
|
||||||
</mk-post-status-graph>
|
|
||||||
|
|
@ -1,67 +0,0 @@
|
||||||
<mk-user-friends-graph>
|
|
||||||
<canvas ref="canv" width="750" height="250"></canvas>
|
|
||||||
<style>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
width 750px
|
|
||||||
height 250px
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
@mixin \api
|
|
||||||
@mixin \is-promise
|
|
||||||
|
|
||||||
@user = null
|
|
||||||
@user-promise = if @is-promise @opts.user then @opts.user else Promise.resolve @opts.user
|
|
||||||
|
|
||||||
@on \mount ~>
|
|
||||||
user <~ @user-promise.then
|
|
||||||
@user = user
|
|
||||||
@update!
|
|
||||||
|
|
||||||
@api \aggregation/users/followers do
|
|
||||||
user_id: @user.id
|
|
||||||
limit: 30days
|
|
||||||
.then (followers) ~>
|
|
||||||
followers = followers.reverse!
|
|
||||||
|
|
||||||
@api \aggregation/users/following do
|
|
||||||
user_id: @user.id
|
|
||||||
limit: 30days
|
|
||||||
.then (following) ~>
|
|
||||||
following = following.reverse!
|
|
||||||
|
|
||||||
new Chart @refs.canv, do
|
|
||||||
type: \line
|
|
||||||
data:
|
|
||||||
labels: following.map (x, i) ~> if i % 3 == 2 then x.date.day + '日' else ''
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: \フォロー
|
|
||||||
data: following.map (x) ~> x.count
|
|
||||||
line-tension: 0
|
|
||||||
border-width: 2
|
|
||||||
fill: true
|
|
||||||
background-color: 'rgba(127, 221, 64, 0.2)'
|
|
||||||
point-background-color: \#fff
|
|
||||||
point-radius: 4
|
|
||||||
point-border-width: 2
|
|
||||||
border-color: \#7fdd40
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: \フォロワー
|
|
||||||
data: followers.map (x) ~> x.count
|
|
||||||
line-tension: 0
|
|
||||||
border-width: 2
|
|
||||||
fill: true
|
|
||||||
background-color: 'rgba(255, 99, 132, 0.2)'
|
|
||||||
point-background-color: \#fff
|
|
||||||
point-radius: 4
|
|
||||||
point-border-width: 2
|
|
||||||
border-color: \#FF6384
|
|
||||||
}
|
|
||||||
]
|
|
||||||
options:
|
|
||||||
responsive: false
|
|
||||||
</script>
|
|
||||||
</mk-user-friends-graph>
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
<mk-user-likes-graph>
|
|
||||||
<canvas ref="canv" width="750" height="250"></canvas>
|
|
||||||
<style>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
width 750px
|
|
||||||
height 250px
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
@mixin \api
|
|
||||||
@mixin \is-promise
|
|
||||||
|
|
||||||
@user = null
|
|
||||||
@user-promise = if @is-promise @opts.user then @opts.user else Promise.resolve @opts.user
|
|
||||||
|
|
||||||
@on \mount ~>
|
|
||||||
user <~ @user-promise.then
|
|
||||||
@user = user
|
|
||||||
@update!
|
|
||||||
|
|
||||||
@api \aggregation/users/like do
|
|
||||||
user_id: @user.id
|
|
||||||
limit: 30days
|
|
||||||
.then (likes) ~>
|
|
||||||
likes = likes.reverse!
|
|
||||||
|
|
||||||
new Chart @refs.canv, do
|
|
||||||
type: \bar
|
|
||||||
data:
|
|
||||||
labels: likes.map (x, i) ~> if i % 3 == 2 then x.date.day + '日' else ''
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: \いいねした数
|
|
||||||
data: likes.map (x) ~> x.count
|
|
||||||
background-color: \#F7796C
|
|
||||||
}
|
|
||||||
]
|
|
||||||
options:
|
|
||||||
responsive: false
|
|
||||||
</script>
|
|
||||||
</mk-user-likes-graph>
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
<mk-user-posts-graph>
|
|
||||||
<canvas ref="canv" width="750" height="250"></canvas>
|
|
||||||
<style>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
width 750px
|
|
||||||
height 250px
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
@mixin \api
|
|
||||||
@mixin \is-promise
|
|
||||||
|
|
||||||
@user = null
|
|
||||||
@user-promise = if @is-promise @opts.user then @opts.user else Promise.resolve @opts.user
|
|
||||||
|
|
||||||
@on \mount ~>
|
|
||||||
user <~ @user-promise.then
|
|
||||||
@user = user
|
|
||||||
@update!
|
|
||||||
|
|
||||||
@api \aggregation/users/post do
|
|
||||||
user_id: @user.id
|
|
||||||
limit: 30days
|
|
||||||
.then (data) ~>
|
|
||||||
data = data.reverse!
|
|
||||||
new Chart @refs.canv, do
|
|
||||||
type: \line
|
|
||||||
data:
|
|
||||||
labels: data.map (x, i) ~> if i % 3 == 2 then x.date.day + '日' else ''
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: \投稿
|
|
||||||
data: data.map (x) ~> x.posts
|
|
||||||
line-tension: 0
|
|
||||||
point-radius: 0
|
|
||||||
background-color: \#555
|
|
||||||
border-color: \transparent
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: \Repost
|
|
||||||
data: data.map (x) ~> x.reposts
|
|
||||||
line-tension: 0
|
|
||||||
point-radius: 0
|
|
||||||
background-color: \#a2d61e
|
|
||||||
border-color: \transparent
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: \返信
|
|
||||||
data: data.map (x) ~> x.replies
|
|
||||||
line-tension: 0
|
|
||||||
point-radius: 0
|
|
||||||
background-color: \#F7796C
|
|
||||||
border-color: \transparent
|
|
||||||
}
|
|
||||||
]
|
|
||||||
options:
|
|
||||||
responsive: false
|
|
||||||
scales:
|
|
||||||
x-axes: [
|
|
||||||
{
|
|
||||||
stacked: true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
y-axes: [
|
|
||||||
{
|
|
||||||
stacked: true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
</script>
|
|
||||||
</mk-user-posts-graph>
|
|
||||||
Loading…
Reference in New Issue