#############
gams Surround
#############

**Surround** is the mobile-friendly data center of gams platform, featuring real-time data overview of nodes, locations,
tags and organizations.

Access
======

You can access Surround by simply visiting https://surround.measureofquality.com on any web browser. However, for better
experience, we recommend installing the PWA (Progressive Web App) version of Surround on your phone by following the
instructions below.

Chrome
------

.. list-table::

   * - .. figure:: /images/surround/chrome_home.jpg

          \1. Tap the ``⋮`` button on the top right.

     - .. figure:: /images/surround/chrome_add.jpg

          \2. Tap ``Add to Home screen``.

   * - .. figure:: /images/surround/chrome_confirm.jpg

          \3. Tap ``Add``.

     - .. figure:: /images/surround/chrome_place.jpg

          \4. Tap ``ADD AUTOMATICALLY``.

Firefox
-------

.. list-table::

   * - .. figure:: /images/surround/firefox_home.jpg

          \1. Tap the ``⋮`` button on the bottom right.

     - .. figure:: /images/surround/firefox_add.jpg

          \2. Tap ``Install``.

   * - .. figure:: /images/surround/firefox_place.jpg

          \3. Tap ``ADD AUTOMATICALLY``.
     -

Safari
------

.. list-table::

   * - .. figure:: /images/surround/safari_home.jpg

          \1. Tap the ``⍐`` button on the bottom center.

     - .. figure:: /images/surround/safari_add.jpg

          \2. Tap ``Add to Home screen``.

Usage
=====

Login
-----

.. list-table::

   * - .. figure:: /images/surround/homescreen.jpg

          \1. Tap the Surround icon on the Home screen of your phone.

     - .. figure:: /images/surround/PWA_login.jpg

          \2. Enter the ``Username`` and ``Password``, and tap ``Login``.

Node Overview
-------------

.. list-table::

   * - .. figure:: /images/surround/PWA_view.jpg

          This is the node overview page for your organization or location.

     - .. figure:: /images/surround/PWA_param.jpg

          You can tap the ``∨`` button on the top right to choose the measurement field you want to display.

   * - .. figure:: /images/surround/PWA_sort.jpg

          You can tap the ``⬇`` button on the top right to sort the view.

     - .. figure:: /images/surround/PWA_sortmenu.jpg

          You can choose from the ``Sort`` dropdown menu the parameter you want to sort by.