This is mobile app which helps public works people to manage the status of the fields located at Chesterfield Valley Athletic center. This app is build on hybrid ionic platform. Due to hybrid platform, it also works on any andriod device.
The first tab loads the gis/map view of the CVAC fields where color red means closed and green means open. iframe is used to load the gis view from http://mapping.chesterfield.mo.us/apps/CVACviewer/ which is build on ESRI's ARCgis platform.
The second tab shows the status of the fields in list view (ion-item). It uses ion-option-button to support swipe left to toggle the status of the field (open to close or vice versa).
The third tab shows the status of the fields in native toggle view. It uses ion-toggle to get that native look & toggle the status.
The screenshots are taken on iPad using ionic view app.