Commit 9e330366 authored by Laura Schlimmer's avatar Laura Schlimmer
Browse files

Merge branch 'cockpit' of https://github.com/fnordcorp/clickmatcher into cockpit

parents 8c565e37 7d0393ca

fnord-cockpit/fn-cockpit-chart.html

+1 −1
Original line number Diff line number Diff line
@@ -11,7 +11,7 @@ 
  same holds true for past-selectable

-->

<template id='fn-cockpit-chart-base-tpl'>

  <iframe width="100%" height="160" frameborder="0" scrolling="no"></iframe>

  <iframe width="100%" height="140" frameborder="0" scrolling="no"></iframe>

</template>

<script type='text/javascript'>

  var CockpitChartComponent = function() {

fnord-cockpit/fn-cockpit-timenav.html

+4 −7
Original line number Diff line number Diff line
@@ -9,13 +9,7 @@ 
<template id="fn-time-navigation-base-tpl">

  <style type='text/css'>

    .group {

      float:right;

      margin-right: 25px;

      height: 100%;

    }



    .group:first-child {

      margin-right: 15px;

      float:left;

    }



    .group b {
@@ -25,6 +19,7 @@ 
      display: block;

      margin-bottom: 6px;

      opacity: 0.7;

      height: 34px;

    }



    .group fn-daterangepicker /deep/ .wrapper * {
@@ -32,6 +27,7 @@ 
    }

  </style>



<!--

  <div class="group">

    <b>End Time</b>

    <fn-datepicker></fn-datepicker>
@@ -40,6 +36,7 @@ 
    <b>Time Range</b>

    <fn-daterangepicker></fn-daterangepicker>

  </div>

-->

  <div class="group">

    <b>Show The Last...</b>

    <fn-dropdown data-style="input small">

fnord-cockpit/fn-cockpit.css.php

+127 −36
Original line number Diff line number Diff line
@@ -3,6 +3,7 @@ html { 
  font-size: 14px;

  font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;

}



body {

  padding: 0;

  margin: 0;
@@ -11,6 +12,7 @@ body { 
  line-height: 1.33;

  color: rgba(0,0,0,.8);

  height: 100%;

  background: #f2f2f2;

}



.clear {
@@ -29,56 +31,145 @@ a { 
  color: rgba(0,0,0,.8);

}



ul.navigation {

  border-bottom: 1px solid rgba(0,0,0,.1);

  padding: 0.5em;

ul.fn-cockpit-navigation {

  background: #fff;

  border-bottom: 1px solid #ddd;

  padding: 0.5em 16px;

  list-style-type: none;

  line-height: 1;

  margin: 0;



}



ul.navigation li {

ul.fn-cockpit-navigation li {

  display: inline;

  padding: 0 5px;

  margin-right: 10px;

}



.menu {

  position: fixed;

  float:left;

  height: 100%;

  width: 200px;;

.fn-cockpit-pane {

  box-sizing: border-box;

  border: 1px solid #bbb;

  background: #fff;

  font-weight: 400;

  border: 1px solid rgba(39,41,43,.15);

  border-width: 0 1px 1px 0;

  border-bottom-right-radius: .2857rem;

}



.menu a.item {

  padding: .78571em .95em;

  background: 0 0;

  display: block;

  height: auto!important;

  border-top: none;

  border-left: 0 solid transparent;

}



.fn-cockpit-pane.collapse-right {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-right: none;

  vertical-align: middle;

  line-height: 1;

  box-sizing: border-box;

  -webkit-tap-highlight-color: transparent;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-transition: opacity .2s ease,background .2s ease,box-shadow .2s ease;

  border-bottom: 1px solid rgba(0,0,0,.05)

}



.fn-cockpit-pane.collapse-left {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-left: none;

}



.fn-cockpit-pane.collapse-bottom {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  border-bottom: 1px solid #eee;

}



.fn-cockpit-pane.collapse-top {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

  border-top: 1px solid transparent;

}



.fn-cockpit-pane > h4 {

  padding: 0 10px;

  margin: 0;

  font-weight: 500;



  background-color: #F4F4F4;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e9e9e9));

  background-image: -webkit-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: -moz-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: -ms-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: -o-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: linear-gradient(top, #f4f4f4, #e9e9e9);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e9e9e9');

  padding: 0 16px;

  border-bottom: 1px solid #C9C9C9;

  font-size:13px;

  line-height:29px;

  text-shadow: 1px 0px 2px rgba(255, 255, 255, 1);

  -moz-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  -webkit-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  overflow:hidden;

  color:#333;



}



.fn-cockpit-pane > h5 {

  padding: 0 16px;

  margin: 0;

  font-weight: 500;



  border-bottom: 1px solid #eee;

  font-size:13px;

  line-height:29px;

  text-shadow: 1px 0px 2px rgba(255, 255, 255, 1);

  -moz-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  -webkit-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  overflow:hidden;

  color:#333;

}



.menu a.item:hover{

  background-color: rgba(0,0,0,.03);

.fn-cockpit-pane > h6 {

  padding: 0 16px;

  margin: 0;

  font-weight: 500;

  position: relative;

  top: 9px;

  text-align: center;

  font-size:13px;

  line-height:29px;

  text-shadow: 1px 0px 2px rgba(255, 255, 255, 1);

  -moz-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  -webkit-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  overflow:hidden;

  color:#333;

}



.fn-cockpit-pane > h2 {

  padding: 0 10px;

  margin: 0;

  font-weight: 500;



  background-color: #F4F4F4;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e9e9e9));

  background-image: -webkit-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: -moz-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: -ms-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: -o-linear-gradient(top, #f4f4f4, #e9e9e9);

  background-image: linear-gradient(top, #f4f4f4, #e9e9e9);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e9e9e9');

  padding: 0 14px;

  border-bottom: 1px solid #C9C9C9;

  font-size:16px;

  line-height:34px;

  text-shadow: 1px 0px 2px rgba(255, 255, 255, 1);

  -moz-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  -webkit-text-shadow: 1px 0px 2px rgba(255,255,255,1);

  overflow:hidden;

  color:#333;



}



fn-time-navigation {

  border-bottom: none;

  padding: 6px 0 0 0;

  height: 39px;

}



fn-time-navigation /deep/ .group b {

  display: none;

}



h1 {

  margin:0; padding:0; line-height: 40px; margin-left: 16px; font-size: 140%;

}



h1.small {

  margin:0; padding:0; line-height: 40px; margin-left: 16px; font-size: 110%;

}

CRA Git | Maintained and supported by SUSTech CRA and CCSE