Configuring the JavaScript Files

Perform the following procedure to configure the JavaScript files for the time zoom interval.

To configure the JavaScript files

Perform the following procedure to configure the JavaScript files for the time zoom interval.

1. Navigate to the following directory:

   AI_INSTALL/applicationcontainer_external/siebelwebroot/scripts/siebel

   In the siebelconstants.js file, create a constant, and assign the applet control ID that you created in Step 5 in Creating a new Time Zoom Interval.

2. You can pattern the constant to be consistent with the SWE_GANTT_DAY_TWOHOUR constant.

3. In the fsdispatchboardpmodel.js file, complete the following steps:

   1. Create a variable inside the fsDispatchBoardPM constructor function, and assign the constant value.

   2. In the "TIMEUNITVALUE" variable inside the fsDispatchBoardPM constructor function, add the time unit value as in the following example:

      TIMEUNITVALUE = {.., 262144: 7 } : for 7 hours time zoom interval where 7 is the time unit value.

   3. Add the new time zoom interval value to timeScaleMap{} map.

      The map key is the LIC (Language-Independent Code) for the time zoom interval in Major Time Value/Minor Time Value format. The value is the applet control ID that you created in Step 5 in Creating a new Time Zoom Interval.

   4. In the createPeriod() function, create a new case for the time zoom interval under the DAY_HOUR case.

      The case ID is the variable name that you create in the fsDispatchBoardPM constructor function.

   5. Add the time zoom interval check with the OR condition where the calcDayLeft() function is invoked at the end of the createPeriod() function.

4. In the ganttrenderer.js file, complete the following steps:

   1. Create a variable in the GanttRenderer constructor function and assign a constant value.

   2. In the renderTimeScale() function, add the new case for the time zoom interval under the DAY_HOUR case.

      The case ID is the variable name that you create in the GanttRenderer constructor function.

5. In the ganttpmodel.js file, complete the following steps:

   1. Create a variable inside the GanttPresentationModel constructor function and assign the constant value.

   2. Add the following values in the TIMESCALEUNITS and TIMESCALEPERIODS variables in the GanttPresentationModel constructor function.

      For example, if the timescale is 7 hours, then

      TIMESCALEUNITS = {..., 262144: 1}, TIMESCALEPERIODS = {..., 262144: 0}

   3. In the getTimeUnits() function, add a new case for the new time zoom interval, and set the unit value for time zoom interval. The case ID is the variable name that you create in the GanttPresentationModel constructor function.

6. Restart the client to view the new time interval on the Dispatch Board.