https://wiki.dglogik.com/ 2026-09-23T04:15:43+0000 https://wiki.dglogik.com/ https://wiki.dglogik.com/lib/tpl/bootstrap3/images/favicon.ico text/html 2021-09-20T14:43:45+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:1?rev=1632149025&do=diff 1. File Structure – Add Pages – Project panel * Right-click Metrics – Select New Folder: “pages” * Click Ok * Click File – Select Save As: “graphs” * Click Ok * Click New File – Select Save As: “trends” * text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:2?rev=1632149026&do=diff 2. Project Dataflow – holds variables across multiple pages. * Click Modify – Select Project Dataflow * Select Variables – String * Drag and Drop to dataflow * Name block bgColor * Cntrl + Enter to Save * Select Variables – String text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:3?rev=1632149026&do=diff 3. Set up Nav Bar on Index page that will navigate between the pages * Insert group in header * Place it after name and before spreader * Name: “navGroup” * Layout: Horizontal * W: auto H: 100% * Insert group in navGroup * text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:4?rev=1632149027&do=diff 4. Set NavBar selection so that when single item is selected, item changes in appearance * Right click on systemButton – select Edit Symbol * Click on navItem – Select Dataflow * Drag and Drop Logic – If to dataflow * If block * text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:5?rev=1632149027&do=diff 5. Put Page Include in Index page that will take the place of everything below the header * Right click on topRow – Select Delete * Right click on bottomRow – Select Delete * Right click on Stage – insert – components – page Include text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:6?rev=1632149028&do=diff 6. Set theme based font color on index page * Click on header – name * Text and Font Properties * Font color: Bind from Project dataflow - fontColor * Save index.dg5 page text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:7?rev=1632149028&do=diff 7. Remove old header bar on graphs.dg5 * Click on graphs.dg5 * Right click on header – Select delete * Save page * You will note that all the color has disappeared now, as it was bound from the old header in that instance text/html 2021-09-20T14:43:49+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:8?rev=1632149029&do=diff 8. Rebind colors from project dataflow to graphs.dg5 page * Double Click on project.df5 * Click on topRow – systemInfoTop * Bind from Project Dataflow componentBG to Fill and Stroke Property – fill * Click on topRow – systemInfoTop-title text/html 2021-09-20T14:43:49+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:9?rev=1632149029&do=diff 9. Place Range Duration on Project dataflow so that all pages will have access to selected range and pass that information into each page where necessary * Open index.dg5 * Double click on project.df5 * Drag and drop Date Time Operations – date range block to Project dataflow text/html 2021-09-20T14:43:45+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:10?rev=1632149025&do=diff 10. Create a dynamic process to create the list that chooses which points will be shown in the graph dropdown selector * Open graphs.dg5 * Right click on stage – Select dataflow * On Stage dataflow * Drag and Drop Data Services – DSA – List Node text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:11?rev=1632149026&do=diff 11. Improve look of Charts by cleaning up horizontal and vertical axis * Go to graphs.dg5 * Right click on topRow – topChart select Edit Symbol * Click on metricGraph – Chart – vAxes – AxisRenderer * Line Stroke: None * text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:12?rev=1632149026&do=diff 12. Set data interval of chart based on selected time range * Go to graphs.dg5 * Right click on topRow – topChart select Edit Symbol * Click on metricGraph – Chart – dataflow * On Chart dataflow * Drag and Drop a Logic – case block text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:13?rev=1632149026&do=diff 13. Detect validity of data, and add points if necessary * When a Load History block only generates one value, because the value has not changed over the selected time range, then the chart will not display any data. This will also break the Average and Max labels. We will fix this by detecting if there are less than two values and for a chart and make a new chart with 2 values. This will fix the prior issues. text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:14?rev=1632149026&do=diff 14. Apply same layout changes to graph callout * Go to graphs.dg5 * Right click on topRow – topChart, select Edit Symbol * Click on metricGraph – Chart dataflow * Select all the blocks * Right Click, select Copy * Close dataflow text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:15?rev=1632149026&do=diff 15. We will enable show attributes in our metrics panel so we can determine if our points are percent’s or whole numbers. * Navigate to Data panel * Click on System * Navigate to Metrics panel * Click on Menu expander * Select Show attributes text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:16?rev=1632149026&do=diff 16. Modify our createHistories dataflow to make sure units are added to our virtual data tree * Click on data – downstream – dataflow – createHistories dataflow * Click on listNode – children Table * Look at the table and determine which one has a numeric number, so we can edit that instance to make trouble shooting simpler. In this case row 1, Battery Level, looks good as it is a percentage. text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:17?rev=1632149026&do=diff 17. Use new unit attributes to determine which symbol to display in our graph callout * Go to graphs.dg5 * Right click on topRow – topChart, select Edit Symbol * Right click on metricGraph – title – expander – callout, select Edit Symbol text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:18?rev=1632149026&do=diff 18. Changing the createHistories dataflow caused the direct bindings to the Usages gauges break, so we must rebind them * Open graphs.dg5 * Click on data tab and select data * Expand the SystemHistories data metrics * Click on topRow – usages – diskUsage text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:19?rev=1632149026&do=diff 19. Set the time range of the x – axis so that the full selected time range is shown, regardless of whether it is in the future and format the labels to make them prettier. * Go to graphs.dg5 * Right click on topRow – topChart, select Edit Symbol text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:20?rev=1632149026&do=diff 20. Add selected Range to date picker, so it displays times, less then a day * Open index.dg5 * Click on header – datePicker – Date Range Picker * Go up to Date Range Picker Properties * This Range: Double click on blue dot to hang binding window text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:21?rev=1632149026&do=diff 21. Resize graphs page so when we add an ESRI map component, scrolling works properly. * Open graphs.dg5 * Click on stage dataflow * Drag and Drop Logic – Resize Event * Navigate to Advanced panel and search for resize Property * text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:22?rev=1632149026&do=diff 22. Resizing has shifted our margins, so we must adjust the charts margins * Go to graphs.dg5 * Right click on topRow – topChart, select Edit Symbol * Position and Size Properties * Margin, Left: 10px * Then click on the link paddings button to set them all to 10px text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:23?rev=1632149026&do=diff 23. Update scrollbar styling * Go to graphs.dg5 * Click on Stage * Scrolling Properties * Thumb fill: “#999999” * Thumb stroke: solid * Thumb fill – opacity: 100% * Thumb stroke fill: “#999999” * Save page text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:24?rev=1632149026&do=diff 24. Serialize navbar on index page so a page selected on initial load * Go to index.dg5 * Click on header – navGroup * Selection Properties * Selected Index: “0” * Save page text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:25?rev=1632149026&do=diff 25. Improve margins and spacing for graph callouts and format axes * Go to graphs.dg5 * Right click on topRow – topChart, select Edit Symbol * Right click on metricGraph – title – expander – callout, select Edit Symbol * Click on callout_chart – graphs – Dhart – hAxes – AxisRenderer text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:26?rev=1632149026&do=diff 26. Save last graph viewed on graphs page so when you navigate away from page and then return, the metrics you picked before will still be showing. * Open project.df5 * Drag and Drop Variables – Number block * Name: “TGraph” * Drag and Drop Variables – Number block text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:27?rev=1632149026&do=diff 27. Set up basic layout of trends page * Open trends.dg5 * Stage * Layout Properties * Layout: Horizontal * Horizontal Gap: 10px * Quick Access Panel * Click on Full Size button * Right click, select insert group text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:28?rev=1632149026&do=diff 28. Basic layout of navBar * Go to trends.dg5 * Right click on navbar, select Insert – Components – Group * Name: topGroup * Right click on navbar, select Insert – Components – Group * Name: nav * topGroup * Layout Properties text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:29?rev=1632149026&do=diff 29. Create the symbol that will be used in the navBar repeater * Go to trends.dg5 * Right click on navbar – nav, select Insert – Component – Group * Name: navItem * navItem * Layout Properties * Layout: Horizontal text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:30?rev=1632149026&do=diff 30. Set up logic to determine what points will display in navbar * Go to trends.dg5 * Click on navbar – nav * Repeater properties * Symbol: navItem * Save page * Go to graphs.dg5 * Click on Stage dataflow * Click on dataflow Symbols tab text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:31?rev=1632149026&do=diff 31. Set up navItem properties and actions * Open trends.dg5 * Right click on navbar – nav – renderer, select Edit Symbol * Right click on navItem, select Edit Properties * Drag and Drop string * Name: “label” * text/html 2021-09-20T14:43:46+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:32?rev=1632149026&do=diff 32. Make points droppable in the charts area. * Go to trends.dg5 * Click on body – chart, Advanced, search “drop” * Droppable: true * dropGroup: “a” * Right click on body – chart, select Edit Properties * Drag and Drop trigger to Symbol Parameters text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:33?rev=1632149027&do=diff 33. Modify the chart to have it fit the needs of the layout of this page. * Go to trends.dg5 * Right click on body – chart, select Edit Symbol * Right click on trendsGraph – title, select Delete * Click on trendsGraph – header – trend text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:34?rev=1632149027&do=diff 34. Set up the process to pass the dropped points into the chart * Open trends.dg5 * Click on navBar – nav * Selection Properties * Selection: Single Select icon * Click on navBar – nav dataflow * Drag and Drop table Operations – Select Rows text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:35?rev=1632149027&do=diff 35. Format the axes of trends chart. * Open trends.dg5 * Right click on body – chart, select Edit Symbol * Click on trendsGraph – Chart- vAxes – AxisRenderer * Axis Properties * Font Color: Bind from Project Dataflow – fontColor text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:36?rev=1632149027&do=diff 36. Set the colors of the graph lines and the labels in the trends graph. * Open trends.dg5 * Right click on body – chart, select Edit Symbol * Click on trendsGaph – Chart dataflow * Drag and Drop Table Operations – Column Mapping text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:37?rev=1632149027&do=diff 37. We will save the navItem symbol on the palette/widgets.dg5 page so that it is assessable on any page, as this symbol will now be used on both the index and trends page. * Go to index.dg5 page * Go to Symbols tab * Right click on navItem, select Copy text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:38?rev=1632149027&do=diff 38. Make time Bar on trends page which will dictate the time range of the chart there. * Open trends.dg5 * Right click on body – timeBar, select Dataflow * Drag and Drop Variables – Table * Name: “labels” * Open labels text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:39?rev=1632149027&do=diff 39. Format the axis of the trends graph to reflect selected time span * Open trends.dg5 * Right click on body – chart, select Edit Symbol * Click on trendsGraph – Chart – hAxes – Axis Renderer * Axis Properties * Advanced, Auto Adjust: false text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:40?rev=1632149027&do=diff 40. Create layout of base alarm page * Go to alarms.dg5 * Right click on Stage, select Insert – Component – Group * Name: “main” * Main * Layout Properties * Layout: Vertical * Quick Access Panel * Click on Full Size icon text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:41?rev=1632149027&do=diff 41. We will create a button symbol on the widgets page as there will now be multiple instances of the same symbol on multiple pages. * Open widgets.dg5 * On Stage, Right Click select Insert – Component – Group * Name: “buttonWrapper” text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:42?rev=1632149027&do=diff 42. Set up button on alarms page * Go to alarms.dg5 * Click on header – button * Symbol Properties * Symbol: Drag and Drop button from widgets bar * fontColor: “#ffffff” * bgColor: “2295f3” * label: “Manage Alarms” text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:43?rev=1632149027&do=diff 43. Place Page Include and View Deck on alarms.dg 5 page so we can navigate between the different alarm pages * Open alarms.dg5 * Right click on main, select Insert – Component – View Deck * Position and Size Properties * On Quick Access Panel, click on Full Size Icon text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:44?rev=1632149027&do=diff 44. Create basic layout for set Alarms page * Right click on Stage, select Insert – Component – Group * Name: “main” * Quick Access Panel * Click Full Size button * Layout Properties * Layout: Vertical * Vertical Gap: 2px text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:45?rev=1632149027&do=diff 45. Move toggle symbol to widgets page. * Go to graphs.dg5 * Click on Symbols tab * Right click on toggle, select Copy * Go to widgets.dg5 * Click on Symbols tab * Right click on symbols panel, select Paste * Click on Outline tab text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:46?rev=1632149027&do=diff 46. Place toggle on set and index pages * Go to set.dg5 * Right click on main – headers – buttonBar, select Insert – Component – Symbol * Name: “toggle” * Position and Size Properties * W: 50px, H: 20px * Symbol Properties text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:47?rev=1632149027&do=diff 47. Replace toggle instance on index and trends pages * Go to index.dg5 * Click on header – toggle * Symbol Properties * Symbol: Drag and Drop toggle from widgets bar * Click on Symbols tab * Right click on toggle, select Delete text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:48?rev=1632149027&do=diff 48. Complete the rest of the components of the button bar * Open set.dg5 * Right click main – headers – buttonBar, select Insert – Components – Symbol * Name: “edit” * Position and Size Properties * W: 100px, H: 30px text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:49?rev=1632149027&do=diff 49. Install Alarms DS link * Click on Data tab * Right click on sys – links, select Install Link – From Repository * Name:” “alarming * Link: Alarm * Click Invoke * Right click on downstream – Alarm Service, select Add Alarm Class text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:50?rev=1632149027&do=diff 50. Build out the layout of the Add/Edit alarms callout. We will build it in the alarmDetails group, convert it to a symbol and then delete it from that group. * Open set.dg5 * Right click on main – body – alarmDetails, select Insert – Components - Group text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:51?rev=1632149027&do=diff 51. We will now make the internal symbols that will be our form inputs. * Open set.dg5 * Right click on main – body – alarmDetails - newEdit, select Insert – Components – Group * Name: “stringInput” * Layout Properties text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:52?rev=1632149027&do=diff 52. Build out the rows of the callout. * Open set.dg5 * Double click on stringInput, Rename: “name” * Symbol Properties * Label: “New Alert” * fontColor: Bind from Project Dataflow – fontColor * required: true text/html 2021-09-20T14:43:47+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:53?rev=1632149027&do=diff 53. Set up the New Alarm button to display the callout * Open set.dg5 * Click on main – headers – newAlarm - Actions * Advanced, onClick: Double click on blue binding dot to hang binding window * Click on main – headers – newAlarm – Properties text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:54?rev=1632149028&do=diff 54. Set up the Add Edit Callout symbol properties * Open set.dg5 * Right click on main – headers – newAlarm – newAlarm – callout, select Edit Symbol * Right click on addEditCallout, select Edit Properties * Drag and Drop trigger text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:55?rev=1632149028&do=diff 55. Populate the metric dropdown in the add/edit callout * Go to graphs.dg5 * Click on Stage dataflow * Select listNode, repeater, tableAggregation, tableFilter, tableColumnMapping and tableAggregation1, Copy with (Cntrl + C) * Go to set.dg5 text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:56?rev=1632149028&do=diff 56. Set up the close action for the Add Edit callout * It is helpful to set up your open and close triggers first when building out your callouts as it makes it much easier to test them. * Open set.dg5 * Click on main – headers – newAlarm – newAlarm – callout text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:57?rev=1632149028&do=diff 57. Build the logic of the save action for the Add Edit callout. * We will need to grab all the data from the fields, determine if it’s an edit or a new and then create the alarm action. * Open set.dg5 * Right click on main – headers – newAlarm – newAlarm – callout, select Edit Symbol text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:58?rev=1632149028&do=diff 58. Build a nav symbol to render all alarms on the set page * Open trends.dg5 * Click on Symbols tab * Right click on navItem, select Copy * Open set.dg5 * Click on Symbols tab * Right click, select Paste * Click on main – body – navbar text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:59?rev=1632149028&do=diff 59. Layout for alarms details panels. * Open set.dg5 * Right click on main- body – alarmDetails – Insert - Components – Group * Name: “nameRow” * Layout Properties * Layout: Vertical * Margin, Left: 20 * Vert Alignment: Center text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:60?rev=1632149028&do=diff 60. Set up Edit Alarm basic callout Properties * Open set.dg5 * Click on main – headers – buttonBar – edit * Callout Properties * Callout: On Event icon * Symbol: addEditCallout * Position: Center * Anchor: Center text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:61?rev=1632149028&do=diff 61. Add logic to Add Alarm dataflow that distinguishes which add or edit process to run. * Open set.dg5 * Click on main – headers- buttonBar – edit - callout * Symbol Properties * Edit: true * Click on main – body – navbar – dataflow text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:62?rev=1632149028&do=diff 62. Input all the Alarm data into the Edit callout forms * Open set.dg5 * If you have no Alarm Rules created, create one. * Select and Alarm from the Alarm Nav Panel, so the Alarm detail fields have data in them. * Right click on main – headers- buttonBar – edit – callout, select Edit Symbol text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:63?rev=1632149028&do=diff 63. Edit the internal workings of the editAlarm data symbol * Open set.dg5 * Select an Alarm from the Alarm Nav Panel, so the Alarm detail fields have data in them. * Right click on main – headers- buttonBar – edit – callout, select Edit Symbol text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:64?rev=1632149028&do=diff 64. Create Authentication * This will ensure that ensures that required fields in the Add Edit Callout are completed and the Save button can’t be clicked otherwise * Open set.dg5 * Right click on main – headers- buttonBar – edit – callout, select Edit Symbol text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:65?rev=1632149028&do=diff 65. Write the logic to delete Alarm Rules. * Open set.dg5 * Select an Alarm from the Alarm Nav Panel, so the Alarm detail fields have data in them. * Right click on main – headers – buttonBar – delete, select Dataflow * Click on Data Tab text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:66?rev=1632149028&do=diff 66. Write the logic to make the Enable, disable rule toggle work * Open set.dg5 * Select an Alarm from the Alarm Nav Panel, so the Alarm detail fields have data in them. * Click on main – body – navbar - dataflow * Click on tableSelectRow text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:67?rev=1632149028&do=diff 67. Do basic layout of Alarm views page * Open view.dg5 * Stage * Layout Properties * Layout: Vertical * Right click on Stage, select Insert – Component – Data Grid * Fill and Stroke Properties * Fill: Bind from Project Dataflow – componentBG text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:68?rev=1632149028&do=diff 68. Write dataflow that will populate our data grid with Alarm data * Open view.dg5 * Right click on Data_Grid, select Dataflow * Click on Data Tab * Click on downstream – alarming – Alarm Services – metrics, Drag and Drop Get Alarms to Dataflow text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:69?rev=1632149028&do=diff 69. Set up the columns to display the data. * Open view.dg5 * Click on Data_Grid – dataflow * Get_Alarms * Interval: 15 * Autorun: true * Click on Data_Grid ¬– Data Grid Properties – Table * Look at the table text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:70?rev=1632149028&do=diff 70. Make the data grid have alternating colors for the rows. * Open view.dg5 * Click on Data_Grid dataflow * Drag and Drop Logic – If block * Input 0: Bind from Project Dataflow – fontColor * Input 1: “#1d2031” * text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:71?rev=1632149028&do=diff 71. Make a symbol to make the data in Severity column prettier * Open view.dg5 * Right click on Stage, select Insert – Components – Group * Name: “stringWrapper” * Layout Properties * Layout: Horizontal * Horizontal Gap: 10 text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:72?rev=1632149028&do=diff 72. Make an Acknowledge button * Open view.dg5 * Click on symbols tab * Right click on tableItem – severity, select Duplicate * tableItem.severity_copy * Rename: “tableItem.ack” * Click on Data_Grid – Columns – Ack text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:73?rev=1632149028&do=diff 73. Create refresh system * Open view.dg5 * Click on Modify, select Edit Properties * Drag and Drop trigger, Name: “refresh” * Note, make sure to leave the Page Parameters window open as we will go into a Symbol and Bind form it, and you can not access Page Properties from inside a Symbol text/html 2021-09-20T14:43:48+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:74?rev=1632149028&do=diff 74. Install Mailer DS link from a zip file. * Navigate to Data Panel * Right click on sys – links, Select Install Link – From Zip * Name: Mailer * Zip: MailerDSlink, provided with class * Click Invoke * Right click on sys – links – Mailer, select Start Link text/html 2021-09-20T14:43:49+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:75?rev=1632149029&do=diff 75. Set up Mailer * Right click on downstream – mailer, select Add Gmail Connection * You will need to create a Gmail account or use an existing account to do this with * User Name: Enter the username * Password: You must enter an application password which is generated by Google. It is not your regular password text/html 2021-09-20T14:43:49+0000 Anonymous (anonymous@undisclosed.example.com) https://wiki.dglogik.com/dglearning:level3:76?rev=1632149029&do=diff 76. Create Mailer dataflow that will send emails when alarms are triggered * Navigate to Data tab * Right click on downstream – dataflow, select Create Dataflow * Name: “Mailer” * Click Invoke * Click on downstream – dataflow- Mailer - dataflow