You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flink.apache.org by gr...@apache.org on 2017/05/10 17:10:32 UTC
[6/9] flink git commit: [FLINK-5831] [webui] order,
search and filter metrics
http://git-wip-us.apache.org/repos/asf/flink/blob/140c4eea/flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node-list.metrics.html
----------------------------------------------------------------------
diff --git a/flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node-list.metrics.html b/flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node-list.metrics.html
index daaf7c4..e3af4ec 100644
--- a/flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node-list.metrics.html
+++ b/flink-runtime-web/web-dashboard/web/partials/jobs/job.plan.node-list.metrics.html
@@ -27,7 +27,11 @@ limitations under the License.
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right metric-menu">
- <li ng-repeat="metric in availableMetrics track by $index"><a ng-click="addMetric(metric)">{{ metric.id | limit }}</a></li>
+ <section class="search">
+ <label for="search-input"><i aria-hidden="true" class="fa fa-search"><span class="sr-only">Search icons</span></i></label>
+ <input type="text" ng-model="metricsFilterQuery" placeholder="Search available metrics..." class="metrics-filter"/>
+ </section>
+ <li ng-repeat="metric in availableMetrics | searchMetrics:metricsFilterQuery track by $index"><a ng-click="addMetric(metric)">{{ metric.id | limit }}</a></li>
</ul>
</div>
<div ng-if="!availableMetrics.length" class="dropdown add-metrics">