<div class="c8y-viewport-modal">
  <div class="modal-header dialog-header">
    <i c8y-icon="bolt"></i>
    <div id="modal-title-property" class="h4" translate>Computed property configuration</div>
  </div>
  <div class="modal-inner-scroll">
    <p class="text-center bg-level-0 text-medium text-16 p-t-16 p-b-16 sticky-top separator-bottom"
    style="z-index: 110;"> 
      {{ computedProperty}}
    </p>
    <div class="modal-body no-card-context p-t-16" id="modal-body-property">

      <form name="configForm" novalidate>
        <div ng-if="configTemplateUrl" ng-include="configTemplateUrl"></div>
        <c8y-schema-form
          ng-if="configSchema"
          schema="configSchema"
          form="['*']"
          model="config"
        ></c8y-schema-form>
      </form>
    </div>
  </div>
  <div class="modal-footer">
    <button
      class="btn btn-default"
      type="button"
      title="{{ 'Cancel' | translate }}"
      ng-click="$dismiss()"
    >
      {{ 'Cancel' | translate }}
    </button>
    <button
      class="btn btn-primary"
      type="button"
      title="{{ 'Save' | translate }}"
      ng-click="$close(config)"
      ng-disabled="configForm.$invalid"
    >
      {{ 'Save' | translate }}
    </button>
  </div>
</div>
