summaryDashboardExt

summaryDashboardExt

Introduction

The summaryDashboardExt is a custom pod that displays a custom summary dashboard as below:

summaryDashboardExt.png

It is divided in sections, each having its own setup.

Images

Logo image and building image can be customized through Folio.

  • Go to Folio > Upload File and upload the images

image-20251121-121129.png
  • Go to Folio Files > Images

image-20251121-121147.png
  • For each image, enter the View Edit menu

image-20251121-121216.png

 

  • Clock on Options > Tags and add a marker tag

image-20251121-121225.png

 

  • Set the marker tag logoImage for the logo image

  • Set the marker tag buildingImage for the building image

  • Images: images have a fixed size

    • Logo: 406x94

    • Building: 314x208

Weather

Query: read(weatherForecast and weatherStationRef)
Make sure your site has a weatherStationRef. This can be set in DB Builder.

Links

Query: readAll(links and order).sort("order")
To add these records to your database you will want to add the below query in folio.
diff(null, {links, dis:"Site", link: `https://www.j2inn.com/`, order:0}, {add}).commit()
The highlighted values for dis, link, and order should change to reflect the necessary name, link,
and order.

image-20251121-115847.png


The dis Site is what is displayed and the link is the url that you will be taken to when the text is
clicked. The order defines the order, starting with 0 and counting up. Your data should look
similar to this picture.

Systems

Query: readAll(point and systems and order).sort("order")
Systems will use the navName and curVal of a point. The order tag will determine what order
the points go into, from left to right, top to bottom. The curVal of the points will need to be an
enum good=0,moderate=1,poor=2.
Tags to add:

  • point - marker tag

  • systems - marker tag

  • order - number

  • curVal - enum (good=0,moderate=1,poor=2)

  • navName - string

Critical alarms

Query: readAll(point and alarmType)
Critical alarms will find all the points with the tag alarmType and if the curVal is true for any of
the points, that alarmType will display a red bell in the dashboard.

image-20251121-113536.png

Tags to add:

  • alarmType - string tag, any value is accepted

Demand metrics

Query: readAll(point and demand and metrics and order).sort("order")
Demand metrics will use the navName and curVal of a point. The order tag will determine what
order the points go into from top to bottom.
Tags to add:

  • point - marker tag

  • demand - marker tag

  • metrics - marker tag

  • order - number

  • curVal - number

  • navName - string

Loading the pod

  • Download the pod

  • Place it in the \lib\fan folder under your FIN Framework path

  • Restart the service

  • Enable the summaryDashboardExt extension under Settings | Ext

  • Refres the page, you should now see the application in your Application menu