# 管理者クリニックスクリーン

管理者クリニック管理画面は、ユーザーが利用できるすべてのクラスを表示するために専用のページであり、管理者が知りたい詳細情報が含まれています。この画面は、サイドナビゲーションコンポーネント、画像コンポーネント、テキストコンポーネント、リストコンポーネント、およびボタンコンポーネントから構成されています。

## コンポーネント

### **サイドナビゲーション — 管理者サイドナビゲーション**

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-65857e7db27ca2b5c84cf1ca3ddf108d0aea5d4e%2Fadminmanagesidenav.png?alt=media" alt="" width="213"><figcaption></figcaption></figure>

この管理者サイドナビゲーションは、テンプレートの他の画面のユーザーサイドナビゲーションと同様に、管理者がさまざまな管理者機能に移動できるようにします。

アクティブインジケータースタイル

「アクティブインジケータースタイル」は、管理者が現在表示している画面を反映するように設定されています — 「管理者クリニック管理」画面では、「クリニック管理」となります。これらの設定を変更するには、左側のパネルにあるメニュースタイルオプションを見つけてください：

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-74a7195f76c84423a29eae3f331fb5d6cb25b7f9%2Fadminmanageactiveindicator.png?alt=media" alt="" width="272"><figcaption></figcaption></figure>

### テキストコンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-1424fec5b26d53ac352cd18089582f7b84082a65%2Fadminmanagetext.png?alt=media" alt=""><figcaption></figcaption></figure>

テキストコンポーネントは「Count」と表示されていますが、このテキストはデータベースから取得されます。

このテキストは、クラスコレクションにある利用可能なクラスの総数を示します。さらに、表示されるテキストは、表示される数に応じて「Clinic」または「Clinics」と表示されます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-67781ed91b183ac8eff3b780edf2e2b4af32b5db%2Fadminmanagecount.png?alt=media" alt="" width="348"><figcaption></figcaption></figure>

### ボタンコンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-224d4bc1c57152ffae38056bbedb7ac9e869fa52%2Fadminmanagebutton.png?alt=media" alt="" width="72"><figcaption></figcaption></figure>

このボタンコンポーネントは、管理者が追加のクラスを作成できる別のページへのリンクとして機能します。

⚡ **ボタンアクション**

「管理者クリニック作成」画面へのリンク。

### 入力コンポーネント — 検索入力

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-132ebe4e77518b887aad83c2b58d15e417ce0d7f%2Fadminmanagesearch.png?alt=media" alt=""><figcaption></figcaption></figure>

入力コンポーネントは検索バーとして機能します。このコンポーネントは、データがデータベースに保存されていなくても、アプリの他の部分で使用できるようになっています。

### リストコンポーネント — クラスリスト

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-9e212a6595ad5879d3b25d25add8995c64a75d3d%2Fadminmanagelist.png?alt=media" alt="" width="563"><figcaption></figcaption></figure>

他の画面のリストと同様に、このリストはデータベースにあるクラスに関連する情報を表示します。データベース内のプロパティに情報が欠落しているか削除されている場合、このリストの表示が影響を受けます。

{% hint style="danger" %}
モバイルレイアウト用に別のリストがあります。デスクトップおよびタブレット用のリストを変更する場合は、モバイル用のリストも変更してください。
{% endhint %}

**フィルター**

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-f593e381498fbb13a46668c83834e8bd5207a9fb%2Fadminmanagefilter.png?alt=media" alt="" width="375"><figcaption></figcaption></figure>

このリストには、Classes Collection内のすべてのクラスが含まれていますが、「Search Input」コンポーネントの情報でフィルタリングすることができます。

Inputに入力されるテキストはName Property内にある必要があります。これはClasses Collection内の任意のプロパティに基づいてフィルタリングするために更新できます。

「Search Input」という値は、画面上の別のデータ関連コンポーネントであるため、フィルタリングに使用できます。

#### 公開可能なバッジ

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-70639ce60e9abc46de567aa3f470a6725cd927a8%2Fadminmanagepublicly.png?alt=media" alt=""><figcaption></figcaption></figure>

クラスがエンドユーザーに表示可能かどうかを示すバッジは、Classes Collection内の「Publicly Available?」プロパティに基づいて条件付きで表示されます。

これにより、管理者は登録可能なクラスや逆に表示から削除する必要があるクラスを素早く確認できます。

**⚡ リストアクション**

「Edit Clinic」ボタンには、「Admin Edit Clinic」画面へのリンクアクションが含まれています。
