<{{codeName}}Portlet
  ref="portlet"
  name="{{portlet.name}}"
{{#if portlet.caption}}
  title="{{portlet.caption}}"
{{/if}}
  :showCaption="{{#if portlet.isShowTitleBar}}true{{else}}false{{/if}}"
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=portlet.psLayout layoutPos=portlet.psLayoutPos}}"
{{#if portlet.psSysImage}}
  {{#if portlet.psSysImage.imagePath}}imgPath="{{portlet.psSysImage.imagePath}}"{{else if portlet.psSysImage.cssClass}}iconClass="{{portlet.psSysImage.cssClass}}"{{/if}}
{{/if}}
{{#if portlet.psSysCss}}
  class="{{portlet.psSysCss.cssName}}"
{{/if}}
{{#if (or portlet.width portlet.height)}}
  style="{{#if portlet.width}}width: {{portlet.width}}px;{{/if}}{{#if portlet.height}}height: {{portlet.height}}px;{{/if}}"
{{/if}}
  :context="state.context"
  :viewParams="state.viewParams"
  :viewSubject="state.viewSubject"
  @ctrlEvent="onCtrlEvent"      
/>
