WIP (2c903fa1) · Commits · github_fork / Clip

fnord-webcomponents/metric-explorer/fn-metric-explorer.css

+8 −0

Original line number	Diff line number	Diff line
		@@ -9,7 +9,15 @@
		<http://www.gnu.org/licenses/>.
		*/

		#metric-explorer-viewport {
		background-color: #fff;
		}

		metric-explorer-list {
		display: block;
		width: 100%;
		}

		metric-explorer-list fn-table /deep/ table {
		width: 100%;
		}

fnord-webcomponents/metric-explorer/metric-explorer-components/metric-explorer-list.html

+39 −3

Original line number	Diff line number	Diff line
		@@ -11,7 +11,10 @@

		<template id="metric-explorer-list-base-tpl">
		<fn-loader data-loading data-loader-type="loader3">
		<div>
		<h1 class="page_header"><i>Metrics</i> &rsaquo; All Metrics</h1>
		<fn-search></fn-search>
		</div>
		<fn-table data-per-page="25" data-clickable style="width: 100%;">
		<fn-table-column>Metric</fn-table-column>
		<fn-table-column>Labels</fn-table-column>
		@@ -22,15 +25,48 @@
		</template>

		<script type='text/javascript'>
		var MetricList = function() {
		var MetricExplorerList = function() {

		this.createdCallback = function() {
		var tpl = Fnord.getTemplate("metric-explorer-list", "base");
		this.appendChild(tpl);

		console.log(this)
		var base = this;

		console.log(open)

		this.loadMetricList();

		var onSearchSubmit = (function(base) {
		return function(e) {
		//var url = "search?q=" + encodeURIComponent(e.srcElement.getValue());
		//base.openUrl(url);
		}
		})(this);


		var onSearchAutocomplete = (function(base) {
		return function(e) {
		var term = e.srcElement.getValue();
		var res = [];
		var url = "https://rpc.fnrd.net/cm-stats/metrics/list?filter=" + term;
		Fnord.httpGet(url, function(r) {
		if (r.status == 200) {
		var json = JSON.parse(r.response);
		json.metrics.map(function(metric) {
		res.push({query : metric.key});
		});
		e.srcElement.autocomplete(term, res);
		}
		});
		}
		})(this);

		var search = this.querySelector("fn-search");
		search.addEventListener("fn-search-submit", onSearchSubmit);
		search.addEventListener("fn-search-autocomplete", onSearchAutocomplete);

		}

		this.loadMetricList = function() {
		@@ -71,6 +107,6 @@
		}

		window.addEventListener('fn-ready', function() {
		Fnord.registerComponent('metric-explorer-list', MetricList);
		Fnord.registerComponent('metric-explorer-list', MetricExplorerList);
		}, false);
		</script>

fnord-webcomponents/metric-explorer/metric-explorer-components/metric-explorer-preview.html

+17 −3

Original line number	Diff line number	Diff line
		@@ -9,7 +9,7 @@
		<http://www.gnu.org/licenses/>.
		-->

		<template id="fnordmetric-metric-preview-base-tpl">
		<template id="metric-explorer-preview-base-tpl">
		<fn-loader>
		<h1 class="page_header">
		<fn-button id="metric-list">
		@@ -72,7 +72,21 @@
		</fn-table>
		</fn-loader>
		</fn-loader>
		<fnordmetric-metric-preview-popup id="embed">
		</fnordmetric-metric-preview-popup>
		</template>

		<script type='text/javascript'>
		var MetricExplorerPreview = function() {
		this.createdCallback = function() {
		var tpl = Fnord.getTemplate("metric-explorer-preview", "base");
		this.appendChild(tpl);

		}

		}

		window.addEventListener('fn-ready', function() {
		Fnord.registerComponent('metric-explorer-preview', MetricExplorerPreview);
		}, false);
		</script>

fnord-webcomponents/metric-explorer/metric-explorer.html

+6 −1

Original line number	Diff line number	Diff line
		@@ -37,9 +37,14 @@

		<script type='text/javascript'>

		var views = {
		"metric-explorer-list" : "<metric-explorer-list></metric-explorer-list>",
		"metric-explorer-preview" : "<metric-explorer-preview></metric-explorer-preview>"
		}

		function open(name) {
		var viewport = document.querySelector("#metric-explorer-viewport");
		viewport.innerHTML = "<metric-explorer-list></metric-explorer-list>";
		viewport.innerHTML = views[name];
		}

		window.addEventListener('fn-ready' ,function() {

Admin message