embed popup (58c290ee) · Commits · github_fork / Clip

fnordmetric-webui/fnordmetric-webui-embedpopup.js

+45 −6

Original line number	Diff line number	Diff line
		@@ -18,13 +18,23 @@ if (FnordMetric.views === undefined) {


		FnordMetric.util.embedPopup = function(elem) {
		var popup;
		var background;

		function close() {
		if (popup.parentNode == elem) {
		elem.removeChild(popup);
		}
		if (background.parentNode == elem) {
		elem.removeChild(background);
		}
		}

		function render() {
		console.log("render popup");
		var background = document.createElement("div");
		background = document.createElement("div");
		background.className = "popup_ui background";
		elem.appendChild(background);

		var popup = document.createElement("div");
		popup = document.createElement("div");
		popup.className = "popup_ui";

		var tabbar = document.createElement("div");
		@@ -42,18 +52,47 @@ FnordMetric.util.embedPopup = function(elem) {
		var html_tab = FnordMetric.createButton(
		"#", "tab", "HTML");

		var inner_window = document.createElement("div");

		elem.appendChild(background);
		popup.appendChild(close_btn);
		tabbar.appendChild(iframe_tab);
		tabbar.appendChild(url_tab);
		tabbar.appendChild(html_tab);
		popup.appendChild(tabbar);
		popup.appendChild(inner_window);
		elem.appendChild(popup);
		}

		function close() {

		background.addEventListener('click', function(e) {
		e.preventDefault();
		close();
		}, false);

		close_btn.addEventListener('click', function(e) {
		e.preventDefault();
		close();
		}, false);

		iframe_tab.addEventListener('click', function(e) {
		e.preventDefault();
		inner_window.innerHTML = "FnordMetric IFrame";
		}, false);

		url_tab.addEventListener('click', function(e) {
		e.preventDefault();
		inner_window.innerHTML = "FnordMetric URL";
		}, false);

		html_tab.addEventListener('click', function(e) {
		e.preventDefault();
		inner_window.innerHTML = "FnordMetric HTML";
		}, false);


		}


		return {
		"render" : render,
		}

fnordmetric-webui/fnordmetric-webui.css

+2 −2

Original line number	Diff line number	Diff line
		@@ -845,8 +845,8 @@ table.metric_list tr:hover td {
		}

		.popup_ui .controls {
		margin-top: 10px;
		margin-left: 50px;
		padding-left: 50px;
		height: 50px;
		text-align:center;
		}

Admin message