falcon-ui/app/html/feed/feedSummary.html

<!--
/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-->
<div class="summaryBox" id="feedFormSummary">
  <div class="row">
    <h5 class="col-sm-24">
      General
    </h5>
  </div>

  <div class="row">
    <div class="col-sm-12">
      <label>Name</label>: {{feed.name}}
    </div>
    <div class="col-sm-12">
      <label>Description</label>: {{feed.description}}
    </div>
  </div>

  <div class="row">
    <label class="col-sm-24">
      Tags
    </label>
  </div>

  <div class="row">
    <div class="col-sm-24">
      <div ng-repeat="tag in feed.tags | filter:{key: '!!'}">
        {{tag.key}} = {{tag.value}}
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-24">
      <label>Groups</label>: {{feed.groups}}
    </div>
  </div>

  <div class="row">
    <h5 class="col-sm-24">
      Access Control List
    </h5>
  </div>

  <div class="row">
    <div class="col-sm-8">
      <label>Owner</label>: {{feed.ACL.owner}}
    </div>
    <div class="col-sm-8">
      <label>Group</label>: {{feed.ACL.group}}
    </div>
    <div class="col-sm-8">
      <label>Permissions</label>: {{feed.ACL.permission}}
    </div>
  </div>

  <div class="row">
    <h5 class="col-sm-24">
      Schema
    </h5>
  </div>

  <div class="row">
    <div class="col-sm-12">
      <label>Location</label>: {{feed.schema.location}}
    </div>
    <div class="col-sm-12">
      <label>Provider</label>: {{feed.schema.provider}}
    </div>
  </div>

  <div class="row">
    <h5 class="col-sm-24">
      Properties
    </h5>
  </div>

  <div class="row">
    <div class="col-sm-8">
      <label>Frequency</label>:
      <frequency value="feed.frequency" prefix="Every"/>
    </div>
    <div class="col-sm-8">
      <label>Late Arrival</label>:
      <frequency value="feed.lateArrival.cutOff" prefix="Up to"/>
    </div>
    <div class="col-sm-8">
      <label>Availability Flag</label>: {{feed.availabilityFlag}}
    </div>
  </div>

  <div class="row">
    <div class="col-sm-8" ng-repeat="property in feed.properties">
      <label>{{feedPropertiesLabels[property.key]}}</label>:
      <span ng-if="property.key !== 'timeout'">{{property.value}}</span>
      <frequency ng-if="property.key === 'timeout'" value="property.value" prefix="at"/>
    </div>

    <div class="col-sm-8" ng-repeat="property in feed.customProperties | filter: {key: '!!'}">
      <label>{{feedPropertiesLabels[property.key]}}</label>: {{property.value}}
    </div>

    <h5 class="col-xs-24">
      Default Storage Type:
    </h5>
  </div>

  <div class="row">
    <div class="col-sm-8 light" ng-show="feed.storage.fileSystem.locations">File System</div>
    <div class="col-sm-8 light" ng-show="feed.storage.catalog.catalogTable.uri">Catalog Storage</div>
  </div>

  <div class="row">
    <h5 class="col-sm-24">Default Location:</h5>
  </div>

  <div ng-repeat="location in feed.storage.fileSystem.locations" ng-show="feed.storage.fileSystem.locations">
    <div class="row">
      <div class="col-sm-24">
        <label>{{capitalize(location.type)}}</label>:
        <span>{{location.path}}</span>
      </div>
    </div>
  </div>

  <div ng-show="feed.storage.catalog.catalogTable.uri">
    <div class="row">
      <div class="col-sm-24">
        <label>Table uri</label>
        <span>{{feed.storage.catalog.catalogTable.uri}}</span>
      </div>
    </div>
  </div>

</div>

<div class="summaryBox">
  <div ng-repeat="cluster in feed.clusters">
    <div class="row">
      <h5 class="col-sm-24">{{capitalize(cluster.type)}} Cluster</h5>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <label>Name</label>: {{cluster.name}}
      </div>
      <div class="clearfix hidden-md"></div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <label>Start</label>: {{dateFormatter(entity.start)}}
      </div>
      <div class="col-sm-12">
        <label>End</label>: {{dateFormatter(entity.end)}}
      </div>
    </div>
    <div class="row">
      <div class="col-sm-24">
        <label>Timezone</label>: {{feed.timezone}}
      </div>
    </div>
    <div class="row">
      <div class="col-sm-24">
        <label>Retention</label>:
        <frequency value="cluster.retention" prefix=""/>
      </div>
    </div>

    <div class="row">
      <label class="col-sm-24">Location</label>
    </div>

    <div ng-repeat="location in cluster.storage.fileSystem.locations" ng-show="cluster.storage.fileSystem.locations">
      <div class="row">
        <div class="col-sm-24">
          <label>{{capitalize(location.type)}}</label>
          <span>{{location.path}}</span>
        </div>
      </div>
    </div>
    <div ng-show="cluster.storage.catalog.catalogTable.uri">
      <div class="row">
        <div class="col-sm-24">
          <label>Table uri</label>
          <span>{{cluster.storage.catalog.catalogTable.uri}}</span>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <h4 class="col-sm-24" ng-if="feed.import || feed.export">
      Datasource
    </h4>
    <div class="col-sm-24 plr0px" ng-if="feed.import">
      <div class="col-sm-24">
        <label>Datasource Name</label>: <span>{{feed.import.source.name}}</span>
      </div>
      <div class="col-sm-24">
        <label>Table Name</label>: <span>{{feed.import.source.tableName}}</span>
      </div>
      <div class="col-sm-24">
        <label>Extract Type</label>: <span>{{feed.import.source.extract.type}}</span>
      </div>
      <div class="col-sm-24">
        <label>Merge Type</label>: <span>{{feed.import.source.extract.mergepolicy}}</span>
      </div>
      <div class="col-sm-24">
        <label>Columns</label>:
        <span ng-if="feed.import.source.includesCSV">{{feed.import.source.includesCSV}}</span>
        <span ng-if="feed.import.source.excludesCSV">{{feed.import.source.excludesCSV}}</span>
        <span ng-if="!feed.import.source.includesCSV && !feed.import.source.excludesCSV">All</span>
      </div>
    </div>

    <div class="col-sm-24 plr0px" ng-if="feed.export">
      <div class="col-sm-24">
        <label>Datasource Name</label>: <span>{{feed.export.target.name}}</span>
      </div>
      <div class="col-sm-24">
        <label>Table Name</label>: <span>{{feed.export.target.tableName}}</span>
      </div>
      <div class="col-sm-24">
        <label>Load Method</label>: <span>{{feed.export.target.load.type}}</span>
      </div>
      <div class="col-sm-24">
        <label>Columns</label>:
        <span ng-if="feed.export.target.includesCSV">{{feed.export.target.includesCSV}}</span>
        <span ng-if="feed.export.target.excludesCSV">{{feed.export.target.excludesCSV}}</span>
        <span ng-if="!feed.export.target.includesCSV && !feed.export.target.excludesCSV">All</span>
      </div>
    </div>
  </div>

</div>