comp-assets-product-item (template)

The comp-assets-product-item template provides the space for products listed by contracts on the cards-based Assets and Review Cart Visualforce pages.

Template Type

Cards

Code

HTML, CSS/SCSS

Image

Upgrade from Vlocity CME Winter '18 to Vlocity CME Summer '18

When upgrading from ​Salesforce Industries Communications, Media, and Energy Winter '18 to ​Salesforce Industries Communications, Media, and Energy Summer '18, you must make the following changes to the HTML in the Card Designer.

First Change

<button ng-click="childProdState.show = !childProdState.show" class="slds-button assets-item-has-children" aria-controls="tree0-node1" ng-hide="!(obj.childAssets.records || obj.lineItems.records || obj.productGroups.records)">
  <slds-button-svg-icon sprite="'utility'" size="'small'" icon="'switch'" extra-classes="'slds-button__icon_left slds-float_left'" ng-class="{'assets-fix-slds-close-switch' : !childProdState.show}"></slds-button-svg-icon>
  <span class="slds-assistive-text">Toggle</span>
  <span class="assets-product-name" cpq-translate="Product2.Name">{{obj[customField.fieldName]}}</span>
</button>
<button ng-click="childProdState.show = !childProdState.show" class="slds-button assets-item-has-children" aria-controls="tree0-node1" ng-hide="!(obj.childAssets.records || obj.lineItems.records || obj.productGroups.records)">
  <slds-button-svg-icon sprite="'utility'" size="'small'" icon="'switch'" extra-classes="'slds-button__icon_left'" ng-class="{'assets-fix-slds-close-switch' : !childProdState.show}"></slds-button-svg-icon>
  <span class="slds-assistive-text">Toggle</span>
  <span class="assets-product-name">{{obj[customField.fieldName]}}</span>
</button>

Second Change

<span class="assets-item-no-children" ng-show="!(obj.childAssets.records || obj.lineItems.records || obj.productGroups.records)">
{{ obj[customField.fieldName]}}
</span>
<span class="assets-item-no-children" ng-show="!(obj.childAssets.records || obj.lineItems.records || obj.productGroups.records)" cpq-translate="Product2.Name">
{{ obj[customField.fieldName]}}
</span>

Third Change

{{promoItem.Name}}{{$last ? '' : ', '}}
<span cpq-translate=""Promotion.Name"">{{promoItem.Name}}</span>
{{$last ? '' : ', '}}