This document explains how to add a new button in My Servers popover and bind it with a new service.
There are no specific requirements for this document.
The information in this document is based on these hardware and software versions.
The following configuration applies to IAC versions 4.0.
Creating a new service or modifying an existing service is beyond the scope of this document.
The procedure for creating new buttons in My Servers requires the use of Service Designer.
Adding a New Button
The following example illustrates the steps for adding a new button to "Release Floating IP Address."
Step 1: Go to Service Designer as shown below in Diagram 1.
Step 2: Create a service and save its name for future use.
In Diagram 2 shown below, the name "Release Floating IP Address" is assigned to the new button and is case sensitive.
Step 3: Locate the IAC deployment directory and open the file "my-servers.html" for editing.
Step 4: Add new line to the end of the ServiceIds section as shown below in Diagram 3.
NOTE: Service name is case sensitive, and uses "serviceId" as a second argument.
Step 5: Open the file "IACServersPopover.js" for editing that is located at "\src\widget\iac\IACServersPopover.js"
Find the variable declaration:"buttonHTML". It should be near line number 160 as shown below in Diagram 4.
Following the "buttonHTML" declaration are additional conditions arranged by VM Type, State and User Roles.
Step 6: Insert the following code with appropriate conditions to show the Action for each specific Role and PE Type, before calling the "generateActionButtons" code (located before line No.: 198) as shown below in Diagram 5.
In the serviceNames, push the service name, in this example "Release Floating IP Address."
In the serviceIDs, push proper index value of idsArray, in this example it's index 20, the last service fetch from "getServiceProperties" in my-servers.html.
In the cssClassNames, push the CSS class of button.
Step 7: Open file "IACGenerateActionButtons.js" for editing and find the function: "generateMyServersGroupButtons".
At the end of this function loop shown below in Diagram 6, change the highlighted values according to your service:
You may change networkServicesGroup to one of the following based on your requirements:
Step 8: Build, run and deploy to verify new button is created.
The Cisco Support Community is a forum for you to ask and answer questions, share suggestions, and collaborate with your peers.
Refer to Cisco Technical Tips Conventions for information on conventions used in this document.