Bone Flow #054 — HTML Functional Class 実使用サンプル Sample Build 1.0.47

#024 Calendar + #048 Table + #054 Display Timeline

タスク区分・タスク・イベント・祝日は#024 Calendarが正式管理します。この画面ではCalendarデータを週報へ反映し、#054固有の表示方法と週報表示設定だけを編集します。

IntegrationSTARTING

関連ファイル Download

HTML + 1 JS + 1 CSS + 初期Data JSON + Holiday CSV。Calendar Managerで変更したデータと#054表示設定は現在データJSONへ保存できます。

HTML JS CSS Data JSON Holiday CSV
#048

週報 Table

bf-tablebf-display-timeline
#054 Display Timeline月〜日7行 / 開始・終了・休憩・勤務時間 + #054 Display Timeline / 祝日は右端の備考へ 🎌 表示。
PROP

表示設定

Data Source読み込み中外部データ待機中
#054

タスク表示設定

Calendarデータではなく#054固有表示だけを設定

タスクを選択してください。

#024bf-calendar祝日 🎌 + Task Icon / アイコンサイズ設定
#048bf-table月〜日7行の構造化表示
#054bf-display-timelinestart/end/barHeight/theme + Item色/内容
#024 DATATaskType / Task / Event / Annotationデータ編集はCalendar Managerへ一本化
#054 PROPbar / shapeComment / width / offsetTimeline固有表示だけを保存
DATAJSON + CSV + LocalStorageCalendarデータ + #054表示設定を保存
GUIDE

週報サンプル 使い方ガイド