クラス詳細スクリーン

ユーザーが選択したクラスに関連するすべての詳細を表示する「ブラウズクラス機能テンプレート」の「クラス詳細画面」を表示します。

クラス詳細画面は、カテゴリ内の選択されたクラスに関するすべての情報を表示するためのものです。このページには、Magic Textを介してデータベースから情報を取得するいくつかのコンポーネントが含まれています。クラスコレクション内のプロパティに情報が含まれていない場合、この画面では正しく表示されません。

いくつかのコンポーネントは、「カテゴリリスト」および「クラスリスト」画面のドキュメントで説明されたコンポーネントと同じ方法で機能するため、以下で新しいコンポーネントについて説明します。

コンポーネント

ボタンコンポーネント — Rectangle 38

この長方形コンポーネントは、この画面上のボタンのように機能します。表示されるかどうかを制御する可視性ルールが含まれています。この場合、現在のクラス > 利用可能な空きスポットが0より大きい場合にボタンが表示されます。つまり、クラスに空きがある場合、ボタンが表示されます。

⚡ ボタンアクション

ボタンには、「購入」画面に移動するリンクアクションが含まれています。

マップコンポーネント

マップコンポーネントは、コンポーネントマーケットプレースにあるか、「インストールされたチーム」セクションのコンポーネント左パネルに表示されます。

このコンポーネントにはGoogle Maps APIキーが必要で、クラスの場所を表示します。Googleマップコンポーネントにはさまざまなカスタマイズが可能です。

地図上に表示される場所は、クラスコレクション内の場所プロパティに基づいています。

マップコンポーネントを利用するには、Google Maps APIキーが必要です

条件付き表示要素

ユーザーにとって、要素のうちの1つだけが表示されます — 両方とも表示されることはありません。表示される要素は、「利用可能な空きスポット」プロパティからの空きスポットの有無に基づく可視性ルールに関連付けられています。

見た目では、1つのグループが間違った場所に表示されるように見えるかもしれませんが — 可視性ルールが使用されると、消えるコンポーネントは、元々表示されていたグループが占めていた領域を埋めるように移動します。