Guest

Cisco Intelligent Automation for Cloud

Add New Action Buttons in My Servers

Document ID: 117659

Updated: Apr 08, 2014

   Print

Introduction

This document explains how to add a new button in My Servers popover and bind it with a new service.

Before You Begin

Requirements

There are no specific requirements for this document.

Components Used

The information in this document is based on these hardware and software versions.

  • The following configuration applies to IAC versions 4.0.

Adding New Buttons to My Server

Creating a new service or modifying an existing service is beyond the scope of this document.

IAC and Service Designer

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.

Diagram1.png

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.

Diagram2.png

Step 3: Locate the IAC deployment directory and open the file "my-servers.html" for editing.

  • "\RequestCenterServer\deployments\RequestCenter.war\custom\IAC\portlets\my-servers.html"

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.

Diagram3.png

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.

Diagram4.png

  • 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.

Diagram5.png

  • 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:

Diagram6.png

You may change networkServicesGroup to one of the following based on your requirements:

  • lifecycleManagementGroup

  • networkServicesGroup

  • serverOpsGroup

Step 8: Build, run and deploy to verify new button is created.

Related Information

Updated: Apr 08, 2014
Document ID: 117659