Commit dd545b54 authored by Laura Schlimmer's avatar Laura Schlimmer
Browse files

proper embed popup

parent cb19b030

fnordmetric-webui/fnordmetric-webui-embedpopup.js

+18 −7
Original line number Diff line number Diff line
@@ -25,18 +25,29 @@ FnordMetric.util.embedPopup = function(elem) { 
    elem.appendChild(background);



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

    popup.className = "popup";

    popup.className = "popup_ui";



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

    tabbar.className = "controls";



    var close_btn = FnordMetric.createButton(

      "#", undefined, "X");

      "#", "close_btn", "X");



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

    innerWindow.className = "inner_window";

    var iframe_tab = FnordMetric.createButton(

      "#", "tab", "iFrame");



    popup.appendChild(close_btn);

    popup.appendChild(innerWindow);

    elem.appendChild(

    var url_tab = FnordMetric.createButton(

      "#", "tab", "URL");



    var html_tab = FnordMetric.createButton(

      "#", "tab", "HTML");



    popup.appendChild(close_btn);

    tabbar.appendChild(iframe_tab);

    tabbar.appendChild(url_tab);

    tabbar.appendChild(html_tab);

    popup.appendChild(tabbar);

    elem.appendChild(popup);

  }



  function close() {

fnordmetric-webui/fnordmetric-webui.css

+32 −3
Original line number Diff line number Diff line
@@ -818,7 +818,21 @@ table.metric_list tr:hover td { 
  left: 5px;

}



.popup {

.popup_ui.background {

  position: absolute;

  top: 0;

  left:0;

  height: 100%;

  width: 100%;

  z-index: 1000;

  background: #e9ebed;

  opacity: 0.5;

  display: table;

  text-align: center;

}





.popup_ui {

  position: absolute;

  min-height: 400px;

  width: 40%;
@@ -830,14 +844,29 @@ table.metric_list tr:hover td { 
  background: #fff;

}



.popup a {

.popup_ui .controls {

  margin-top: 10px;

  margin-left: 50px;

  text-align:center;

}



.popup_ui .controls .tab {

  float:left;

  text-decoration: none;

  padding: 8px 13px;

  margin-right: 50px;

  color: #444;

  border: 1px solid #444;

}



.popup_ui .close_btn {

  float: left;

  color: #444;

  text-decoration: none;

  padding: 2px;

}



.popup .inner_window {

.popup_ui .inner_window {

  margin-top: 30px;

  margin-left: 20px;

}

CRA Git | Maintained and supported by SUSTech CRA and CCSE