behaviors(non-siloed).html

<div ng-switch-when="isEdit" class="edit-ad-wrapper"
  ng-init="vm.heading = vm.getAdHeading({ad: vm._adBeingEdited}); vm.caption = vm.getAdCaption({ad: vm._adBeingEdited})">
  <tl-circular-checkbox class="check-toggle-wrapper"
    is-checked="true">
  </tl-circular-checkbox>
  <div class="image" style="background-image:url({{ ::vm.getAdImageUrl({ad: vm._adBeingEdited}) }})">
  </div>
  <div class="edit-fields-wrapper">
    <ad-preview-form-heading class="form-heading-wrapper" label="Heading"
      num-characters="vm.heading.length">
    </ad-preview-form-heading>
    <input class="form-control"
      type="text"
      ng-model="vm.heading"
      ng-change="vm.onHeadingChange(vm._adBeingEdited, vm.heading)">
    <ad-preview-form-heading class="form-heading-wrapper" label="Caption"
      num-characters="vm.caption.length">
    </ad-preview-form-heading>
    <textarea class="form-control"
      type="text"
      ng-model="vm.caption"
      ng-change="vm.onCaptionChange(vm._adBeingEdited, vm.caption)"/>
  </div>
</div>

private properties:

• vm.heading
• vm.caption

public hooks (in):

• vm.getAdHeading
• vm.getAdCaption

public hooks (out):

• vm. onHeadingChange
• vm. onCaptionChange