<div class="modal-header separator">
  <h3 id="modal-title">
    <i c8y-icon="{{ vm.resolve.title.icon }}"></i>
    <span>{{ vm.resolve.title.text | translate }}</span>
  </h3>
</div>

<div class="modal-inner-scroll" id="modal-body">
  <div class="modal-body p-t-8">
    <fieldset>
      <div class="legend form-block">
        {{ vm.resolve.timelineHeader | translate }}
      </div>
      <c8y-ui-operations-timeline operations="vm.resolve.operations"></c8y-ui-operations-timeline>
    </fieldset>
  </div>
</div>

<div class="modal-footer">
  <button
    title="{{ 'Close' | translate }}"
    type="button"
    class="btn btn-default"
    ng-click="vm.dismiss()"
  >
    {{ 'Close' | translate }}
  </button>

  <button
    title="{{ btn.label | translate }}"
    class="btn"
    ng-repeat="btn in vm.resolve.extraButtons"
    ng-bind="btn.label | translate"
    ng-class="btn.cls"
    ng-click="btn.action();vm.dismiss()"
  ></button>
</div>
