How to create a “Hello World” Package with CDS Designer UI? The Resource Resolution Type
How to Get Started with CDS Designer UI
If you’re new to CDS Designer UI and need to get set up, the following guides may be helpful:
NOTE:
In order to see the latest version described below in the tutorial, we will need to use the latest cds-ui-server docker image:
nexus3.onap.org:10001/onap/ccsdk-cds-ui-server:1.1.0-STAGING-latest
Create New CDS Package
In the Package List, click on the Create Package button.
Define Package MetaData
In MetaData Tab:
Package name (Required), type "hello_world"
Package version (Required), type "1.0.0"
Package description (Required), type "Hello World, the New CBA Package created with CDS Designer UI"
Package Tags (Required), type "tag1" then use the Enter key on the keyboard
Once you enter all fields you will be able to save your package. Click on the Save button and continue to define your package.
Define Template And Mapping
In the Template & Mapping Tab:
Enter template name "hello_world_template", then go to Template section
Choose the template type "Velocity"
Type the Template parameter "Hello, ${image_name}!" in the code editor
Now, go to the Manage Mapping section.
Click on the Use Current Template Instance button to resolve the value within the template and to auto-map it.
Inside the Mapping table, change Dictionary Source from default to input
Click on the Finish button to save the template and close it.
After the new template is added to the Template and Mapping list, click on the Save button to save the package updates.
Create An Action
From the Package information box on top, click on the Designer Mode button.
Click on the Skip to Designer Canvas button to go directly to Designer Mode.
Now the designer has zero action added. Let's start adding the first Action.
Go to the left side of the designer screen and in the ACTIONS tab, click on the + New Action button.
Now, the first Action Action1 is added to the Actions list and in the Workflow canvas.
Add Resource Resolution Function To The Action
On the left side of the designer screen, Click on the FUNCTIONS tab to view all the Functions List.
Drag the function type "component-resource-resolution"
Drop the function to the "Action1" Action container.
Define Action Attributes
Click on Action1 from the ACTIONS tab to open the ACTION ATTRIBUTES section on designer screens’ right side.
Let's customize the first action's attribute by click on the + Create Custom button to open Add Custom Attributes modal window.
In the Add Custom Attributes Window, and the INPUTS tab starts to add the first input attribute for Action1.
INPUTS Tab: Enter the required properties for the inputs’ attribute:
Name: "template-prefix"
Type: "List"
Required: "True"