molecules/ActivityGraph.vue

[Kunado]

コンポーネント定義

名前	説明
molecules/ActivityGraph.vue	githubの草グラフ機能

子コンポーネント

備考

• 草グラフの作り方
  • Recreating the GitHub Contribution Graph with CSS Grid Layout
• バックエンド側でGraphQLのクエリを作る必要がある
  • 日毎にコントリビューションのID, 開始/終了タスクのIDをまとめて返す
  • 理想は以下のような形式か

    {
       activities: [{
       date: '2018-01-01 00:00:00 +0900',
       contributions: [
       	112, 113, 114 // ContributionのIDを返す
       ],
       finishedTasks: [
       	10, 11  // TaskのIDを返す
       ]
    },...,{
       date: '2018-01-11 00:00:00 +0900',
       contributions: [
       	112, 113, 114
       ],
       finishedTasks: [
       	10, 11
       ]
       }]
    }
    

  • ActiveRecordで日付ごとにgroup byしたい - 機略戦記