When user clicks the IAP button (right-side, middle of the screen) open a IAP dialog (title "Action Plan = Offensive or Defensive?"), let the user toggle buttons or write text into text boxes, save all choices to Parse. There is no other updates on the screen other than in the dialog itself. You'll need to look at v1 and copy the IAP dialog. You'll also need to convert the IAP dialog to Angular format. This will involve changing buttons from div's with a 'button' class to HTML elements named 'button'. You'll need to convert the dialog formatting from the home-grown dialog box (v1) to the JQuery UI dialog box (v2). You can look at other dialogs in both to see the differences.
In the dialog there are 11 buttons (not including the dialog Close button). The top 8 buttons ('Building', 'Fire', etc.) should toggle orange. The 2 right-side buttons ('Vent' and 'Sprinkler') should toggle green. And the third right-side button ('Show Evacuation Location') should not toggle in color, but instead should toggle what it says ('Show/Hide ...') and it should alternatively show or hide an extra text area for the event location.
The values of all these buttons should be saved to corresponding Boolean columns in the Iap table on Parse. The values of all the text areas should be saved to corresponding String columns on Parse. Upon refreshing or opening the incident again the chose strategy will then be repopulated from Parse and populate the Strategy button.
Note that you'll need to load the IAP row from the Iap table in Parse when the incident loads. Look at how we are loading sectors. There is a column in the Sector table and the Iap table for the incident. So you can just imitate how the sectors are loaded for the IAP row. (Hope this makes sense) If the IAP does not exist for the incident then you should create it and populate all the boolean values as FALSE.
When user clicks the IAP button (right-side, middle of the screen) open a IAP dialog (title "Action Plan = Offensive or Defensive?"), let the user toggle buttons or write text into text boxes, save all choices to Parse. There is no other updates on the screen other than in the dialog itself. You'll need to look at v1 and copy the IAP dialog. You'll also need to convert the IAP dialog to Angular format. This will involve changing buttons from div's with a 'button' class to HTML elements named 'button'. You'll need to convert the dialog formatting from the home-grown dialog box (v1) to the JQuery UI dialog box (v2). You can look at other dialogs in both to see the differences.
In the dialog there are 11 buttons (not including the dialog Close button). The top 8 buttons ('Building', 'Fire', etc.) should toggle orange. The 2 right-side buttons ('Vent' and 'Sprinkler') should toggle green. And the third right-side button ('Show Evacuation Location') should not toggle in color, but instead should toggle what it says ('Show/Hide ...') and it should alternatively show or hide an extra text area for the event location.
The values of all these buttons should be saved to corresponding Boolean columns in the Iap table on Parse. The values of all the text areas should be saved to corresponding String columns on Parse. Upon refreshing or opening the incident again the chose strategy will then be repopulated from Parse and populate the Strategy button.
Note that you'll need to load the IAP row from the Iap table in Parse when the incident loads. Look at how we are loading sectors. There is a column in the Sector table and the Iap table for the incident. So you can just imitate how the sectors are loaded for the IAP row. (Hope this makes sense) If the IAP does not exist for the incident then you should create it and populate all the boolean values as FALSE.
Estimated time: 4.5 hours