---
description: >-
  The Admin Manage Clinics Screen of the Browse, Purchase, and Manage Classes
  feature template displays all the necessary information for an Admin to
  review, create, and edit classes.
---

# Admin Manage Clinics Screen

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FaABMTuMEShrZ30kxuGto%2Fadminmanageclinics.png?alt=media&#x26;token=e2828d85-01d5-44ed-8cd8-7e12e295549d" alt=""><figcaption></figcaption></figure>

Any screens labeled ‘Admin’ in the Feature Template indicate they will be used to view & manage information differently than how an end-user interacts with the information.

For the Browse, Purchase, and Manage Classes Feature Template, the property “Is Admin?” in the Users Collection needs to be TRUE to interact with the Admin Screens.



## The Components

### Side Navigation — Admin Side Navigation

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FagyATYDqEr8ehmKN5Jmp%2Fadminsidenav.png?alt=media&#x26;token=c7ceab96-3e15-4541-8588-54463a496651" alt="" width="213"><figcaption></figcaption></figure>

Similar to the User Side Navigation on other screens in the template, the Admin Side Navigation allows an Admin to navigate to the various Admin functionality.

Active Indicator Style

The ‘Active Indicator Style’ is set to reflect the screen that the Admin is currently viewing — on the ‘Admin Manage Clinics’ screen, that is “Manage Clinics.” To change these settings, find the Menu Style option in the lefthand panel:

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FXH8QUO1ufJKIrJAHkfI3%2Factiveindicator.png?alt=media&#x26;token=7c431979-ad1e-4eba-94bb-99ba41106f9c" alt="" width="272"><figcaption></figcaption></figure>

Bottom Button

The Bottom Button is configured to allow an Admin to navigate back to the Member/Customer portion of the app.

⚡ **Bottom Button Action**

A Link Action to the ‘Category List’ Screen



### Text Component

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F7ipQrzRKyRSOIaoHbqOx%2Fcount.png?alt=media&#x26;token=34dc1447-5fdd-4db3-aa48-dd3e0dc82881" alt=""><figcaption></figcaption></figure>

The text component reads “Count” because the text is populated from the database.

The text will portray the total number of classes that are available in the Classes Collection. Additionally, it will display the text “Clinic” or “Clinics” depending on the number shown.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FgAa6StajVSEJT9YZ2NKF%2Fcountsettings.png?alt=media&#x26;token=914382fc-94a6-4de4-b404-55c4b9a9e0fd" alt="" width="348"><figcaption></figcaption></figure>

### Button Component

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F8GtBHYSo7RqVfbJo5rdJ%2Fbuttongreen.png?alt=media&#x26;token=992ec001-a05c-4796-b6b3-6e3b533e386f" alt=""><figcaption></figcaption></figure>

This Button Component will act as a link to another page where an Admin is able to create an additional class.

⚡ **Button Actions**

A Link Action to the ‘Admin Create Clinic’ Screen.



### Input Component — Search Input

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F5QV4WkEJfxedtyECFInB%2Fsearch.png?alt=media&#x26;token=0fd8cf18-4c2f-41de-a24b-f63c18b87ea1" alt=""><figcaption></figcaption></figure>

The input component acts as a search bar. The component is similar to a Form Component in that the data will be available to use in another part of the app — even if it is not saved to the database.



### List Component — Classes List

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FplY8qmBatjyPPlkL3m32%2Fadminclasseslist.png?alt=media&#x26;token=f91c8a45-0448-4387-ad8e-b8414f841621" alt="" width="563"><figcaption></figcaption></figure>

Similar to lists on other screens, this list will display information related to the Classes that are in the database. If properties in the database are missing information or deleted, that will influence how this list looks.

{% hint style="info" %}
There is a different list for the mobile layout. If you make changes to the Desktop & Tablet list, make sure you also make changes to the Mobile list.
{% endhint %}

**Filter**

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2ForvVBBcpJjckKxAcSdJU%2Ffilter2.png?alt=media&#x26;token=b17bfce6-c880-4069-9d18-4255d8db8c2e" alt="" width="563"><figcaption></figcaption></figure>

This list contains all classes in the Classes Collection, however, it can be filtered by information in the “Search Input” component.

The text entered in the Input must be in the Name Property. This can be updated to filter based on any property in the Classes Collection.

The value “Search Input” is available to filter by because it is another data-related component on the screen.

**Publicly Visible Badge**

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F9TBQ48TJVct030T6zJXy%2Fpublicly%20visible.png?alt=media&#x26;token=2932032f-aaaf-4186-91f7-5aa8d174ebb7" alt=""><figcaption></figcaption></figure>

The badge to display whether or not a class is able to be viewed by the end users is conditionally displayed based on the property “Publicly Available?” in the Classes Collection.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FwGyHAe5EBvrR93bgMM2Q%2Ffilter3.png?alt=media&#x26;token=03c896cc-dbd6-454f-9c05-3a916fda8687" alt="" width="348"><figcaption></figcaption></figure>

This will allow the Admin a quick glance to see which classes are able to be registered for, or conversely, which classes need to be removed from viewing.

⚡ **List Actions**

* The ‘Edit Clinic’ Button contains a Link Action to the ‘Admin Edit Clinic’ Screen.
