コーチスクリーン

予約アプリケーションを作成する際には、ユーザーエクスペリエンスを最優先に考えることが重要です。この場合、コーチ画面は利用可能なコーチを表示し、予定された予約を確認するための素晴らしい出発点となります。これにより、ユーザーにとって非常に明確な「次のステップ」が提示されます — クラスを予約するか、予定されたクラスを思い出すかのいずれかです。

コンポーネント

サイドナビゲーション

サイドナビゲーションコンポーネントは、ほとんどの場合、もしくはすべてのレスポンシブ機能テンプレートで頻繁に使用されます。この場合、最も重要な点は、メニューアイテム5が「アクティブメニューアイテム」であることです。

セッションを予約するグループ

このコンポーネントグループは、いくつかのテキストコンポーネントとリストコンポーネントで構成されています。

リストは、プロパティ「管理者？」がTRUEであるかどうかでフィルタリングされたユーザーのリストです。ユーザーが管理者である場合、それはつまり彼らがコーチでもあり、予約を提供できることを意味します。

⚡ リストアクション

• 「タイムスロット」画面へのリンクアクション

もしコーチがいない場合、つまりデータベースで「管理者？」がTRUEとマークされたユーザーがいない場合、リストの代わりに空の状態が表示されます。

空の状態（利用可能なコーチがいない）は、カスタムの可視性とカスタムフィルターを使用しています。

あなたのスケジュールグループ

あなたのスケジュールグループは、カスタムフィルターを使用して条件付きで表示されます。

これらのカスタム可視性ルールとフィルターの読み方:

• このコンポーネントグループは時々表示されます。

• すべての予約の数がゼロよりも大きい場合にのみ、コンポーネントグループが表示されます。これは、Appointments Collectionに少なくとも1つの予約があることを意味します。

• ただし、予約をした人のユーザーIDはログインしているユーザーのユーザーIDと等しい必要があります。これにより、ログインしているユーザーが予約を行っていることが確認されます。

• かつ、予約した予約の日時がユーザーがリストを見ている時刻よりも後である必要があります。これにより、リストには将来の予約のみが表示され、過去の予約は表示されません。

さらに、リストにはログインしているユーザーに属する予約を表示し、過去の予約を除外するフィルターが適用されています。

⚡ リストアクション

• 「予約を行う」画面へのリンクアクション