予約一覧ページのAPI呼び出しを実装

[yukinkomob]

タスク

• [x] 拠点情報を取得
• [x] 施設情報を取得
• [x] 予約日入力時に予約一覧を表示

[yukinkomob]

TODO

• [x] 準備
  • [x] ドメインを設定
  • [x] API 呼び出しメソッドを共通化
• [x] 拠点、施設情報を取得
  • [x] 拠点情報を取得（UsageFee の流用）
  • [x] 施設情報を取得（UsageFee の流用）
• [x] 予約日入力時に予約一覧を表示
  • [x] Postman でテスト
  • [x] API の呼び出し処理を実装

[yukinkomob]

施設情報の取得 API で、hub_id をパス内に指定したはずが、それが facility_id として処理されているため、誤った結果が返されている。別途 API 側を修正する必要がある。

[yukinkomob]

施設取得 API 側を修正して、適切な値が取得できるように修正。 表示対応を行い、施設情報を表示できるようになった。

[yukinkomob]

予約情報の取得 API

リクエスト

{
    "facility_id": 2,
    "usage_date": "2022-02-08"
}

レスポンス

{
    "0": {
        "id": 1,
        "created_at": "2022-02-06T04:06:31+00:00",
        "facility_id": 2,
        "title": "ｘｘ社様 案件打ち合わせ",
        "reservation_person_id": 10,
        "tel": "08011112222",
        "usage_date": "2022-02-08",
        "start_time": "10:00:00",
        "end_time": "12:00:00",
        "is_private": false,
        "remarks": "全員出席必須"
    }
}

[yukinkomob]

ラフ画面

• 所属部署と予約者名を取得したい -> API 側の取得方法を修正（DB サーバにてキーのバインド、API で取得コードの作成）
• 予約時間帯の秒単位情報を削除したい

[yukinkomob]

予約情報取得の形式を変更

URL

localhost:3001/api/reservation-info

リクエスト

{
    "facility_id": 2,
    "usage_date": "2022-02-08"
}

レスポンス

{
    "0": {
        "id": 1,
        "reservation_person_id": 10,
        "tel": "08011112222",
        "start_time": "10:00:00",
        "end_time": "12:00:00",
        "usage_date": "2022-02-08",
        "account_name": "中富　政男",
        "department_name": "営業統括部"
    }
}

[yukinkomob]

デモ動画：施設予約一覧を表示

https://user-images.githubusercontent.com/3205581/157685841-a52acb1a-9637-49ad-8356-65ab0d265b26.mp4